- 博客(15)
- 收藏
- 关注
RSS订阅原创 揭秘 Vue.js 九个性能优化技巧
通过这篇文章，我希望你能了解到 Vue.js 的九种性能优化技巧，并能运用到实际的开发项目中。除了上述技巧之外，还有懒加载图片、懒加载组件、异步组件等等常用的性能优化手段。在做性能优化前，我们需要分析性能的瓶颈在哪，才能因地制宜。另外，性能优化都需要数据支撑的，你在做任何性能优化前，需要先采集优化前的数据，这样优化后才能够通过数据对比看到优化的效果。希望你在日后的开发过程中，不再只满足于实现需求，写每一行代码的时候，都能思考它可能产生的性能方面的影响。
2023-11-16 17:03:24
89
1
原创 优雅简直是太优雅了~高端前端程序员都应该具备的基本素养，优雅代码
之前写过几篇关于如何写出可维护项目的文章（），近来看到很多公司裁员，忽然惊醒，之前是站在项目角度考虑问题，却没站在咱们程序员本身看待问题，险些酿成大错，如果人人都能做到把项目维护得井井有条，无论什么人都能看明白都能快速接手，那咱们的竞争力在哪里呢？这个时候我再看项目中那些被我天天骂的代码，顿时心中就无限景仰起来，原来屎山才是真能能够保护我们的东西，哪有什么岁月静好，只是有人替你负屎前行罢了。
2023-11-01 16:34:13
92
1
原创 通过 NLP 实现前端智能化AI组件
一旦项目需求涉及用户输入框输入，输入的文本需要识别时间、数字、金额、温度、年龄等，我们都可以考虑 使用 NLP的Microsoft.Recognizers.Text库在web端应用。以此我们可以实现更多的前端组件应用，比如聊天框 metion 组件、表单、todolist、身份信息识别、情绪分析等。
2023-10-30 17:22:21
380
1
原创 原来前端部署这么简单（手撸nginx实现部署）
有个朋友说前端技能大家大部分都会，就是部署项目这一块经验都比较稀缺，一直很想学一下。所以在这里写一篇简单的从零开始部署前端项目的全过程，感兴趣的掘友们或者想自己搭建项目部署的可以看一下这篇。
2023-10-30 16:56:13
88
1
原创 Node.js 21 正式发布你还不知道吗
模块自定义钩子已被移除。取而代之的是，使用register方法将数据从应用线程发送到自定义钩子，并使用initialize钩子在线程之间建立通信通道。
2023-10-18 14:19:03
57
1
原创 这几天字节前端面试遇到的问题
常见的 js手写大家经常会在工作面试中遇到, 这次也总结了一些,发现有很多js的文章,这也是最近面试字节问到的，这里整理给大家。
2023-08-16 15:30:15
31
1
原创 Vue开发者必须知道的36个冷知识
异步组件的渲染本质上其实就是执行2次或者2次以上的渲染, 先把当前组件渲染为注释节点, 当组件加载成功后, 通过 forceRender 执行重新渲染。注:匹配首先检查组件自身的 name 选项，如果 name 选项不可用，则匹配它的局部注册名称 (父组件 components 选项的键值)。1.场景:在开发过程中，我们经常需要引入各种文件，如图片、CSS、JS等，为了避免写很长的相对路径（../），我们可以为不同的目录配置一个别名。这是 data.on 的一个别名。
2023-08-10 17:02:04
153
1
原创 前端性能优化，我会从这几个角度去回答你！超级详细！
寻找第三方，默认是在当前项目目录下的node_modules里面去找，如果没有找到，就会去上一级目录../node_modules找，再没有会去../../node_modules中找，以此类推，和Node.js的模块寻找机制很类似。js可以修改CSSOM和DOM，因此js会阻塞页面的解析和渲染，并且会等待css资源的加载。Chrome 等现代化浏览器，都会有同域名限制并发下载数的情况，不同的浏览器及版本都不一样，使用不同的域名可以最大化下载线程，但注意保持在 2~4 个域名内，以避免 DNS 查询损耗。
2023-08-07 18:19:42
48
1
原创 前端性能优化，我会从这几个角度去回答你！超级详细！
面试过程中面试官问到前端性能优化有哪些，当我咔咔一顿输出之后面试官追问：前端可以做的性能优化有哪些呢？前端优化大概可以有以下几个方向：网络优化页面渲染优化JS优化图片优化webpack打包优化React优化Vue优化。
2023-08-05 16:45:19
96
1
原创 实战技巧，Vue原来还可以这样写
在前端项目中，有许多数据需要在各个组件之间进行传递共享，这时候就需要有一个状态管理工具，一般情况下，我们都会使用Vuex，但对于小型项目来说，就像Vuex官网所说：“如果您不打算开发大型单页应用，使用 Vuex 可能是繁琐冗余的。在日常写bug的过程中，经常会开发一些纯展示性的业务组件，比如一些详情页面，列表界面等，它们有一个共同的特点是只需要将外部传入的数据进行展现，不需要有内部状态，不需要在生命周期钩子函数里面做处理，这时候你就可以考虑使用函数式组件。函数式组件就是函数是组件，感觉在玩文字游戏。
2023-07-19 17:17:46
60
原创 Vue 响应式 API 中 最新getter 的用法
近日，Vue 改进了响应式 API 中getter的用法，主要包括：一个用于将不同来源（value / ref / getter）规范化为的 API（通过引入toValue()一个用于将不同来源（value / ref / getter）规范化为的 API（通过增强toRef()引入和类型通常需要将状态传递到组合式函数中并保持响应性。目前，toRef仅用于从对象中“提取”单个属性。上面的代码有两个问题：调用toRef时props.foo可能不存在如果props.foo。
2023-07-13 15:24:31
212
1
原创 JavaScript 中的 new 到底干了什么，跟原型链又有一些什么联系？
new 到底干了什么？当 new People() 的时候创建临时变量 this，并将 this 绑定到 People 函数体里执行 People.prototype.constructor = People执行 this.__proto__ = People.prototype执行 People 函数体中的自定义返回新创建的对象
2023-07-13 14:45:30
65
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人