javascript插件
文章平均质量分 67
槿畔
95后,热衷前端开发,喜欢专研新技术,有多种类型大型项目经验,先后任职多家公司前端leader ,关注一下互相学习吧。。。
展开
-
虚拟滚动实现原理
前端一次性循环渲染很多的dom,会导致界面卡顿。虚拟滚动帮助我们解决这一问题,本文详细讲解实现原理与图解内容,帮助大家分析。原创 2023-05-24 17:44:05 · 1627 阅读 · 0 评论 -
谈谈前端jenkins构建-npm install速度慢的那些事
前端npm安装慢的综合分析以及解决方案,运维不是万能的,我们也要从自身优化找原因。原创 2022-08-22 14:15:53 · 10513 阅读 · 5 评论 -
前端人脸识别-提取
前端浏览器环境,人脸识别提取原创 2021-12-21 17:30:32 · 1425 阅读 · 1 评论 -
canvas生成gif图
canvas转换成gif并下载原创 2021-12-21 17:12:45 · 2884 阅读 · 0 评论 -
js编译原理
js原理分析原创 2021-12-21 13:49:42 · 603 阅读 · 0 评论 -
webpack5-Module Federation
webpack5带来了很大的改变,删减了一些配置,优化了很多的内容通过持久缓存提高构建性能 为了改善长期缓存,使用了更好的 deterministic 算法,生产环境中默认打开 通过更好的 Tree Shaking 和代码生成来降低打包大小...webpack5升级公告版本做了哪些优化就不再详细说明,可以自行点击上方的webpack官方发布5.0的公告,这里主要讲述一下webpack5的模块联邦。webpack5中我认为最按照官网的解释即多个独立的构建可以组成一个应用程序,这些独立的构原创 2021-06-28 15:50:35 · 772 阅读 · 0 评论 -
echarts全省map地图数据
echarts全省map地图数据现在新的版本echarts的地图数据部分不精准已经被和谐掉,开发时不得不依赖第三方的地图开发(如推荐的百度),这里是全省的数据备份,可提供大家导入开发,觉得可以的点个startgithub地址...原创 2020-04-23 13:23:01 · 2633 阅读 · 0 评论 -
前端性能优化-input输入框联想匹配请求数据防抖思想详解
当input输入框联想匹配的时候,你如果只写了对应监听事件去做请求,会发现每输入一个字符,页面的数据替换也是迅速的替代,因为数据替换较快,所以还带有抖动的效果,页面数据虽然实时跟新,但是用户体验却非常不好,而且频繁请求,消耗性能。其实多数前端也是对这个不在意,认为功能出来了,实时能展现对应匹配的数据就好了,然而却忽略了用户体验。下面来讲解一下简单的案例:1.我们首先,随便写一个简单的i...原创 2019-07-15 14:17:38 · 14840 阅读 · 0 评论 -
移动端开发遮罩层(弹窗)防止滚动穿透解决方案
在移动端页面开发中,经常会去封装一个遮罩层(全屏弹窗),遮罩层(全屏弹窗),遮罩层(全屏弹窗)的组件,但是如果是固定定位的position:fixed;在弹出的时候会遇到一些小坑,之前搜索了一下,网上的博客也好评论也罢,总是有点缺陷或者累赘代码太多。就比如今天的主题,如何防止遮罩层(全屏弹窗)下方body内容继续滚动呢?移动端开发遮罩层(弹窗)防止滚动穿透完美解决方案首先,pc的肯定直接就...原创 2019-02-13 16:52:39 · 30792 阅读 · 7 评论 -
踩坑-helloJs实现google、facebook、twitter等第三方登录
在项目中我们经常会用到第三方登录,但是每个第三方都有自己的api,hellojs解决了这一个难题,上手很简单,它把国际上的一些登录api都封装在了一起,但是必须要注意里面的一些坑,代码片段注释和文章粗体请仔细阅读。具体可按照官网的步骤,这里就不多介绍了,也可参考别人的范例,点击前往,我这里只阐述核心代码:第一步init(每个授权应用都有对应的一个id,这里redirect_uri是回调的成...原创 2019-01-16 10:53:20 · 6351 阅读 · 0 评论 -
原生js模仿jquery Scroll动画
有时候我们在vue项目中需要用到有关scroll的动画,但是又没jquery那样的animate简单的动画方法,又要避免引入jquery的包导致过大,于是就用原生js模仿一个:(可用于返回顶部,锚点动画等)selector此参数为id名,可直接调用该点击事件goAnchor(selector) { let anchor = this.$el.querySelector(sel...原创 2018-12-04 13:57:37 · 18913 阅读 · 1 评论 -
js数字金融格式化
//将数字转换成金额显示function toMoney(num){ num = num.toFixed(2); num = parseFloat(num) num = num.toLocaleString(); return num;}js数字转金额化:这里是保留了2位小数,可以自行设置,通过toLocaleString()方法转成了金额字符串的格式...原创 2018-12-04 13:48:28 · 1327 阅读 · 0 评论 -
echarts配置及专业k线作图工具
一般看官网配置比较多,教大家如何copy完线性图代码,快速更改配置。echerts线图常用配置:grid: [{ left: '0%', right: '5%', top: '5%', height: '80%', containLabel: false }, { left: '10%', right: '8%', bottom: '15%', height...原创 2018-07-12 09:28:32 · 28344 阅读 · 0 评论