失业期间闲来无事，看了本《网络是怎样连接的》与两本HTTP相关的专栏。 一方面补充专业知识，另一方面也是为了跳槽面试做准备。 1. 不止一种握手 在早期的网络传输中，也就存在TCP协议需要“握手”的过程，但早期的协议有一个缺陷：通信只能由客户端发起，做不到服务器主动向客户端推送…

如图，这就是编辑器的全貌，分为编辑区域与预览区域，其中预览区域可以通过菜单中的按钮实现隐藏或展示，方便不同的编辑需求。 完成一个编辑器，听起来就十分困难呀，一开始笔者也是一脸懵逼，下面给大家说一下笔者的编辑器是如何一步步走上正轨的，开发这个编辑器大概经历了两个阶段，第一个阶段是…

从事前端工作已经两年多了，技术上从最开始的jq，到后来的angular，然后react,vue，都一一学习过来并且应用到了实践中。自从有了es6，node,有了脚手架，感觉写代码体验如飞。直到有一天用原生开发，出现了这样一个问题。我需要在原生的页面上引入另一个文件，我习惯性的i…

正则表达式或 regex 用于匹配字符串的各个部分。下面是创建的正则表达式的备忘单。 要匹配你不希望有的字符集，使用否定的字符集. \babc\b 执行单词边界匹配(^\w|\w$|\W\w|\w\W)。 \ b表示像插入符号（它类似于$和^）的匹配位置，其中一侧是单词字符（如…

1. 引言 本周精读的文章是 regexp-features-regular-expressions。 s (dotAll) Flag - . 匹配任意字符 2. 概述 还在用下标匹配内容吗？匹配任意字符只有 [\w\W] 吗？现在正则有更简化的写法了，事实上正则正在变得更加易…

比较典型的应用场景就是:点击一信息列表,然后编辑该列的信息。在弹出的编辑弹出框中,需要复制原有的列表信息内容,如果是浅拷贝的话,那么改变现有的数据,会影响原来的数据,这样显然是不符合需求的 第三种解决办法: 通过Es6中的拓展运算符...

设计模式，这一话题一直都是程序员谈论的"高端"话题之一。许多程序员从设计模式中学到了设计软件的灵感和解决方案。 有人认为设计模式只在 C++或者 Java 中有用武之地，JavaScript 这种动态语言根本就没有设计模式一说。 通俗一点讲，设计模式就是在某种场合下对某个问题的…

最近我们参与开发了一个（年前了）BI项目，前端使用vue全家桶，项目功能基本开发完成，剩下的修修补补，开发过程还算顺畅，期间遇到好多问题，也记录了一下，发出来一起交流，主要是思路，怎么利用vue给的API实现功能，避免大家在同样的坑里待太长时间，如果有更好实现思路可以一起交流讨…

如果你的项目也在使用发布系统或者是CI工具，而且项目比较大，发布经常需要耗费十几分分钟，那么以下的工具可能会对你起作用。 影响前端发布速度的有两个方面，一个是构建，一个就是压缩，把这两个东西优化起来，可以减少很多发布的时间。