随笔分类 - 前端
摘要：推荐几个图片压缩相关的工具： Advpng - 比较优秀的一个无损压缩工具，它会清理所有附加信息，并且将所有图像数据块关联起来使用 7zip 的 Deflate 算法以得到最好的压缩效果和效率。 pngquant - 大量的图片优化线上服务用的正是该工具，通过将图片强制调整为 8 位色值，但能保留部
阅读全文
摘要：其实我是不喜欢写分号的，好不容易能不写分号，像 python 一样，多爽。 几年前，各种各样的书大致上都推荐你加分号。 几年前，曾经由于构建工具有一些问题，导致不加分号可能会出问题。 jquery依然留着分号，vue源码不用分号, react源码规范需要分号。 不过，最关键的，还是看团队的代码风格。
阅读全文
摘要：
阅读全文
摘要：今天接触到的新的名词 重绘 重排 重排: 部分渲染树（或者整个渲染树）需要重新分析并且节点尺寸需要重新计算，表现为重新生成布局，重新排列元素。 重绘：由于节点的几何属性发生改变或者由于样式发生改变，例如改变元素背景色时，屏幕上的部分内容需要更新，表现为某些元素的外观被改变。 单单改变元素的外观，肯定
阅读全文
摘要：网上看了啰里嗦嗦的一大推，结果这两句话就完了。。。 PUT 请求：如果两个请求相同，后一个请求会把前面的一个请求覆盖掉。（所以 PUT 用来更新资源） POST 请求：后一个请求不会把第一个请求覆盖掉。（所以 POST 用来新增资源）
阅读全文
摘要：1. 过程 浏览器首先使用 HTTP 协议 或者 HTTPS 协议，向服务端请求页面。 把请求回来的 HTML 代码经过解析，构建成 DOM 树。 计算 DOM 上的属性。 最后根据 CSS 属性对元素逐个进行渲染，得到内存中的位图。 一个可选的步骤是对位图进行合成，这会极大地增加后续绘制的速度。
阅读全文
摘要：有限状态机处理字符 https://www.cnblogs.com/ssaylo/p/13130138.html ，先看这篇文章，了解 HTTP 请求是如何发送与接收的。 前言——如何在不适用正则与 JavaScript Api 接口的条件下查找字符数按所在的位置？ winter 前端进阶训练营第六
阅读全文
摘要：这就是 docker 官网 tutorial 的一个流程 my first docker app Create a file named Dockerfile with the following contents. FROM node:12-alpine WORKDIR /app COPY . .
阅读全文
摘要：前端技能模型是一棵树 领域知识 前端知识 工作知识 编程能力 架构能力 工程能力 编程能力 处理 难的问题（技术难点，具体事务） 架构能力 处理 大的问题（系统很大，需要你考虑周全） 工程能力 处理 多的问题（多人协作） 前端知识（前端岗位特有的知识） 领域知识（跟行业相关，图形领域，直播领域，电商
阅读全文
摘要：通俗的方式理解动态类型，静态类型；强类型，弱类型 自己对于动态类型、静态类型的概念有点模糊，于是上网搜文章看，找到一篇写的特别好的，fork 下来。原文链接：https://segmentfault.com/a/1190000012372372 0 x 01 引言 今天和一个朋友讨论 C++ 是强类
阅读全文
摘要：今天看了篇有关前端应用程序性能优化的文章，文章内容写得很 ok。文章是twitter写的，内容关于 twitter lite 如何优化。 twitter lite 优化 总结下来大概是这么几点： 学会用 chrome devtools 分析应用程序的性能 添加基于路由的细粒度代码拆分 改写造成 ja
阅读全文
摘要：这是winter大大在前端阶级训练营第二周第二课给我们留的的作业，写一个UTF8Encoding函数 怎么将一个Unicode编码的中文转为UTF8的字节码嘞？ var str = '中'; var code = encodeURI(str); console.log(code); // => %E
阅读全文
摘要：这是winter大大在前端进阶训练营第二周留给我们的作业 # 正则表达式练习 1. 写一个正则表达式 匹配所有 Number 直接量 整数 /^-?[0-9]+$/ 浮点数 /^[-+]?[0-9]*\.?[0-9]+$/g 二进制数 /^[01]+$/ 八进制数 /^[0-7]+\$/ 十六进制数
阅读全文
摘要：正好今天没事情做，早上就看了下 JavaScript 的浮点数处理相关的文章，下午就把正则表达式的学习开个头 这里有一篇 github 3w+ star 的文章，学正则这篇文章应该够了 https://github.com/ziishaned/learn regex/blob/master/tran
阅读全文
摘要：
阅读全文
摘要：
阅读全文
摘要：巴科斯诺尔范式 我的理解： 1、 词法， 定义组成语言的单词， 是语言中最小单元。 2、 语法， 将单子组织成有含义的短语和句子的规则。 3、 语义， 结合上下文，可以推导出语句的真实含义。 词法分析实现： http://www.cnblogs.com/yanlingyin/archive/2012
阅读全文
摘要：参与开源项目 在业余时间参与到开源项目里面去，是提升自己很好的一种方式。 以后有余力，要多参与开源项目 winter关于读一个开源项目源代码的经验： 参与开源项目 帮它写文档，看github里面文档的issue，看有没有要写文档的，然后 逐渐开始接bug fix，然后就会在debug的过程中把这个项
阅读全文
摘要：前端技术 这是winter大大布置给我们的作业，让我们使用脑图系统的理一遍知识体系。React、Vue、Angular就等于说是在这些技术上对代码进行了封装复用，使得我们的开发效率得到提高。总得来说，基础是最重要的，打牢基础，然后学算法，加油。
阅读全文
摘要：前端进阶训练营第一周 winter大大给我们布置了一个作业，使用追溯法来谈一谈面向对象，其实在我看来，还是要弄懂 是什么？ 为什么？ 怎么办？ 参考这篇文章 追溯法 面向对象 追溯法 面向对象2 追溯 工具 Wikipedia 历史 使用追溯法，难免会遇到这个情况，追溯下去不知道自己收获了什么 对象
阅读全文
浙公网安备 33010602011771号