前端的设计模式系列-代理模式 发表于 2022-01-07 | 更新于 2022-11-17 | 分类于 前端 | 阅读次数: 代码也写了几年了,设计模式处于看了忘,忘了看的状态,最近对设计模式有了点感觉,索性就再学习总结下吧。 大部分讲设计模式的文章都是使用的 Java、C++ 这样的以类为基础的静态类型语言,作为前端开发者,js 这门基于原型的动态语言,函数成为了一等公民,在实现一些设计模式上稍显不同,甚至简单到不像使用 ... 阅读全文 »
前端的设计模式系列-策略模式 发表于 2022-01-03 | 更新于 2022-11-17 | 分类于 前端 | 阅读次数: 代码也写了几年了,设计模式处于看了忘,忘了看的状态,最近对设计模式有了点感觉,索性就再学习总结下吧。 大部分讲设计模式的文章都是使用的 Java、C++ 这样的以类为基础的静态类型语言,作为前端开发者,js 这门基于原型的动态语言,函数成为了一等公民,在实现一些设计模式上稍显不同,甚至简单到不像使用 ... 阅读全文 »
世界末日规则-Doomsday Rule 发表于 2021-12-11 | 更新于 2022-11-17 | 分类于 前端 | 阅读次数: 世界末日规则(Doomsday Rule)是用来心算任意一天星期几的,由约翰·何顿·康 发明。 约翰·何顿·康威(英语:John Horton Conway,1937年12月26日-2020年4月11日),生于英国利物浦,数学家,活跃于有限群的研究、趣味数学、纽结理论、数论、组合博弈论和编码学等范 ... 阅读全文 »
flex 布局详解 发表于 2021-11-28 | 更新于 2022-11-17 | 分类于 前端 | 阅读次数: 平时开发各种布局基本上可以 flex 一把梭,不用再纠结 float 这个神奇属性了。但一直又没有专门去记忆一下 flex 的属性,开发的时候还是顺手百度下属性的含义,略显不够专业[旺柴]。索性抽时间把每个属性就都总结下吧,查漏补缺。 总览 下边按照上图的顺序来详细说明下每个属性的作用,并且参考 W ... 阅读全文 »
JavaScript中this指向详细分析(译) 发表于 2021-11-07 | 更新于 2022-11-17 | 分类于 前端 | 阅读次数: 前端开发中,每天和我们见面最多的也许就是 this 关键字了,一直想总结一篇 this 的文章,然后看到了 Gentle Explanation of “this” in JavaScript ,总结的太好了,这里就翻译一下吧。 神秘的thisthis 关键词已经折磨我很久很久了。 对于 Java ... 阅读全文 »
用 TypeScript 实现斐波那契数列 发表于 2021-10-31 | 更新于 2022-11-17 | 分类于 前端 | 阅读次数: 前几天在知乎看到一篇文章,用 TypeScript 类型运算实现一个中国象棋程序 : 边看边 woc,TypeScript 不是一个类型系统吗,咋还实现象棋了,感觉发现了新大陆一样,然后把大佬的代码 clone下来,本地「运行」了一下,只能是带引号的运行了,因为 TS就是动态推导类型,只需要安装相 ... 阅读全文 »
babel源码详解-v1.7.8 发表于 2021-09-26 | 更新于 2022-11-17 | 分类于 前端 | 阅读次数: 继续打开 github 看一下最初的版本的 babel 是怎么实现的,了解它的基本原理。 git clone git@github.com:babel/babel.git 并且 git checkout v1.7.7 ,npm i 安装一下相应的 node 包。其实还可以找到更早的 tag ,但由 ... 阅读全文 »
eslint-v0.0.2做了什么 发表于 2021-09-02 | 更新于 2022-11-17 | 分类于 前端 | 阅读次数: 准备了解一下 eslint 的原理,就先看一下最早一版 eslint 的实现吧。github 打了 tag 的最早的版本就是 0.0.2 了,提交记录是八年前了。 git clone git@github.com:eslint/eslint.git 并且 git checkout v0.0.2 , ... 阅读全文 »
2021年从零开发前端项目指南 发表于 2021-08-19 | 更新于 2022-11-17 | 分类于 前端 | 阅读次数: 之前翻译过一篇 前端工程化发展历史 的文章,Webpack、Babel 、Eslint 现在基本上就是前端项目的标配了。 但工作以后一般很少接触这些配置,都是在前人配置好的基础上去写业务代码。即使有机会从零配置一个项目,一般也不会自己手动建这些配置文件,直接用 create-react-app、An ... 阅读全文 »
不同样式tooltip对话框小三角的css实现 发表于 2021-06-27 | 更新于 2022-11-17 | 分类于 前端 | 阅读次数: 开发过程中已经遇到过好多次需要手动实现 tooltip 样式了,这里就总结下,以便未来更好的复制粘贴。 如上图,常见的 tooltip 总共有 3 种类型,纯背景色无边框、有边框、包含背景图,其中的小三角可能是纯色、尖尖有弧度。 下边介绍四种常用的方法来实现 tooltip。 贴图简单方便快捷,一 ... 阅读全文 »