- 博客(8)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 七步学会前端首页性能优化(一)
导引:近十年前端新技术层出不穷,令人目不暇接.道德经曰:万变不离其宗,极致用户体验一直是前端孜孜追求的目标,其中页面性能是一个和用户体验直接相关的因素,直接影响着公司的收入,因此做好页面的性能优化非常重要.但是另一方面,性能优化涉及面广,优化手段繁杂.从dns预加载到浏览器缓存优化,从组件异步和http管道复用,这么多方案多的让前端开发者无所适从,如何从这些令人眼花缭乱的方向中挑选出来适合自己...
2020-01-02 22:04:04
1195
2
原创 都1902年了,还不知道用margin:auto给flex容器内元素分组?
最近看到几篇博文讲解margin:auto在flex容器中的使用,可惜的是大多讲解都浮于页面表现,没深究其中的作用机理,本文在此浅薄对其表现机理做简单探讨.引子日常业务迭代过程中,flex已经是前端工程师解决常见布局的神兵利器.但是随着使用的深入,偶然会发觉flex对于简单的布局足够直接迅速,但是对于稍稍复杂一些的布局,就需要层层的包裹分组来解决.举个栗子,下图是我们常见的布局图:...
2019-12-01 15:39:08
345
原创 css小数导致的展示缝隙问题
最近在开发一个使用rem来做css样式的页面，经过转换成px之后在部分iphone手机上出现缝隙，导致背景颜色被漏出来了。如下图：上图中的黄线因为当前容器高度是小数导致露出了背景的黄色鉴于css函数中没有取整的功能，使用 负值 的margin来让当前容器向上向下移动1px，从而遮盖住黄线。margin: -1px auto;...
2022-04-18 15:54:02
712
原创 移动端debug调试方案调研
最近开发一个移动端H5的需求,发现了一个诡异的问题: 在ios上对于 new Date(2019.1.23) 这种代码返回值居然是 invalid date,甚是奇怪. 但是因为H5是放在app的webview中运行的,不能像android一样直接直接调试. 只好借助于erude这个移动端的调试库勉强查找到问题. 但是在查看问题的过程中有以下痛点:不能很方便在全局注入js命令来修改url,不能...
2020-01-13 18:53:28
463
原创 一文搞明白cookie和session的区别
0.我们为什么要cookie和session?因为http请求是无状态的（不能记录用户的登录状态等），所以需要某种机制来保存用户的登录状态等信息，在下次访问web服务的时候，不用再次校验是否登录等状态，session机制和cookie机制分别是在服务器端和浏览器端的解决方案。1.关于cookie1.1 什么是cookiecookie，原意饼干。用来在浏览器端存储用户的状态信息，然后在访问...
2020-01-10 13:19:21
250
原创 彻底搞懂clientHeight、offsetHeight、scrollHeight的区别
日常开发web代码得时候,总是遇到各种高度的计算. 因为总是忘记几者之间得区别,每次都要现查,这次通过这篇文章彻底搞明白这几个长度的区别.1.定义说明条目含义图示clientHeight元素的像素高度,包含元素的高度+内边距,不包含水平滚动条,边框和外边距offsetHeight元素的像素高度 包含元素的垂直内边距和边框,水平滚动条的高度,且是一个整数...
2020-01-08 19:53:00
29725
1
原创 vscode添加eslint auto-fix快捷键
之前写代码一直使用webstrom,一直使用的破解版的(穷...),最近查的紧,使用不了,今天切换到vscode.一众快捷键和webstrom不同,有些快捷键还木有.趁着学习熟悉快捷键,记录下在vscode中添加快捷键的方法.1.打开Code->Preference->keyborder Shortcuts2.搜索要修改的快捷键比如说我这里要设置 eslit auto ...
2020-01-06 17:03:52
5855
1
原创 优快云积分与排名
闲着没事,想记录下我的优快云的积分排名.有个小心愿,期望能在2020年底总的排名能进入前一万名,这里记录下进步的过程,哈哈,希望不会食言,那可就丢脸丢大发了.2020-01-05...
2020-01-05 16:45:14
406
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人