- 博客(118)
- 资源 (6)
- 问答 (2)
- 收藏
- 关注
RSS订阅
原创 开发中常用的ES6数组操作方法
继上一篇针对JS中是否改变原数组的操作方法总结，归纳一些项目开发中需要用到的ES6数组操作方法。毕竟有时处理数据时，忽然想不到方法是很捉急的事情呀！[...arr]解构，数据去重/连接/合并，Array.from()，filter()，reducer()，map()，some()等，满足大多数的开发需求。
2021-03-22 21:08:22
1941
8
原创 JavaScript中new关键字的原理你知道吗？手写new的实现
在JavaScript中，new关键字用于 创建一个新对象并将其实例化为指定的构造函数类型。时，它创建了一个新对象，并将该对象的原型链指向 proto。
2024-04-01 12:05:23
31
原创 前端缓存的具体区别你清楚吗？详细分析
Cookie、sessionStorage和localStorage都是Web存储机制，用于在用户的浏览器中存储数据。本文详细说明一下他们的作用，以及不同点。
2024-03-25 21:15:46
350
原创 instanceof的原理是什么？手写instanceof方法
instanceof 运算符 是 JavaScript 中用于检测 一个对象 是否是其构造函数的 prototype 属性指向的原型链上的实例。输入一个对象，一个构造函数；通过循环遍历对象的原型链，逐级检查是否与给定构造函数的原型相匹配，从而判断对象是否是由特定构造函数创建的。Object.getPrototypeOf(xx),用于获取指定对象的原型（即原型链的上一层对象），相当于xx.（简单记：用于检查一个对象是否是指定构造函数的 prototype 原型链上的实例。
2024-03-25 17:54:00
275
原创 http协议中的强缓存与协商缓存，带图详解
http中的缓存分为两种：强缓存、协商缓存。响应头中的 status 是 200，相关字段有，两者同时出现时 cache-control 优先级更高。主要是利用的max-age值来进行判断。浏览器再次请求服务器时，浏览器会先判断max-age，如果到期则直接请求服务器，否则直接从缓存中读取。响应头中的 status 是 304，相关字段有。（1） 服务器的 ETag 和 浏览器的 If-None-Match 对应。
2024-03-11 20:13:30
1301
原创 前端开发中需要注意的CSS命名规则以及书写顺序
CSS命名一般是用 BEM 规则命名的。它背后的想法是将用户界面划分为独立的块。`BEM`的意思就是`B模块(block)`、`E元素(element)`、`M修饰符(modifier)`，即：`[block]__[element]--[modifier]`。关于CSS属性的书写顺序建议：一般来说，要先定义好布局，即先写位置、再写大小边距，再写文字样式、背景色，最后写其他属性。
2024-01-12 11:06:42
2604
原创 解决移动端小程序事件穿透的问题
在地图上面写多个小图标，图标位于地图两侧并且都可以点击。要求点击图标时不触发地图的点击事件。如果使用Taro的Map组件开发地图，什么都不处理的情况下，点击小图标时，地图也会被触发点击事件。这不是我们的预期结果。解决方法：pointer-events: visible;
2023-12-15 18:50:14
2729
原创 Vue中this.$nextTick的执行时机
Vue中this.$nextTick的执行时机，整体可分为两种情况：第一种：下一次 Dom 更新之后执行（即等待DOM更新结束之后，执行nextTick的延迟回调函数）；第二种：页面挂载后 （mounted）执行。二、使用场景与举例：对应第一种：a. 修改数据后需要等待Vue.js完成视图更新后，再执行特定的逻辑。b. 在事件触发修改数据的时候，
2023-12-15 15:23:41
2185
原创 git代码仓库必知：忽略文件规则。问题解决: gitignore文件没有忽略某个文件，但是检测不到commit不了
在 Git 中，有两种类型的忽略文件：项目级别的 .gitignore 和全局级别的 .gitignore_global。第一种： 项目级别的 .gitignore：位于项目的根目录下，这个文件仅影响当前项目，不会影响其他项目或全局设置。第二种： 全局级别的 .gitignore_global：位于你用户主目录下，文件名是 .gitignore_global。
2023-09-01 15:25:59
1284
原创 一行代码解决Taro中VirtualList虚拟列表渲染抖动的问题
问题背景：使用Taro 提供的组件库 VirtualList 时，数据源长度改变后，发生渲染抖动。读完本篇文章，你可以获得：虚拟列表概念虚拟列表的使用场景性能优化策略-key虚拟列表渲染抖动的问题解决表格抖动或渲染错误的解决方向
2023-07-19 12:03:31
1730
2
原创 JS/React循环遍历子项时，如何控制该项的展开与收起状态，而不影响其他元素？
有一个列表，是循环遍历出来的，我们要做的是：点击某个子项时，只有该子项的展开或收起状态会受到影响，而其他子项的状态不会改变。（同情景的，做小图标高亮时也可以用到，达到只有该项图标高亮的效果）如上，在点击事件中传入Id（或其他代表唯一的属性），改变当前项的数据并返回，而其他项原样返回。可以使用组件的状态来追踪每个子项的展开或收起状态，通过。无论用的什么前端框架都可以使用该思路，属于JS思想。这样的属性去判断，然后返回子项数据。
2023-06-16 10:20:45
816
原创 taro小程序中如何引入css_moudle？配置后不生效的解决方法
taro官网没有写更多的内容，网上查找了一番，找到了方法。按步骤来：1. 改配置文件，即标题1中所述。2. 给样式文件 less/scss/css 加前缀：`.module`，如原来是：`index.less`，要改为`index.module.less` ……重新编译运行，给类名加了5位数的哈希字符，OK啦！
2023-05-06 20:10:30
1634
1
原创 前端程序员的职业发展规划与路线——ChatGPT的回答
掌握JavaScript的基础语法和ES6+的新特性，了解JavaScript面向对象编程和函数式编程的思想，能够使用JavaScript编写复杂的交互和动态效果，掌握常见的JavaScript框架和库，如React、Vue、Angular等。：熟悉后端技术和Web开发的基础知识，了解常见的后端开发语言和框架，如Node.js、Python、Ruby on Rails等，能够与后端工程师有效配合，协同完成前后端分离项目的开发。总之，一个成功的前端开发程序员需要持续学习和实践，并不断适应新的技术和趋势。
2023-04-27 16:45:02
5789
原创 2023前端求职经历回顾及面试题总结
回顾本次求职面经，呕心沥血整理，无偿分享面试题。找到工作的正确打开方式是：先投小公司或不想去的公司；回顾一下面试题，总结知识点；优化简历，再投自己希望去的，继续总结面试题，复盘（这点非常重要！！！）一面：一般都是八股文，年轻的面试官经验少，他们全都大炮轰击问不停（阿里、飞猪、米哈游），有的感觉是走过场，反正阿里基本都有算法笔试，可能他们问个基础后面留给二面去筛了；有资深的会问的比较有水平，一步一步问，然后扒原理……
2023-03-18 18:00:12
4844
14
原创 前端基础面试题：如何判断对象是否具有某属性？遍历数组的方法有哪些？
obj.hasOwnProperty(property)可以判断是否是对象的自有属性，若有，返回true，否则返回 false（原型链上的返回false）。所有继承了 Object 的对象都会继承到 hasOwnProperty 方法。用来检测一个对象是否含有特定的自身属性；和 in 运算符不同，该方法会忽略掉那些从原型链上继承到的属性。x in obj 也可判断。见正文4种方法
2023-02-19 22:57:38
3934
原创 前端必知：防抖与节流（面试题，复习）
前端基础知识：防抖和节流分别是什么？请描述，并写出来。防抖是：在第一次触发事件时，不立即执行函数，若计时器的时间间隔之内没有再次触发事件就执行；在计时器时间间隔内又触发新的事件，会清除计时器，重新计时。节流相关……请见全文内容
2023-02-10 13:38:13
1730
原创 前端必知：如何判断元素出现在视口内
要检测一个元素是否可见或者两个元素是否相交的需求场景有这些： - 图片懒加载——当图片滚动到可见时才进行加载- 内容无限滚动——也就是用户滚动到接近内容底部时直接加载更多，而无需用户操作翻页，给用户一种网页可以无限滚动的错觉- 检测广告的曝光情况——为了计算广告收益，需要知道广告元素的曝光情况 - 在用户看见某个区域时执行任务或播放动画
2023-01-30 22:33:40
2577
原创 前端面试题——React重点
① 函数式组件不需要继承，直接 “function+组件名” 就可以了；而class组件还需要继承 `class DemoClass extends React.Component() `② 函数式组件没有 this 指向的问题，方法定义后直接调用；而class 组件中有this，要考虑 this 指向，事件还需要 bind 绑定③ 函数式组件写法简单，无生命周期函数，直接用 useEffect 控制执行时机；而 class 需要一系列的生命周期函数控制，
2023-01-12 11:37:08
5057
原创 前端最基础面试题：说说JavaScript中如何判断数据类型？
如何判断JS的数据类型？有哪些方法？基本数据类型的判定：`typeof [变量名]`。引用类型判定：constructor...
2023-01-11 21:43:12
509
原创 如何实现全网置灰？CSS3来解决
小伙伴发现：“怎么某APP是灰的？不会是手机出问题了吗？” 然后再打开其他APP，发现：“都是灰的啊！明白了，看来是有大事发生……赶紧打开新闻看看”。对于前端开发来说，什么效果不是用代码可以实现的呢？下面我们就灰色主题如何设置来研究一番。
2022-12-30 19:01:29
3642
原创 前端如何优雅的实现跨终端开发（PC端+移动端）
仅仅依靠 CSS媒体查询，只是让 PC端 的页面在 Mobile端 可用，远远达不到原生 Mobile端 的效果。CabloyJS优先适配Mobile端，再把 Mobile端 的交互体验和开发模式无缝带入 PC端。这样可以达到期望的效果但是同样的业务逻辑需要开发两套代码，增加了时间成本和人力成本。只需要一套代码，同时兼容Mobile端和PC端，并且Mobile端达到原生交互体验。
2022-12-24 17:59:35
4709
原创 MySQL存储过程（以前的笔记发布一下）
用show PROCEDURE status命令查看：-- 查看所有的存储过程show PROCEDURE status;-- 查看特定数据库存储过程show PROCEDURE status where db='test';--例如：用show PROCEDURE status命令查看：-- 查看所有的存储过程show PROCEDURE status;-- 查看特定数据库存储过程show PROCEDURE status where db='test';-- 用指定的登录名...
2022-12-15 13:54:40
318
2
原创 React中useReducer的理解与使用
这里以简单的语言描述一下useReducer的使用。使用场景：当一个state需要维护多个数据且它们之间互相依赖。这样业务代码中只需要通过dispatch来更新state，繁杂的逻辑都在reducer函数中了。分别介绍一下各个参数、方法。
2022-11-04 16:44:03
5137
原创 React报错修复：“Uncaught TypeError: destroy is not a function”
如果你在useEffect函数中使用了async，运行后会出现该报错：“Uncaught TypeError: destroy is not a function”，下面为您分析原理并解决。
2022-10-17 12:00:45
4254
3
原创 antd中Select下拉框全选、全不选的处理方法
Select组件的`dropdownRender`属性，可以扩展下拉菜单。我们只需要在这个属性中编辑代码，将操作区域用Divider组件与选项分离开即可。
2022-08-25 14:17:41
4181
原创 useEffect中防抖为什么不起作用？react hooks中如何写防抖？
防抖不起作用的原因：useEffect 会在每轮渲染结束后执行，在state发生改变时，也会重新执行。解决：这里要使用ref保存防抖函数，防止触发efect函数时被重新生成。本文还可以学习到如何自定义hooks。......
2022-08-15 22:00:00
2170
2
原创 Windows如何升级node版本？解决
本地已经有node.js，需要升级更高版本。该怎么做呢？详细步骤如下：到node.js官网下载安装包。如果上述没有需要的版本，点击最下面的“全部安装包”，会跳到一个新的页面，更改路径为需要的版本号就可以了，我这里手动输入的 v16.14.0，如图......
2022-07-05 17:05:10
10138
3
原创 前端热门技术axios详细讲解（二）——取消异步请求
axios如何取消请求？AbortController派上用场了！在旧的版本中，可以使用CancelToken来取消。
2022-05-08 22:37:28
2485
1
原创 前端热门技术axios详细讲解（一）——基本使用方法
axios 前端必学技术，它实质上是一个基于XMLHttpRequest和 promise 的 HTTP 库，Vue和React都推荐使用它发送ajax请求。本文主要讲述axios发送请求时要掌握的知识点。值得一看！
2022-05-04 22:58:04
5150
4
原创 React Context中的useContext解析及使用
useContext的意义：接收一个 context 对象（React.createContext 的返回值）并返回该 context 的当前值。当前的 context 值由上层组件中距离当前组件最近的 Provider 的 props值决定。
2022-04-15 12:01:15
2402
3
原创 使用git时如何撤销改动的代码？针对不同场景总结
git如何撤销代码改动？这里针对未add的，已add的，已commit但需撤销的等，总结了多个场景的撤销方法。
2022-03-14 16:36:03
3162
3
转载 Promise.all的异常处理，前端开发者需了解
咱们在开发中，大多数时间都是一个异步操作一个异步操作去执行的，但是有一些特殊情况，需要一股脑去执行多个异步操作，比如：多表单校验：只有所有表单都校验通过才能提交；多接口请求：只有所有接口都请求成功才能进行下一步操作。新语法：Promise.allSettled，他能直接完成我们上面所做的处理：接收一个 Promise 数组，执行结果返回一个成功的 Promise
2022-02-16 16:45:53
1992
2
原创 Antd的Upload组件上传文件控制文件数量、格式等，以及提交时如何获取文件
背景：使用React的antd组件的Upload（官网），要求文件上传后，在点击提交时再将文件传过去。技术点：完全控制的文件上传。可控制上传数量。控制文件格式。移除时的事件onRemove。状态、数量改变onChange事件等。是否带cookie，withCredentials: true。提交时，originFileObj属性获取原始文件。
2022-02-14 17:26:06
8683
10
原创 React中父组件如何调用子组件的方法？useImperativeHandle就够了，原理级详解
在React中要实现父组件对子组件的方法调用，离不开对React.forwardRef与useImperativeHandle的理解。1、React.forwardRef 会创建一个React组件，这个组件能够将其接受的 ref 属性转发到其组件树下的另一个组件中。React.forwardRef 接受一个渲染函数（可理解为一个组件）作为参数。这个函数的参数是props和ref，返回 React 节点。
2022-01-19 15:54:24
1849
2
简历制作手册-技术篇.pdf
2021-08-10
如何查看项目中已安装的webpack loader？
2022-03-10
TA创建的收藏夹 TA关注的收藏夹
TA关注的人