摘要：
先看上图，如果对图中的(a)(b)(c)(d)四个过程的处理方式都很清楚了，那么请不用再看本文了。 两个概念 强缓存 用户发送的请求，直接从客户端缓存中获取，不发送请求到服务器，不与服务器发生交互行为。 协商缓存 用户发送的请求，发送到服务器后，由服务器判定是否从缓存中获取资源。 两者共同点：客户端 阅读全文
摘要：
前言 react 元素，即JSX语法。 可以看到，我们平时在react 中写的语法，最终是调用React的createElement方法。 那么createElement做了什么呢？ 直接查看源码，一探究竟。 实现步骤 获取react 内部的 key , ref 从props 上获取self, so 阅读全文
摘要：
问题机型 魅族M353 Android 5.0.1 问题描述 设置了margin top: 15px; 但是在该机型上不生效 解决方案 使用padding 替代 margin 阅读全文
摘要：
问题机型 iphone5c iphone4 其他未知机型 问题描述 两个字分开了，并且是竖着排列的 解决方式 发现div 标签中，字与div标签之间有空格，而其余行没有这个问题，所以删除空格尝试，发现好了！ 所以解决方式为： 删除空格 阅读全文
摘要：
问题机型 小米5 华为nova 其他未知的可能机型 问题描述 利用flex 布局的一行中， 左一样式： 左二样式： svg 所在的箭头的样式使用的是： 箭头要么缺了一块，要么干脆消失了。 解决 在svg元素上加上： transform: translate3d(0, 0, 0); 阅读全文
摘要：
前沿 在工作中，经常有一些需要切换的交互样式。如果直接在两种状态之间切换，就显得有点生硬。加上一些动画效果就会好很多。 示例1：点击的三角切换 实现过程 第一步实现这个三角形 用的svg 的多边形画法 第二步实现动画效果 css3 的animation: 自定义的每帧动画效果 时间； 使用@keyf 阅读全文
摘要：
前言 由于在公司有一个sshkey 在用，用于绑定公司的git code 仓库。那么在家要连上git hub 仓库，就也需要一个 ssh key 。为了避免公司信息外露，所以还是新增一个ssh key 的文件比较好，不然要删了在建，然后下次再删。（笔者就这么干过一段时间，太麻烦了。。）之前由于能力有 阅读全文
摘要：
what ? 预处理器是css 能够使用 变量、操作符、函数、mixins、interpolations 等类似于js 功能的一种语言。 目前比较常用是三种：SASS、less 、stylus 。 Why ? css 是古老的、不完整的。(哪天要是CSS 自己支持这些，就不用这些啦！)创建函数、重复 阅读全文
摘要：
本文翻译自：https://blog.syncano.io/reactjs reasons why part 1/ 书写javascript 更加简单 （⚠️js 中混用html 也一直是外界所诟病的一点，好不容易把前端三驾马车分开，现在又搅合在一起） react 使用一个新的叫做JSX 的语法，它 阅读全文
摘要：
前言 页面打开越快，给予用户的体验越好。 有权威的C端app数据规定： 页面打开的速率标准为2s, 因为当页面打开超过2s以后，用户的流失率将会呈现指数级的流失。 实践 日前笔者正在将一个PC的数据列表页重构中，简单介绍下该页面的结构： 页面由 3 大部分构成， 第一部分为数据显示，只负责显示数据， 阅读全文