本文翻译自: https://jakearchibald.com/201… 这是一篇2016年的老文章。作者是Chrome浏览器的开发成员。 本文首发于公众号:符合预期的CoyPan 使用正确的缓存可以带来巨…
分类:前端
移动端适配
前言:这周工作碰到了移动端1px的问题。以前一直写样式也没有特别注意着一点。还有就是rem的原理。这些其实就是比较常见的移动端适配问题。现阶段比较主流的适配方案有二种。一种是 flexible + rem,另一种是 vw…
看到别人的面试题就忍不住做了一下
失恋了就专心写代码。 1. 设计一个plus函数、实现plus(1)(2)()=3、plus(1)(2)(3)()=6。 今天去深入学习了一下柯里化,写了个柯里化的装饰器,了解请到https://segmentfault…
Vue 服务端渲染实践 ——Web应用首屏耗时最优化方案
随着各大前端框架的诞生和演变,SPA开始流行,单页面应用的优势在于可以不重新加载整个页面的情况下,通过ajax和服务器通信,实现整个Web应用拒不更新,带来了极致的用户体验。然而,对于需要SEO、追求极致的首屏性能的应用…
11 个最好的 JavaScript 动态效果库
翻译:疯狂的技术宅 原文: https://blog.bitsrc.io/11-jav… 当我想要在网上找一个简洁的 Javascript 动效库时,总是发现很多“推荐”的库都是缺乏持续维护的。 经过一番研究…
Lottie-前端实现AE动效
项目背景 在海外项目中,为了优化用户体验加入了几处微交互动画,实现方式是设计输出合成的雪碧图,前端通过序列帧实现动画效果:序列帧:动画效果:序列帧:帧动画的缺点和局限性比较明显,合成的雪碧图文件大,且在不同屏幕分辨率下…
重拾JSX
React.createElement语法糖 JSX是一种JavaScript的语法拓展,可以使用它来进行UI的展示: const element = <h1>Hello, world!</h1>…
金三银四,前端同学快来补补React原理吧
这是我几个月前写的文章,在前端面试中原理相关的问题是问的最多的,所以重新推荐下这几篇文章 深入学习一个框架最直接的方式,就是弄明白框架的原理。React无疑是一个非常值得学习其原理的框架,它设计简单,没有引入任何新的概念…
jQuery 方法整理
jQuery 简介 jQuery 是一个轻量级操作 DOM 的 JS 库,主要包含以下功能: HTML 元素选取和操作 HTML 事件函数 HTML DOM 遍历和修改 CSS 操作 JavaScript 特效和动画 A…
vue-router实现原理
近期面试,遇到关于vue-router实现原理的问题,在查阅了相关资料后,根据自己理解,来记录下。我们知道vue-router是vue的核心插件,而当前vue项目一般都是单页面应用,也就是说vue-router是应用在单…
解决 数据与UI更新不同步的坑
Bug情景再现 <template> <div class="store-box"> <div v-for="(day, d) in dayList" class="checkItem-bo…
HTML5元素和语义化标签
站点: 前端开发文档 原文: HTML元素 原文: 语义化标签 HTML元素 元素分类 块级元素: div、h1-h6、hr、menu、ol、ul、li、dl、dt、dd、table、p、form 自身属性为displa…