前几天忽然发现github上有一个大热门项目 —— “33 concepts every JavaScript developer should know”，目前已经将近25000个Stars。这个项目旨在帮助前端开发者掌握33个JavaScript基础概念。按作者话说，这些概…

单选、多选的区分，以及对应处理。 1. 实例 2. 原理 下拉框：包含已选中的高亮项，禁用项，默认选择选项等，具备点击选中，再次点击取消的操作。 利用 tabIndex 属性使得最外层的 div 能够触发 blur 事件，如果失焦就收起下拉框。 组件实现数据双向绑定，当 v-m…

webpack 顾名思义, web 应用的 pack(打包) 工具. 举个栗子, 假如你出门旅行需要携带各种各样的随身物品, 怎么办咧? 一个背包搞定. 所有的随身物品打包到背包里, 管他充电器还是充电宝, 杜蕾斯还是冈本全都一步到位... 早期的 web 应用相对单调, 网页…

在上篇《【vue-cli3升级】老项目提速50%（二）》文中，评论区好几个人对文中task任务以及shell打包推送远程仓库表示感兴趣，希望我多描述些内容... 结合实际场景罗列两个吧... 为了随时发布前端项目，不用等到晚上加班发布... 上篇文章评论区有人问到 rsync …

在离职的最后一个月，帮两位同事申请加薪，确切的说，申请加薪是导火索，我被扣上了哄抬同事工资以提高自己工资的帽子，在推动前后端分离工作中处处碰壁，点燃了压抑许久的离职冲动，领导培养自己四五年，不让声张，答应悄悄离开。 离开时原来公司项目里剩下很多问题没有解决，现在自己还在做vue…

JavaScript语言是“动态”或“解释执行”语言，但事实上是一门编译语言。但它不是提前编译的，编译结果也不能在分布式系统中移植。 传统编译语言流程中，程序在执行之前会经历三个步骤，统称为“编译”。 将由字符组成的字符串分解成（对编程语言来说）有意义的代码块。 上面这段程序会…

纯函数是程序函数式编程语言中原子构建块（最简单的可重用代码构建块）。简单和易测试性的特点使其备受推崇。 本文将提供一个快速检测列表，用于判断一个函数是否为纯函数。 让我们逐一展开。 不管你在何时何地调用第一个例子中的函数，得到的结果仅仅依赖于传入的参数。 如传入 2 和 4，得…

之所以说它是个万能的对象是因为它可以读取任意格式的内容,最近我尝试过用 FileReader 读取过 psd, ppt, 各种图片等等. 虽然很多情况下,它读出来的是我们完全看不懂的东西.不过通过一定的转换,理论上我们可以在浏览器里面打开任何文件类型. 由于 FileReade…

1. 引子 虽然 React 的状态管理是一个老生常谈的问题，网上和社区中也能搜到相当多的资料。这里还是想梳理下从我接触 React 开始到现在对状态管理的一些感想。 所有的新技术的出现和流行都是为了解决特定的场景问题，这里也会以一个非常简单的例子作为我们故事的开始。 上述的场…