
前端开发
文章平均质量分 55
记录或收录前端开发的一些知识
小怪人研究院
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端开发踩坑指南:常见问题与自救手册
前端开发常见问题与解决方案一览:1.兼容性问题:建议使用Babel转译ES6+代码,搭配Polyfill补丁功能,并通过CanIUse查询API兼容性;2.性能优化:推荐图片压缩、懒加载、CDN加速,减少DOM操作,注意内存管理;3.响应式开发:采用媒体查询+Flex/Grid布局,使用srcset优化图片,解决移动端点击延迟;4.JS开发:善用let/const,掌握闭包和this指向,使用async/await处理异步;5.CSS布局:统一box-sizing,优先使用Flex/Grid;6.安全防护:原创 2025-08-06 16:50:19 · 628 阅读 · 0 评论 -
2025前端面试题加答案(JavaScript、typeScript、Vue、html)
Vue3通过Tree Shaking实现了更小的打包体积,请结合源码分析其实现原理,并解释如何通过。Vue3的Proxy天然支持动态属性,且通过懒代理(仅在访问嵌套对象时创建Proxy)优化性能。:空数组表示仅在挂载时执行一次,未传则每次渲染后执行。:组件在服务端编译为静态内容(非HTML),通过流式传输到客户端,支持部分客户端交互逻辑。每次渲染时,Hooks的调用顺序必须严格一致,否则会导致链表节点错位,引发状态混乱。:解释RSC的核心思想,对比其与传统SSR在渲染流程、数据获取和客户端交互上的区别。原创 2025-03-05 22:14:18 · 933 阅读 · 0 评论 -
前端进阶篇——现代 JavaScript 进阶实践
本文分享几个日常开发中高频使用的 JavaScript 实用技巧,通过具体代码示例展示如何提升代码质量与开发效率。原创 2025-02-11 23:03:01 · 206 阅读 · 0 评论 -
JavaScript对日期字符串的数组进行排序
方法接受一个比较函数作为参数,该函数返回一个数字,表示要排序的两个元素的相对顺序。通过将日期字符串转换为时间戳,然后比较时间戳大小,可以实现按日期排序。方法会原地修改数组,即直接修改原数组,并返回修改后的数组。如果需要创建一个新数组,可以先使用 Array.from()方法将日期字符串转换为时间戳,然后比较时间戳大小,即可实现按日期排序。方法创建一个新数组,然后再使用 sort()方法创建了一个新数组,然后使用 sort()方法将该数组按日期排序。例如,假设数组 arr。的按日期排序后的元素。原创 2023-11-29 14:45:13 · 1599 阅读 · 0 评论 -
JavaScript中findIndex怎么使用
方法会遍历数组中的每个元素,并在每个元素上执行该函数,直到找到第一个符合条件的元素。由于数组中的第三个元素 12 大于 10,因此该方法返回 2,即第三个元素在数组中的索引。该方法接受一个回调函数作为参数,该回调函数会依次遍历数组中的每一个元素,并在每个元素上执行该函数。是 JavaScript 中的一个数组方法,用于查找满足条件的数组元素,并返回该元素在数组中的索引。方法会立即返回该元素在数组中的索引,否则继续遍历数组。如果没有符合条件的元素,该方法会返回 -1。原创 2023-11-18 22:59:11 · 680 阅读 · 0 评论 -
vue中获取dom高度
在 JavaScript 中,可以使用 getBoundingClientRect()以上三种方式获取的元素高度可能存在一定的差异,具体取决于元素的盒模型和样式等因素。函数返回一个包含元素的位置信息(左上角和右下角坐标等)的对象,其中。属性可以获取元素的高度(包括元素的边框、内边距和内容区域)。函数来获取元素的高度。在模板中,可以为元素添加 ref。函数来获取元素的高度。在模板中,可以为元素添加 id。在模板中,可以为元素添加 ref。在 JavaScript 中,可以使用 $refs。原创 2023-11-17 16:09:22 · 4662 阅读 · 0 评论 -
ElementUI el-form 组合el-table如何做必填校验
该方法会返回一个 Promise 对象,如果校验通过,则 resolve(),否则 reject(),并将错误信息传递给 reject() 的回调函数。属性添加了当前行的索引值,以保证每一行都有一个独立的标识。同时,我们为每一个必填项设置了一个校验规则,要求该项必须填写。方法,并传入一个回调函数。如果校验通过,则回调函数的参数。属性,以便在校验时进行标识。同时,在每一个必填项中添加。是数据源中每一行的唯一标识。在这里,我们为每一个必填项的。如果校验失败,则使用。中的每一个必填项设置。原创 2023-11-17 15:46:57 · 3985 阅读 · 0 评论 -
JavaScript 将字符串进行base64编码
函数仅适用于 ASCII 字符串。如果要编码的字符串包含非 ASCII 字符,需要先进行转换。函数对该字符串进行 Base64 编码,并将结果存储在变量。函数对该字符串进行 Base64 编码,并将结果存储在变量。函数将字符串进行 Base64 编码。在这个例子中,我们的字符串包含中文字符,因此需要使用。函数将其转换为 URI 格式的字符串,然后使用。函数将其转换回原始字符串。在 JavaScript 中,可以使用。在这个例子中,我们先定义一个字符串。函数将编码后的字符串打印出来。原创 2023-11-17 09:14:55 · 3097 阅读 · 0 评论 -
H5接入到微信小程序或者微信浏览器打开相机界面会白屏刷新
前端同事们开发这个功能嵌入到小程序后会有bug,只要打开相机拍照后返回界面,界面会白屏刷新并且返回到了上一级,前端同事查询微信论坛或者其他地方的问答都说是手机内存不足或者运行的软件太多导致的,但只留一个微信也会如此。因为我用的iPhone调试的,发现打开相册的时候,前端页面不会全部覆盖,但是打开相机页面会被覆盖,所以我猜测是不是打开相机就是相当于覆盖了当前的页面。原创 2023-11-13 09:43:11 · 2094 阅读 · 1 评论 -
解决 npm install的时候报npm ERR! exited with error code: 128
查了一下,这个npm 128的错误是因为上面执行的git ls-remote git://xxxx出错,原因是新的电脑上没有可用的ssh密钥导致用git://协议拉代码报错。最近的项目,换了个电脑运行npm install 就突然报这个错了。完美解决,替换git:// 使用https://直接在npm install前加一条。转载 2023-08-10 15:23:25 · 1310 阅读 · 0 评论