在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…

很多场景，如果使用body的滚动会很不方便，这时候，就会使用某个元素的局部滚动，恶心的事情就会发生了。 pc端web，windows系统的浏览器会出现丑陋的滚动条。(其实也有最新的css样式可以解决，兼容性欠佳) 手机移动端，ios浏览器无法惯性和弹性滑动（默认使用浏览器滚动，…

在我们的开发中table组件可以说是重中之重，非常频繁的使用到。但是如果碰到数据量多的时候，这个组件的性能非常堪忧。 总结：由此可见， 这个table组件只适合渲染小数据量的，或者要进行合理的分页。 （1）表格数据使用Object.freeze(data)处理，因为一般来说表格…

Vue 3.x 的Pre-Alpha 版本。后面应该还会有 Alpha、Beta 等版本,预计至少要等到 2020 年第一季度才有可能发布 3.0 正式版; 后续 Vue 3.x 出来后持续更新. 3. 14种组件通讯 provide 和 inject 主要为高阶插件/组件库提…

本文将讲述如何在自定义的公用组件上实现 `v-model`,在实际项目的公共组件开发中有着很大的帮助！

限制用户输入，如纯数字、纯金额等。 格式化用户输入，如身份证、银行卡、手机号等。 input事件触发时，键入内容未显示在页面上，此时重新更替value值达到限制输入。 因为v-model本质是input事件并且先于自定义指令触发，导致最后一个输入的非数字字符无法更新到v-mod…

在Vue项目中，和后台交互数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。它有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue_res…

马上到了金三银四的时间，很多公司开启了今年第一轮招聘的热潮，虽说今年是互联网的寒冬，但是只要对技术始终抱有热情以及有过硬的实力，即使是寒冬也不会阻挠你前进的步伐。在面试的时候，往往在二面，三面的时面试官会结合你的简历问一些关于你简历上项目的问题，而以下这个问题在很多时候都会被问…

大家好呀，我是wangly，一名前端菜猫子。 最近项目中很多地方都用到了Map来做数据结构。所以总结一篇文章来复习自己。顺便给各位看官总结下这个ES6新的数据结构。它不像Object一样在开发中大量的被用到。但在某些特定的场景下使用它简直就是神来一笔。所以今天就给各位唠嗑下Ma…