- 博客(7)
- 收藏
- 关注
原创 vue2 性能优化2
大家好 我是搜东冬东冬今天学习vue的时候注意到了一个点。在vue2 里面 我建议大家 把逻辑多的,不同的,复杂的 分解成为组件。 不仅能提升阅读性维护性还能提升性能。如果在同一个组件里面做了很多复杂操作操作,进行数据修改时候会进行 依赖收集,但是一个组件里面只存在一个watcher。触发这一个watcher会把data里面的所有数据重新进行一次收集造成性能浪费但是你把复杂逻辑拆分成一个个组件(每一个组件都存在一个watcher) 互相跟新互不影响。如下图在贴入源码进行log现在.
2021-02-14 12:26:25 164
原创 前端性能优化的几个小点(1)
1. 记录几个性能优化的好东西。 1.requestAnimationFrame()2.fastdom3.Object.freeze()接下来解释一下这几个小玩意requestAnimationFrame()优点:浏览器可以优化并行的动画动作,更合理的重新排列动作序列,并把能够合并的动作放在一个渲染周期内完成,从而呈现出更流畅的动画效果。经过浏览器优化,动画更流畅;窗口没激活时,动画将停止,省计算资源;fastDom()dom操作 连续触发页...
2021-01-28 09:42:43 192
原创 ES6 Promise的使用(有个小例子)
直接使用例子来让大家清晰看到Promise的好处使用Promise 改造异步代码 这一思路,来改造一个常用的ajax方法:let $get = function(url) { return new Promise((resolve, reject) => { $.get(url, (data, status) => { i...
2019-02-28 16:08:18 282
转载 VueJS中学习使用Vuex详解(来自转载)
一篇优秀的文章,所以分享过来给大家学习,介绍的可以说非常详细了 在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理,个人的理解是全局状态管理更合适;简单的理解就是你在state中定义了一个数据之后,你可以在所在项目中的任何一个组件里进行获取、进行修改,并且你的修改可以得到全局的响应变更。下面咱们一步一步地剖析下vuex的使用:首先要安装、使用 v...
2019-01-22 10:29:53 195
原创 html vertical-align:middle垂直居中 的方法
今天我在用vertical-align:middle让图片居中发现无论怎么样的无法垂直居中,所以我感觉很奇怪。大家肯定会选择用line-height:center这个做吧。行高对文字效果很好但是对图片居中效果不好需要你自己慢慢去配对。 因为vertical-align:middle用的比较少。去网上搜了搜答案。但是网上有一些贴出了代码却讲解不详细。所以我这篇文章是对自己遇到问题...
2018-05-19 16:57:01 5924 4
原创 初见微信小程序
这是我第一次写博客请多多包含2333。首先我们需要搭建一个环境:叫做web微信开发者工具不多说上图微信小程序是最近才兴起所以说这个工具也是有bug的。我用我笔记本电脑不停的用Ctrl+s然后这个工具就会出现黑屏的状况,当然解决这个问题的唯一办法就是关掉重启这工具。2. 然后我们得新建game.js和game.json两个文件创建好后要对game.json进行配置: ...
2018-04-25 19:35:37 317
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人