摘要：
前言 据说阿里有一道面试题就是谈谈函数节流和函数防抖。糟了，这可触碰到我的知识盲区了，好像听也没听过这2个东西，痛定思痛，赶紧学习学习。here we go！ 概念和例子 函数防抖(debounce) 在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 看一个🌰（栗子）： //模拟 阅读全文
摘要：
前言 随着 Web 技术的蓬勃发展和依赖的基础设施日益完善，前端领域逐渐从浏览器扩展至服务端（Node.js），桌面端（PC、Android、iOS），乃至于物联网设备（IoT），其中 JavaScript 承载着这些应用程序的核心部分，随着其规模化和复杂度的成倍增长，其软件工程体系也随之建立起来（ 阅读全文
摘要：
上一篇文章讲解了如何用js+canvas实现粒子时钟，本篇文章 ，主要是使用vue重构，让它在vue也能使用。 我们使用简单的方式重构，不使用vue工程，先加入vue cdn的地址，如下： <script src="https://cdn.jsdelivr.net/npm/vue"></script 阅读全文
摘要：
redux-saga框架使用详解及Demo教程 前面我们讲解过redux框架和dva框架的基本使用，因为dva框架中effects模块设计到了redux-saga中的知识点，可能有的同学们会用dva框架，但是对redux-saga又不是很熟悉，今天我们就来简单的讲解下saga框架的主要API和如何配 阅读全文
摘要：
前端代码规范 JavaScript代码编写规范 缩进 每一层级由4个空格组成，避免使用制表符（Tab）进行缩进。 行的长度 每行长度不应该超过80个字符，多于80个字符，应该在运算符后换行，下一行增加两级缩进（8个字符） doSomething(argument1,argument2,argumen 阅读全文
摘要：
对于通常的developer（特别是那些具备并行计算/多线程背景知识的developer）来讲，js的异步处理着实称得上诡异。而这个诡异从结果上讲，是由js的“单线程”这个特性所导致的。 我曾尝试用“先定义后展开”的教科书方式去讲解这一块的内容，但发现极其痛苦。因为要理清楚这个东西背后的细节，并将其 阅读全文
摘要：
废话不多说先上成果图 实现思路 主要分界面与逻辑两大块 界面分为5个部分 左滑块长度 左内容位置 中间长度 右滑块长度 右内容位置 逻辑 touch3个事件 各滑块长度及位置计算 选中时变色 具体实现步骤 首先我们明白整个容器的长度是不变的等于左边+中间+右边所以我们可以通过先获取总的容器的宽度并用 阅读全文
摘要：
1. 祸起 看到标题，切图仔们又是菊花一紧。前几天微软刚刚开源Sketch2Code，让UI草图转化成HTML代码。切图仔瑟瑟发抖。 还没等切图仔调整好心情，号称H5代码生成工具的H5DS也开源了最新的代码。 尼玛，H5代码都可以一键生成了，还让人玩不？还TM是开源的，从此做H5页面，不要998，不 阅读全文
摘要：
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 https://codepen.io/comehope/pen/eLMKJG 可交互视频 此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 https 阅读全文
摘要：
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 https://codepen.io/comehope/pen/LJmpXZ 可交互视频 此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 https 阅读全文
摘要：
为什么谈到Snippet 今天下午在用vscode做小程序的时候，发现很不方便，因为商店里提供的代码片段极为有限，而且平时几乎每天都需要用到代码片段，所以就在思考他们是怎么做到给别人提供代码的，我可以自定义代码片段吗。然后查了下，果然，这在vscode里自带的（好像藏得有点深），是可以自定义的，然后 阅读全文
摘要：
前言 说到力导向可能很多小伙伴都只是会使用，不知道其中的实现原理，今天，我们一起来自己实现一套力导向算法，然后做一些技术相关的延伸。发散下思维。 什么是力导向算法？ 根据百科的介绍：力导向算法是指通过对每个节点的计算，算出引力和排斥力综合的合力，再由此合力来移动节点的位置。 通过力导向算法计算位置， 阅读全文
摘要：
1：substring 和 substr var str = '0123456789' console.log(str.substring(1)); //123456789 console.log(str.substr(1)); //123456789 console.log(str.substr( 阅读全文
摘要：
前言 es6新增了Set数据结构，它允许你存储任何类型的唯一值，无论是原始值还是对象引用。这篇文章希望通过模拟实现一个Set来增加对它的理解。 原文链接 用在前面 实际工作和学习过程中，你可能也经常用Set来对数组做去重处理 let unique = (array) => { return [ .. 阅读全文
摘要：
基于 node、express、mysql 实现的登录注册。 1.`首先在终端中 安装 node .` 2.`通过npm install express -g 命令全局安装 express`. 3.`然后通过express+项目名称，快速搭建一个项目` 4.`使用 express 初始化项目时 可以 阅读全文
摘要：
react-router等前端路由的原理大致相同，可以实现无刷新的条件下切换显示不同的页面。路由的本质就是页面的URL发生改变时，页面的显示结果可以根据URL的变化而变化，但是页面不会刷新。通过前端路由可以实现单页(SPA)应用,本文首先从前端路由的原理出发，详细介绍了前端路由原理的变迁。接着从re 阅读全文
摘要：
PWA（Progressive Web App）是前端的大趋势，它能极大的加快前端页面的加载速度，得到近乎原生 app 的展示效果（其实难说）。PWA 其实是多种前端技术的组合，其中最重要的一个技术就是 service worker。 Service worker 在 MDN 上的说明： Servi 阅读全文
摘要：
项目时间的估算对项目的成败至关重要。项目时间管理包括了项目按时完成所需的各个过程。但是，在实际项目中，经常出现项目延期，估算严重不准确的现象。 预估时间本身就很难。每个程序员的估计都会跟真正需要的时间有些差距。估计时间短了说明有些事情被忽略了(编译，测试，提交代码)。估计时间超了说明任务太大，难以理 阅读全文