摘要:
正常的移动端上下滑动,松开手指页面还会速度递减的再滑动一段距离,但是有时候会出现手指松开滑动就停止的情况,导致页面出现卡顿的现象。 出现的原因大多数是因为加了: 可以在添加了overflow: auto;的元素上再添加下面的属性解决: 阅读全文
摘要:
在使用prerender-spa-plugin做前端预渲染的时候,安装puppeteer的时候因为下载Chromium 失败报错,有如下解决方法: 1.使用Chromium 国内源 2.使用淘宝的cnpm 安装 3. 手动下载Chromium文件,解压后放在本地 https://npm.taobao 阅读全文
摘要:
示例项目地址: https://github.com/skillnull/lottie-web-caption-animation 首先是安装AE,具体怎么安装就不赘述了,随便一搜就有很多教程。 安装完AE以后,装一个AE的插件bodymovin, github地址为: https://github 阅读全文
摘要:
一、组件库的价值 就个人而言,拥有一套自己的组件库,可以让你的开发变得更高效,让你在行业里更有价值。 就团队而言,拥有一套团队的组件库,可以让协同开发变得更高效规范,让你的团队在公司更具有影响力。 就公司而言,拥有一套公司维护的开源组件库,可以让你的公司在行业里更具有影响力。 二、哪些情况需要整合一 阅读全文
摘要:
背景:当前项目首页和登陆后的平台在一个项目里,路由采用hash模式,现在要做SEO优化,这时候同构SSR(Server Side Rendering)服务端渲染代价显然太大,影响范围比较广,同样更改当前项目路由为history模式采用预渲染(Prerending)代价也不小。最终决定将首页单独出一个 阅读全文
摘要:
配置当前的用户名邮箱可以当前项目配置或者全局配置。 仅当前项目配置: git config user.name 'your-user-name' git config user.email 'your-user-email' 全局配置: git config --global user.name ' 阅读全文
摘要:
一、什么是this? this是JavaScript语言的一个关键字,它是函数运行时在函数体内部自动生成的一个对象,只能在函数体内部使用。函数的不同使用场合,this的指向不同。 在ES5中,this永远指向最终调用它的对象。 二、如何改变this的指向? 使用 ES6 的箭头函数箭头函数的 thi 阅读全文
摘要:
前端网页下载远程文件可以分为以下两种形式: 打开新窗口下载 在当前窗口直接下载 打开新窗口下载的方法: window.open方法(打开一个弹窗): window.open('http://xxx/download?param=1¶m2', '_blank', 'fullscreen=no, 阅读全文
摘要:
解决方法: audio.load() let playPromise = audio.play() if (playPromise !== undefined) { playPromise.then(() => { audio.play() }).catch(()=> { }) } 原因: 从Chr 阅读全文
摘要:
什么是内存泄露? 已经不再使用的内存未能被程序释放,叫内存泄露(memory leak)。 内存泄露会带来什么样的后果? 内存泄露会因为减少可用内存数量从而降低计算机性能,严重的可能导致设备停止正常工作,或者应用程序崩溃。 什么情况下出现内存泄漏? 首先了解一下垃圾回收:垃圾回收(英语:Garbag 阅读全文