摘要: JavaScript这门语言中,最令人迷惑的地方有三个,闭包、this、原型。针对大多数人,可以利用词法作用域等避开this的坑,但是我们不能一直生活在舒适区,要敢于打破砂锅问到底,对我们来说也是一种提升。 一、一般对this关键字的误解: 1、this指向函数自身 2、this指向函数声明的词法作 阅读全文
posted @ 2019-03-17 13:54 Gerryli 阅读(595) 评论(1) 推荐(1) 编辑
摘要: 简介 从事前端开发的同学,对富文本编辑器都不是很陌生。但是大多数富文本编辑器都是开箱即用,很少会对其实现原理进行深入的探讨。假如静下心去细细品味,会发现想要做好一款富文本编辑器,需要对整个前端生态有较深入的理解。在某种意义上说,富文本编辑器是前端一个集大成者。 富文本编辑器根据其实现方式,业内将其划 阅读全文
posted @ 2023-02-25 17:44 Gerryli 阅读(899) 评论(0) 推荐(1) 编辑
摘要: 简介 最近在捯饬自己的个人网站,想找一款类似于掘金的markdown编辑器,主要诉求包含实时预览、语法高亮、自动生成目录索引。对比了市面上主流的几款编辑器,最后采用了@toast-ui/editor。选择的主要原因就是开箱即用,内置一些实用的插件,如表格并且支持合并单元格、语法高亮、图形展示、uml 阅读全文
posted @ 2023-02-18 18:33 Gerryli 阅读(2127) 评论(0) 推荐(1) 编辑
摘要: 前言 我们经常使用CSS,但是却不怎么了解CSS,本文主要对vertical-align、BFC、position中开发过程不怎么注意的特性进行简要总结,从本文中,你将了解到以下内容: vertical-align为何时灵时不灵 BFC是什么?有何作用 绝对定位的奇淫技巧 CSS特性 vertica 阅读全文
posted @ 2021-09-06 18:39 Gerryli 阅读(353) 评论(0) 推荐(3) 编辑
摘要: 简介 日常我们都忙于写bug,有时候不妨停下脚步,找找bug。测试广义上分为黑盒测试和白盒测试。单元测试属于后者,是在知道程序运行逻辑的基础上,设计测试用例,确保程序模块行为与我们预期一致。 前端做单元测试的不多,但是并不代表不必要,对于一些复杂的数据处理、公共类库等,单元测试是非常有必要的,代码只 阅读全文
posted @ 2021-08-25 22:16 Gerryli 阅读(1120) 评论(0) 推荐(0) 编辑
摘要: 简介 vue函数式组件大部分人在开发过程中用到的不多,就连官方文档位置放置的也比较隐晦,但是在我们对项目做性能优化时,却是一个不错的选择。本文将对函数式组件初始化过程做一个系统性的阐述,通过本文,你将了解到以下内容: 什么是函数式组件 函数式组件与普通组件间的差异 vue相似性能优化点 什么是函数式 阅读全文
posted @ 2021-07-17 16:32 Gerryli 阅读(503) 评论(0) 推荐(0) 编辑
摘要: 前言 自定义指令是vue中使用频率仅次于组件,其包含bind、inserted、update、componentUpdated、unbind五个生命周期钩子。本文将对vue指令的工作原理进行相应介绍,从本文中,你将得到: 指令的工作原理 指令使用的注意事项 基本使用 官网案例: <div id='a 阅读全文
posted @ 2021-06-27 16:02 Gerryli 阅读(1288) 评论(4) 推荐(0) 编辑
摘要: 前言 vue.js的灵魂是组件,而组件的灵魂是插槽。借助于插槽,我们能最大程度上实现组件复用。本文主要是对插槽的实现机制进行详细概括总结,在某些场景中,有一定的用处。知其然知其所以然,掌握vue.js实现原理,不仅可以提升自身解决问题的能力,还可以学习到大神们编程思想和开发范式。 样例代码 <!-- 阅读全文
posted @ 2021-06-19 16:46 Gerryli 阅读(1178) 评论(0) 推荐(0) 编辑
摘要: 前言 张鑫旭的《CSS世界》这本书,强烈推荐前端er仔细阅读下,里面详细说明了许多不怎么被注意的CSS特性,对前端进阶很有帮助。 本文简要列举书中前四章比较实用的知识点,书中干货很多,值得一读。 实用技巧 文字少的时候居中显示,多的时候居左显示 利用元素的包裹性,元素的尺寸由内部元素决定,且永远小于 阅读全文
posted @ 2021-01-27 19:57 Gerryli 阅读(209) 评论(0) 推荐(0) 编辑
摘要: 由于浏览器隐私协议限制,以前浏览器是不允许直接访问剪切板的,最近几年,随着web应用兴起,W3C也在逐渐拓宽JavaScript应用范围,现在前端也能直接操作剪切板。文中按照访问方式,分为间接访问和直接访问。 间接访问 交互事件 用户交互事件,如paste(复制)、cut(剪切)、dragstart 阅读全文
posted @ 2020-12-26 21:09 Gerryli 阅读(539) 评论(0) 推荐(0) 编辑
摘要: 问题描述 多个项目,为了开发方便,不同项目中的模块存在相互引用。开发工具初始用的是Visual Studio Code 1.39.2版本,之前打包运行都是正常,但是当Visual Studio Code从1.39.2升级到1.52.1,发现引用部分模块功能不可用,问题主要体现在axios与vue封装 阅读全文
posted @ 2020-12-24 21:36 Gerryli 阅读(632) 评论(0) 推荐(0) 编辑