- 博客(2999)
- 收藏
- 关注
RSS订阅
转载 前端关于单点登录的知识
作者：An_an16347原文：https://juejin.im/post/6844903664264413198什么是单点登录单点登录（Single Sign On），简称为 SSO...
2020-08-24 08:32:50
1544
转载 轻松理解JS中的面向对象，顺便搞懂prototype和__proto__
作者：蒋鹏飞链接：https://juejin.im/post/5e50e5b16fb9a07c9a1959af这篇文章主要讲一下JS中面向对象以及 __proto__，ptototyp...
2020-08-23 14:24:28
514
转载 前端模块化：CommonJS,AMD,CMD,ES6 学习
作者 | subwaydown地址 |https://juejin.im/post/6844903576309858318模块化的开发方式可以提高代码复用率，方便进行代码的管理。通常一...
2020-08-22 11:30:00
402
转载 （有趣问答）2019年nodejs凉了吗？凉到什么程度了？
今天在下于知乎上看到一个有趣的问题，叫「2019年nodejs凉了吗？凉到什么程度了？」问题挺耸人听闻的，但其实是一个很普适性的问题，对于大部分语言和框架的使用者来说都值得借鉴。这个问题...
2020-08-21 08:36:14
1241
原创 vue中8种组件通信方式, 值得收藏!
之前写了一篇关于vue面试总结的文章, 有不少网友提出组件之间通信方式还有很多, 这篇文章便是专门总结组件之间通信的vue是数据驱动视图更新的框架, 所以对于vue来说组件间的数据通信非常重要，那么组件之间如何进行数据通信的呢？首先我们需要知道在vue中组件之间存在什么样的关系, 才更容易理解他们的通信方式, 就好像过年回家，坐着一屋子的陌生人，相互之间怎么称呼，这时就需要先知道自己和他们...
2019-11-28 16:53:48
4293
3
原创 消息队列Rabbitmq，在Node.js中的应用
为什么写这篇文章 现在的面试要求越来越高了，打开看了看几个 BOSS 招聘 Node.js 全栈开发的，其中都有一条“了解 消息队列，并在项目中应用过”，呜呜呜 后端开发者应该都知道消息队列，但是一些前端开发者可能知道的并不多，但是你们可能好奇抢票,商品秒杀等功能是如何实现的，其实没有多么高大上，看了消息队列就知道了。 文章导图(你能学到)什么是消息队列“消息队列...
2019-11-26 09:05:34
7520
3
原创 Node.js中的执行顺序（微任务与事件循环）
提出问题在理解node.js的异步的时候有一些不懂的地方，使用node.js的开发者一定都知道它是单线程的，异步不阻塞且高并发的一门语言，但是node.js在实现异步的时候，两个异步任务开启了，是就是谁快就谁先完成这么简单，还是说异步任务最后也会有一个先后执行顺序?对于一个单线程的的异步语言它是怎么实现高并发的呢?好接下来我们就带着这两个问题来真正的理解node.js中的异步（微任务与事件循环...
2019-04-28 22:05:50
6356
2
原创 超详细的redis学习(1)-入门篇
什么是Redis基本概念redis是一个开源的、使用C语言编写的、支持网络交互的、可基于内存也可持久化的Key-Value数据库（非关系性数据库）。redis的优势速度快，因为数据存在内存中，类似于HashMap，HashMap的优势就是查找和操作的时间复杂度都是O(1)支持丰富数据类型，支持string，list，set，sorted set，hash支持事务，操作都是原子性...
2018-09-12 15:11:01
24852
2
原创 javascript之原型链详解
对象着手在谈原型链之前，先了解对象，万物皆对象。所有引用类型（函数，数组，对象）都拥有proto属性（隐式原型）所有函数拥有prototype属性（显式原型）（仅限函数）原型对象：拥有prototype属性的对象，在定义函数时就被创建prototype与proto两个概念prototype：此属性只有构造函数才有，它指向的是当前构造函数的原型对象。proto：此...
2018-09-07 17:06:41
643
原创 javascript中的闭包这一篇就够了
什么是闭包 维基百科中的概念在计算机科学中，闭包(也称词法闭包或函数闭包)是指一个函数或函数的引用，与一个引用环境绑定在一起，这个引用环境是一个存储该函数每个非局部变量(也叫自由变量)的表。闭包，不同于一般的函数，它允许一个函数在立即词法作用域外调用时，仍可访问非本地变量 学术上闭包是指在 JavaScript 中，内部函数总是可以访问其所在的外部函数中声明的参...
2018-09-06 18:08:48
1008
原创 LayoutParams基本使用
LayoutParams是什么？LayoutParams主要保存了一个View的布局参数，因此可以使用LayoutParams来改变布局参数从而达到View位置的效果，一般在自定义View的时候使用。LayoutParams怎么用？如果父控件是LinearLayout，需要使用LinearLayout.LayoutParams 代码如下：LinearLayout.La...
2018-08-05 23:17:31
9750
原创 回调地狱解决方案之Promise
Node.js异步控制之Promise为什么出现Promise在javascript开发过程中，代码是单线程执行的，同步操作，彼此之间不会等待，这可以说是它的优势，但是也有它的弊端，如一些网络操作，浏览器事件，文件等操作等，都必须异步执行，针对这些情况，起初的操作都是使用回调函数实现。实现方式如下（虚拟代码）：function One(callback) { if ...
2018-07-29 15:56:07
1057
原创 async和await的讲解
async和await的讲解声明async函数的几个方法//普通的函数声明async function A(){}//声明一个函数表达式let A=async function(){}//async形式的箭头函数let A=async ()=>{}初识async和awaitasync与await实例应用，基础代码 控制器调用与serv...
2018-07-29 12:29:06
34693
1
原创 开发过程中的系统通知与推送的全面讲解
前言：在我们的软件开发中，系统通知和推送是必不可少的一部分，本篇文章将针对Android端和服务端分别讲解如何完整的实现一个系统通知与推送的功能 ，文章更注重逻辑、思想，不会讲那些基本极光sdk集成内容，如果需要请直接去极光推送官网查看文档。学前准备Android - 了解广播的基本使用，创建广播的几种方式 - ActivityManage和packpageManage的区别...
2018-07-24 10:22:23
5112
原创 解决Gradle:download特别慢或卡主不动的问题
解决Gradle:download特别慢或卡主不动的问题Gradle 在project创建的时候的时候会出现connect refused：connect或者卡在building gradle download https：等情况。 大多数的原因是因为我们Google对我们国内网络的限制： 解决办法：使用阿里云的国内镜像仓库地址，就可以快速的下载需要的文件修改项目根目录下的文件 build.gr
2017-06-10 21:14:34
20537
3
原创 Native与html5交互入门篇
Native与html5交互目前主流的移动端开发是混合开发Hybrid 先说一下什么是Hybrid APP，它指的是半原半Web的混合类App，需要下载安装，看上去类似Native App，但只有很少的UI Web View，它极力打造类似原生的App。 学习Native和html5交互，我们要学两点： 1、怎么把一个html5界面当作控件一样显示在界面中。 2、怎么和html5进行数据交互
2017-06-04 20:16:02
1310
原创 踩坑无数后，我终于总结出这份最全的 Vue3 组件通信实战指南
本文将通过8个实战案例，带你彻底掌握Vue3组件通信的精髓，让你的代码更优雅、更易维护！Pinia是Vue3生态的官方状态管理库，比Vuex更简单、更type-safe。作用域插槽让子组件可以向父组件暴露数据，父组件决定如何渲染，实现真正的关注点分离。在实际开发中，往往需要多种方案组合使用，才能构建出既优雅又高效的Vue3应用。当你需要在组件树的多个层级间共享数据时，Provide/Inject是最优解。别急，这些问题，99%的Vue开发者都遇到过。有时候需要直接调用子组件的方法，模板引用是最直接的方式。
2025-07-15 11:55:17
480
原创 没想到！CSS 现在也能写 if / else 了
CSS 功能的不断增强，很多新特性（如 has()、subgrid 等）虽然强大，但并不是所有浏览器都已全面支持。从 Chrome 137 开始，CSS 引入了一个全新的函数 —— if()，让我们可以在样式里写 if / else 逻辑了！在日常开发中，我们经常需要根据不同条件切换样式，比如响应式布局、特性检测、主题切换等。这种大量的媒体查询分散在不同地方，维护起来比较麻烦，很多时候逻辑和样式分离， 阅读和修改也不直观。函数和 CSS 变量，我们可以只通过一个属性来控制全部状态样式 — 更优雅也更灵活。
2025-07-14 12:18:33
281
转载 前端开发的你，其实并没有真的掌握img标签！
访问控制主要是通过服务器端的 cookies 验证来实现的，crossorigin 属性是告诉浏览器如何发送请求，只是确保在网站中正确发送 cookies 的一个机制。当浏览器请求图片时，服务器返回的是图片的二进制数据（binary data） 并且这些二进制数据可能是各种格式，比如JPEG、PNG、WebP 等。解码是浏览器原生支持的，不同浏览器使用不同的图片解码引擎，现代浏览器都是支持多种图片格式的解码。：不带凭证，请求图片是不会发送任何凭证信息（cookie等），适用于公开的图片资源、
2025-07-13 22:25:48
19
原创 这是我告别 nvm 后，用过最省心的 Node.js 版本管理工具
nvm 本身是基于 Unix 系统开发的，虽然 Windows 也有 nvm-windows 版本，但实际上兼容性并不好，安装、切换版本经常会出问题。nvm 只管理 Node.js，不支持 npm、yarn、pnpm 等工具的版本管理，复杂项目环境下，工具链很容易混乱。在前端和全栈开发中，我们常常需要在多个项目之间来回切换，而每个项目所依赖的 Node.js 版本可能并不相同。如果你现在还在使用 nvm，或者每次切换项目都需要查版本、改配置，不妨试试 Volta，真正做到只需一次配置。
2025-07-11 11:50:19
297
转载 9个高级前端必会的性能优化API你都知道几个？
是浏览器提供的一个 API，用于异步观察一个元素（target element）与其祖先元素或顶级文档视口（viewport）之间的交集变化。简单来说，它可以监听某个元素是否进入或离开视口，以及可见部分的比例。：当元素进入视口时，触发 CSS 动画或 JavaScript 事件。隐藏不在视口中的元素，减少不必要的渲染，提高滚动性能。支持流式传输，减少等待时间，适用于大文件加载。，不会阻塞主线程，也不会影响动画和用户交互。：当图片或组件进入视口时才加载，提高性能。：监测滚动到底部，自动加载新内容。
2025-07-10 11:50:28
11
原创 面试官：为什么在 Vue3 中 ref 变量要用 .value？
这是个非常好的开始，既然你用过，我们不妨一起把这个问题拆开，一步步搞清楚它背后的原理。: 因为 Proxy 可以监听到更多类型的变化，比如新增属性、数组索引等等。: 而 Vue3 的响应式追踪，依赖收集，和视图更新，全部基于对这个。: 这个......就是 Vue3 的语法吧，我平时都是这么用的。繁琐，但当你理解了它的设计哲学，就会觉得这是个合理的权衡。，但这种语法是可选的，不是强制的。他愣了一下，脑袋快速思考，好像没有检索到更好的答案。Proxy 无法直接代理基本类型，必须包装成对象。
2025-07-09 11:59:31
802
原创 放弃 JSON.parse(JSON.stringify()) 吧！试试现代深拷贝！
可以完整复制几乎所有常见类型的数据，包括复杂的嵌套对象、数组、Map、Set、Date、正则表达式、甚至是循环引用。但技术的发展离不开新技术的应用和推广，只有更多人开始尝试并使用，才能让新API真正普及开来，最终成为主流。小A: 我看网上说可以自己实现一个递归来解决，但是我不太会实现。小A： 知道，就是下面这个代码，但不知道怎么解决。上面是我将小A的业务代码提炼为简单示例，方便阅读。一看有50多处都使用了， 使用频率相当高了。Node.js 17+：可以直接使用。"新API虽然好，但旧浏览器怎么办？
2025-07-08 12:04:03
826
转载 “页面白屏了？别慌！前端工程师必备的排查技巧和面试攻略“
"我的排查步骤是：首先查看Console面板的错误信息，这能快速定位JS异常；"页面白屏主要有五种原因：JavaScript执行错误、资源加载失败、CSS样式问题、接口异常和浏览器兼容性。"JS错误在Console有明确报错信息和堆栈，资源失败在Network显示红色状态码。"依赖监控系统收集错误信息，结合用户反馈确定影响范围，通过错误堆栈和用户环境信息快速定位。"移动端调试困难，需要vConsole或真机调试。"预防方面建立错误边界、资源容错机制、统一接口异常处理、兼容性检测，同时搭建监控告警体系。
2025-07-07 08:39:00
12
转载 “页面白屏了？别慌！前端工程师必备的排查技巧和面试攻略“
"我的排查步骤是：首先查看Console面板的错误信息，这能快速定位JS异常；"页面白屏主要有五种原因：JavaScript执行错误、资源加载失败、CSS样式问题、接口异常和浏览器兼容性。"JS错误在Console有明确报错信息和堆栈，资源失败在Network显示红色状态码。"依赖监控系统收集错误信息，结合用户反馈确定影响范围，通过错误堆栈和用户环境信息快速定位。"移动端调试困难，需要vConsole或真机调试。"预防方面建立错误边界、资源容错机制、统一接口异常处理、兼容性检测，同时搭建监控告警体系。
2025-07-07 08:39:00
12
转载 “页面白屏了？别慌！前端工程师必备的排查技巧和面试攻略“
"我的排查步骤是：首先查看Console面板的错误信息，这能快速定位JS异常；"页面白屏主要有五种原因：JavaScript执行错误、资源加载失败、CSS样式问题、接口异常和浏览器兼容性。"JS错误在Console有明确报错信息和堆栈，资源失败在Network显示红色状态码。"依赖监控系统收集错误信息，结合用户反馈确定影响范围，通过错误堆栈和用户环境信息快速定位。"移动端调试困难，需要vConsole或真机调试。"预防方面建立错误边界、资源容错机制、统一接口异常处理、兼容性检测，同时搭建监控告警体系。
2025-07-07 08:39:00
7
转载 “页面白屏了？别慌！前端工程师必备的排查技巧和面试攻略“
"我的排查步骤是：首先查看Console面板的错误信息，这能快速定位JS异常；"页面白屏主要有五种原因：JavaScript执行错误、资源加载失败、CSS样式问题、接口异常和浏览器兼容性。"JS错误在Console有明确报错信息和堆栈，资源失败在Network显示红色状态码。"依赖监控系统收集错误信息，结合用户反馈确定影响范围，通过错误堆栈和用户环境信息快速定位。"移动端调试困难，需要vConsole或真机调试。"预防方面建立错误边界、资源容错机制、统一接口异常处理、兼容性检测，同时搭建监控告警体系。
2025-07-07 08:39:00
6
转载 “页面白屏了？别慌！前端工程师必备的排查技巧和面试攻略“
"我的排查步骤是：首先查看Console面板的错误信息，这能快速定位JS异常；"页面白屏主要有五种原因：JavaScript执行错误、资源加载失败、CSS样式问题、接口异常和浏览器兼容性。"JS错误在Console有明确报错信息和堆栈，资源失败在Network显示红色状态码。"依赖监控系统收集错误信息，结合用户反馈确定影响范围，通过错误堆栈和用户环境信息快速定位。"移动端调试困难，需要vConsole或真机调试。"预防方面建立错误边界、资源容错机制、统一接口异常处理、兼容性检测，同时搭建监控告警体系。
2025-07-07 08:39:00
4
转载 “页面白屏了？别慌！前端工程师必备的排查技巧和面试攻略“
"我的排查步骤是：首先查看Console面板的错误信息，这能快速定位JS异常；"页面白屏主要有五种原因：JavaScript执行错误、资源加载失败、CSS样式问题、接口异常和浏览器兼容性。"JS错误在Console有明确报错信息和堆栈，资源失败在Network显示红色状态码。"依赖监控系统收集错误信息，结合用户反馈确定影响范围，通过错误堆栈和用户环境信息快速定位。"移动端调试困难，需要vConsole或真机调试。"预防方面建立错误边界、资源容错机制、统一接口异常处理、兼容性检测，同时搭建监控告警体系。
2025-07-07 08:39:00
4
转载 “页面白屏了？别慌！前端工程师必备的排查技巧和面试攻略“
"我的排查步骤是：首先查看Console面板的错误信息，这能快速定位JS异常；"页面白屏主要有五种原因：JavaScript执行错误、资源加载失败、CSS样式问题、接口异常和浏览器兼容性。"JS错误在Console有明确报错信息和堆栈，资源失败在Network显示红色状态码。"依赖监控系统收集错误信息，结合用户反馈确定影响范围，通过错误堆栈和用户环境信息快速定位。"移动端调试困难，需要vConsole或真机调试。"预防方面建立错误边界、资源容错机制、统一接口异常处理、兼容性检测，同时搭建监控告警体系。
2025-07-07 08:39:00
6
转载 “页面白屏了？别慌！前端工程师必备的排查技巧和面试攻略“
"我的排查步骤是：首先查看Console面板的错误信息，这能快速定位JS异常；"页面白屏主要有五种原因：JavaScript执行错误、资源加载失败、CSS样式问题、接口异常和浏览器兼容性。"JS错误在Console有明确报错信息和堆栈，资源失败在Network显示红色状态码。"依赖监控系统收集错误信息，结合用户反馈确定影响范围，通过错误堆栈和用户环境信息快速定位。"移动端调试困难，需要vConsole或真机调试。"预防方面建立错误边界、资源容错机制、统一接口异常处理、兼容性检测，同时搭建监控告警体系。
2025-07-07 08:39:00
4
转载 “页面白屏了？别慌！前端工程师必备的排查技巧和面试攻略“
"我的排查步骤是：首先查看Console面板的错误信息，这能快速定位JS异常；"页面白屏主要有五种原因：JavaScript执行错误、资源加载失败、CSS样式问题、接口异常和浏览器兼容性。"JS错误在Console有明确报错信息和堆栈，资源失败在Network显示红色状态码。"依赖监控系统收集错误信息，结合用户反馈确定影响范围，通过错误堆栈和用户环境信息快速定位。"移动端调试困难，需要vConsole或真机调试。"预防方面建立错误边界、资源容错机制、统一接口异常处理、兼容性检测，同时搭建监控告警体系。
2025-07-07 08:39:00
4
转载 你用 Cursor 写公司的代码安全吗？
在 AI 编程助手日益普及的今天，越来越多的开发者开始使用像 Cursor 这样的工具来提升开发效率。这篇文章将全面解答你关心的几个关键问题，包括：隐私模式、请求路由、安全索引机制，以及 Cursor 如何在功能和隐私之间取得平衡。现在，你可以通过母语更轻松地掌握这款强大的AI编码工具的全部功能，关于Cursor的开发技巧和博客都在这里。如果你在使用中发现网络带宽异常，很可能是由于重复上传重试（Cursor 索引系统当前仍在优化中）。，用于增强 AI 的理解能力，使其在回答你关于代码的问题时更加准确。
2025-07-05 22:31:18
75
原创 URL地址末尾加不加 “/“ 有什么区别
Google 等搜索引擎确实可能将不同的 URL 视为重复内容（duplicate content），但它们也提供了相应的工具和方法来规范化这些 URL。）通常会返回该目录下的默认文件（如 index.html），且相对路径会基于该目录进行解析。）可能被当作文件来解析，或者被重定向到带有斜杠的目录 URL，可能会导致相对路径解析错误。, 确保网站的所有页面都指向规范的 URL，避免因未做重定向而造成的索引重复问题。）看似一个小细节，但它会影响网页加载、路径解析、SEO 和 API 请求的行为。
2025-07-04 14:12:56
548
原创 URL地址末尾加不加 “/“ 有什么区别
Google 等搜索引擎确实可能将不同的 URL 视为重复内容（duplicate content），但它们也提供了相应的工具和方法来规范化这些 URL。）通常会返回该目录下的默认文件（如 index.html），且相对路径会基于该目录进行解析。）可能被当作文件来解析，或者被重定向到带有斜杠的目录 URL，可能会导致相对路径解析错误。, 确保网站的所有页面都指向规范的 URL，避免因未做重定向而造成的索引重复问题。）看似一个小细节，但它会影响网页加载、路径解析、SEO 和 API 请求的行为。
2025-07-04 14:12:56
528
原创 URL地址末尾加不加 “/“ 有什么区别
Google 等搜索引擎确实可能将不同的 URL 视为重复内容（duplicate content），但它们也提供了相应的工具和方法来规范化这些 URL。）通常会返回该目录下的默认文件（如 index.html），且相对路径会基于该目录进行解析。）可能被当作文件来解析，或者被重定向到带有斜杠的目录 URL，可能会导致相对路径解析错误。, 确保网站的所有页面都指向规范的 URL，避免因未做重定向而造成的索引重复问题。）看似一个小细节，但它会影响网页加载、路径解析、SEO 和 API 请求的行为。
2025-07-04 14:12:56
420
原创 URL地址末尾加不加 “/“ 有什么区别
Google 等搜索引擎确实可能将不同的 URL 视为重复内容（duplicate content），但它们也提供了相应的工具和方法来规范化这些 URL。）通常会返回该目录下的默认文件（如 index.html），且相对路径会基于该目录进行解析。）可能被当作文件来解析，或者被重定向到带有斜杠的目录 URL，可能会导致相对路径解析错误。, 确保网站的所有页面都指向规范的 URL，避免因未做重定向而造成的索引重复问题。）看似一个小细节，但它会影响网页加载、路径解析、SEO 和 API 请求的行为。
2025-07-04 14:12:56
577
原创 URL地址末尾加不加 “/“ 有什么区别
Google 等搜索引擎确实可能将不同的 URL 视为重复内容（duplicate content），但它们也提供了相应的工具和方法来规范化这些 URL。）通常会返回该目录下的默认文件（如 index.html），且相对路径会基于该目录进行解析。）可能被当作文件来解析，或者被重定向到带有斜杠的目录 URL，可能会导致相对路径解析错误。, 确保网站的所有页面都指向规范的 URL，避免因未做重定向而造成的索引重复问题。）看似一个小细节，但它会影响网页加载、路径解析、SEO 和 API 请求的行为。
2025-07-04 14:12:56
650
原创 URL地址末尾加不加 “/“ 有什么区别
Google 等搜索引擎确实可能将不同的 URL 视为重复内容（duplicate content），但它们也提供了相应的工具和方法来规范化这些 URL。）通常会返回该目录下的默认文件（如 index.html），且相对路径会基于该目录进行解析。）可能被当作文件来解析，或者被重定向到带有斜杠的目录 URL，可能会导致相对路径解析错误。, 确保网站的所有页面都指向规范的 URL，避免因未做重定向而造成的索引重复问题。）看似一个小细节，但它会影响网页加载、路径解析、SEO 和 API 请求的行为。
2025-07-04 14:12:56
706
原创 URL地址末尾加不加 “/“ 有什么区别
Google 等搜索引擎确实可能将不同的 URL 视为重复内容（duplicate content），但它们也提供了相应的工具和方法来规范化这些 URL。）通常会返回该目录下的默认文件（如 index.html），且相对路径会基于该目录进行解析。）可能被当作文件来解析，或者被重定向到带有斜杠的目录 URL，可能会导致相对路径解析错误。, 确保网站的所有页面都指向规范的 URL，避免因未做重定向而造成的索引重复问题。）看似一个小细节，但它会影响网页加载、路径解析、SEO 和 API 请求的行为。
2025-07-04 14:12:56
290
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人