Personal blog


  • 首页

  • 标签

  • 阅读

  • 归档

  • 关于

  • 搜索

Web性能优化之重排重绘

发表于 2021-03-14 更新于 2021-04-11
本文字数: 392 阅读时长 ≈ 1 分钟

web性能优化能做的事情很多,比如压缩JS体积大小, 比如降低HTTP请求次数,比如CDN优化关键资源请求速度等等。其中一个优化点事降低重排重绘次数,这里总结下。 渲染流水线 上图摘自李兵老师的《浏览器工作原理与实践》 实践方法 使用 class 操作样式,而不是频繁操作 style 重排重绘次 ...

阅读全文 »

前端代码安全

发表于 2021-03-12 更新于 2021-04-11
本文字数: 240 阅读时长 ≈ 1 分钟

前端资源都会发送到浏览器端或者客户端,那么这些WEB资源尤其是JS如何最大程度的保护呢,毕竟辛苦开发的代码属于商业项目,如果被别人完整剽窃了甚是可惜,于是就需要利用一些手段来做控制。最终都是尽可能的提高安全门槛儿,提高别人剽窃的成本。 以下为我在实际项目中总结的点 生产模式打包,去掉调试方面的 ...

阅读全文 »

自适应布局&响应式布局

发表于 2021-03-11 更新于 2021-04-11
本文字数: 543 阅读时长 ≈ 1 分钟

最近跟PM聊项目下一步发展,谈到了移动端网页,及移动端App的规划,期间就聊到了自适应布局,响应式布局,但是沟通中,觉得似乎这两个词一直是捆绑着,似乎在大家眼里自适应===响应式===一套代码走天下。 right?no,作为开发,很多时候我也把两个词混为一谈了,借着最近时间较为宽裕,整理下。 ...

阅读全文 »

零宽字符妙用

发表于 2021-03-08 更新于 2021-04-11
本文字数: 760 阅读时长 ≈ 1 分钟

最近了解到零宽字符,觉得挺有意思的,这里就Mark下。 如上即是我使用零宽空格发送的一条”空”微博,成功了,但同样方法微信朋友圈及推特不可以,应该是判空逻辑过滤了零宽字符。 OK,开启正文 零宽字符Unicode字符中有一类特殊的字符叫做零宽字符,零宽这个词应该会很熟悉,正则的断言即叫零宽断言 ...

阅读全文 »

JS下的Promise

发表于 2021-03-07 更新于 2021-04-11
本文字数: 4.3k 阅读时长 ≈ 4 分钟

很多教程把Promise搞的过于简单或复杂,这里梳理下,强化下个人理解。 Promise产生的原因promise是异步编程范畴内为了解决回调地狱的产物。 A.then(B).then(C) 这种写法相对回调明显是好些的。 Promise使用注意 Promise有三种状态pending,ful ...

阅读全文 »

Visual Studio Code插件清单

发表于 2021-03-06 更新于 2021-04-11
本文字数: 660 阅读时长 ≈ 1 分钟

IDEA作为code开发主力,但是更适合完整项目开发,而VSC作为轻量级开发编辑器,比如有时候处理一个Nginx配置,一个HTML测试文件等,因此两者不矛盾,一个重型武器,一个轻量级冲锋枪。 将VSC打造成一款利器更需要点成本,因为本身并不自带很多功能,因此需要安装相对较多的插件,这里列举下我安 ...

阅读全文 »

同源,CSP与CORS

发表于 2021-03-06 更新于 2021-04-11
本文字数: 1.1k 阅读时长 ≈ 1 分钟

这三个词汇频繁出现在前端安全范畴,这里总结下。当然由这三个词汇还会串联出相关一些知识点,比如同站,跨域,XSS,CSRF等。 这些术语看着复杂多样,但是联系起来考虑他们实际的场景就很好理解了。 同源安全策略的出现 同源即协议,域名,端口均一致即是同源,不同源情况下发起异步请求即产生跨域,浏览 ...

阅读全文 »

从输入URL到页面展示,这中间发生了什么

发表于 2021-03-05 更新于 2021-04-11
本文字数: 1k 阅读时长 ≈ 1 分钟

最近项目并不紧张了,于是得空把一些基础理论梳理下 当用户URL输入一个网址,浏览器根据用户输入的信息判断是关键词还是网址,如果是关键词则利用默认搜索引擎拼接输入的关键词形成网址,如果输入即是有效网址,则加上协议形成URL,用户输入完内容,按下回车 回车前,如果当前有页面存在则,执行befor ...

阅读全文 »

HTTP发展历程

发表于 2021-03-03 更新于 2021-04-11
本文字数: 2.2k 阅读时长 ≈ 2 分钟

作为前端developer总是要经常查看networks,HTTP请求不可避免要接触,但一直缺乏系统的学习,于是查询这里梳理下,加深下记忆。 HTTP定义 超文本传输协议(英语:HyperText Transfer Protocol,缩写:HTTP)是一种用于分布式、协作式和超媒体信息系统的应用 ...

阅读全文 »

Chrome下的MemoryCache,DiskCache

发表于 2021-03-02 更新于 2021-04-11
本文字数: 486 阅读时长 ≈ 1 分钟

Chrome DevTools下调试前端请求时,会注意到缓存分为两种MemoryCache,DiskCache,针对两者区别和Chrome是如何选择缓存介质的,这里基于我的认知总结下。 概念单说区别,简单,仅从名字上也可以看出两者的区别,MemoryCache是从内存中存取,因此速度快,但时生命 ...

阅读全文 »
123…39
Alan He

Alan He

1991421.cn
390 日志
405 标签
RSS
Links
  • medium
  • ruanyifeng
  • Morning
  • Jake
  • Jason
  • forecho
  • remarkablemark
  • sosout
  • idealclover
© 2016 – 2021 转载请注明出处 | 587k | 8:53
由 Hexo 强力驱动 v3.9.0
|
主题 – NexT.Mist v7.2.0
|
Uptime Robot