2 天前 / Ryan众乐
首发于前端外刊评论写文章向 Modern JavaScript 转型徐祁 13 人赞同了该文章背景自 2011 年 browserify 诞生开始，到我们现在更为广泛应用的 webpack/ rollup / parcel 等构建工具的普及，构建及工程化已经变成了前端开发者的开发生态中不可或缺的部分。日常开发中，我们已经习惯跟随 ESMAScript 或 TypeScript 的新特性，这些特性往往具有更简单的语法、更高的执行效率，比较典型的例子就是 ES6 中 class: class Person {constructor(name) {this.name = name;}greeting() {return `Hi, this is ${this.name}.`;}}class Man extends Person {}但如果要用构...
10 天前 / 太空编程
一、目标实现 左侧：为可用的组件列表，可拖动任一组件到中间的预览区域 中间：为页面预览效果页面，选中任一组件，可在右侧进行参数配置 右侧：为组件的参数配置（选中中间的组件时出现），页面配置（选中页面管理 tab 按钮时出现），组件管理（选中组件管理 tab 时出现），更改配置，中间的预览区域立即更新视图 对于电商类的小程序，这种微页面有大量的需求，频繁的改动页面样式、结构和内容，以及发布内嵌的 H5 页面，后台做到灵活可配置。可免去频繁发布小程序的烦恼。
16 天前 / 西岭老湿
首发于西岭老湿写文章你真的懂异步编程吗？西岭老湿一个普通文艺码农 2 人赞同了该文章在 JS 代码中，异步无处不在，Ajax 通信，Node 中的文件读写等等等，只有搞清楚异步编程的原理和概念，才能在 JS 的世界中任意驰骋，随便撒欢； 单线程 JavaScript 异步方案 首先我们需要了解，JavaScript 代码的运行是单线程，采用单线程模式工作的原因也很简单，最早就是在页面中实现 Dom 操作，如果采用多线程，就会造成复杂的线程同步问题，如果一个线程修改了某个元素，另一个线程又删除了这个元素...
18 天前 / 冷星1024
2018 年，我曾经在 deno 发布不久写过一篇《Deno 不是下一代 Node.js！》的文章，正好最近有一些研究，站在 2021 年再来看看 deno。 无疑，deno 改变了大家的对包管理的看法。本身 deno 够小，试错成本低，它确确实实引领了一个潮流方向。这个改进虽说不算新，但反响确实很好，大概是天下人苦 npm（npm 开玩笑的说法是：你怕吗）久已，用法简单，高效，甚至是衍生出很多关于 CDN for JavaScript modules 的思考。 下面，我们就一起看一下吧。 缘起我们做了一个 imove 的开源项目，iMove 是一个逻辑可复用的，面向函数的，流程可视化的 JavaScript 工具库。
34 天前 / Dunizb
文末福利资源更新 Cleave.js 是一个帮助表单实现各种复杂实时格式化显示的工具库，可以说 Cleave.js 让表单的输入变得更加的高逼格，能实现很多复杂的表单格式化显示，简而言之就是针对 标签按照诸如千分位、电话号码等风格的特定显示！ https://github.com/nosir/cleave.js 特征信用卡号码格式电话号码格式（国际化）日期格式数字格式自定义定界符，前缀和块模式 CommonJS / AMD 模块化 ReactJS 组件 AngularJS 指令（1.x）ES 模块化为什么使用 Cleave.jsCleave.js 是通过格式化键入的数据来提供一种提高输入字段可读性的简便方法。
35 天前 / 冷星1024
圣 诞 快 乐 接下来让我们一起来探讨 js 数据结构中的树。这里的树类比现实生活中的树，有树干，树枝，在程序中树是一种数据结构，对于存储需要快速查找的数据非有用，它是一种分层数据的抽象模型。一个树结构包含一系列存在父子关系的节点。每个节点都有一个父节点以及零个或多个子节点。如下所以为一个树结构：） 和树相关的概念：1.子树：由节点和他的后代构成，如上图标示处。2.深度：节点的深度取决于它祖节点的数量，比如节点 5 有 2 个祖节点，他的深度为 2。3.高度：树的高度取决于所有节点深度的最大值。
36 天前 / semlinker
2020 年即将结束了，不知不觉 源码分析 专题已经写了 9 篇文章，往期的 8 篇文章介绍了 Axios、BetterScroll、koa-compose 和 FileSaver.js 等优秀的开源项目，该专题的每篇文章阿宝哥都花了挺多时间与精力。 不过值得欣慰的是，专题中的多篇文章受到了掘金小伙伴和公众号粉丝的认可与鼓励，这让阿宝哥有继续写该专题的动力，这里真心地感谢大家的支持。 对往期 8 篇文章感兴趣的小伙伴，可以阅读 如何更好地阅读源码？这八篇文章给你答案这篇文章。 好的，我们马上回到正题。本期阿宝哥将介绍一个被 157317个项目引用的 JS 开源库 —— clipboard.js。
37 天前 / semlinker
2020 年即将结束了，不知不觉 源码分析 专题已经写了 9 篇文章，往期的 8 篇文章介绍了 Axios、BetterScroll、koa-compose 和 FileSaver.js 等优秀的开源项目，该专题的每篇文章阿宝哥都花了挺多时间与精力。 不过值得欣慰的是，专题中的多篇文章受到了掘金小伙伴和公众号粉丝的认可与鼓励，这让阿宝哥有继续写该专题的动力，这里真心地感谢大家的支持。 对往期 8 篇文章感兴趣的小伙伴，可以阅读 如何更好地阅读源码？这八篇文章给你答案这篇文章。 好的，我们马上回到正题。本期阿宝哥将介绍一个被 157317个项目引用的 JS 开源库 —— clipboard.js。
45 天前 / HelloGitHub
原文地址：Clean up your code by applying these 7 rules 原文作者：Joachim Zeelmaekers（已授权） 译者 & 校正：HelloGitHub- 小鱼干 & HelloGitHub- 鸭鸭 可读的代码是可维护的 在这篇短文中，我将介绍一些你可以用来改进你的代码的方法。本文代码示例均使用 JavaScript。 我发现但凡是可读的代码必定是可维护的。 作为一名开发人员，我的目标是编写高质量的代码。团队中的每个开发人员，不管他 / 她的技术水平如何，都必须能够通过阅读理解我所写的代码。代码的可读性有助于年轻的开发人员编写代码时更加自信。
49 天前 / 楼外青山
本文授权转载自公众号| 前端工匠 JavaScript 已经成为当下最流行的编程语言之一。根据 W3Tech，全世界几乎 96% 的网站都在使用它。关于网站，你需要知道的最关键的一点是，你无法控制访问你网站的用户的硬件设备规格。访问你的网站的终端用户也许使用了高端或低端的设备，用着好的或差的网络连接。这意味着你必须确保你的网站是尽可能优化的，你能够满足任何用户的要求。 这里有一些技巧，可以帮助你更好地优化 JavaScript 代码，从而提高性能。 1. 删除不使用的代码和功能程序包含越多的代码，给客户端传递的数据就越多。
51 天前 / Inputing
摄影：产品经理日料拌饭在前天的公众号文章《别去送死了。Selenium 与 Puppeteer 能被网站探测的几十个特征》中，我们提到目前网上的反检测方法几乎都是掩耳盗铃，因为模拟浏览器有几十个特征可以被检测，仅仅隐藏 webdriver 这一个值是没有任何意义的。 今天我们就来说说应该如何正确解决这个问题。我们首先给出解决方案。然后再说明这个解决方案，我是通过什么方式找到的。 解决这个问题的关键，就是一个 js 文件，叫做 stealth.min.js。稍后我会说明如何生成这个文件。
55 天前 / Dunizb
以前学习写的笔记，感觉还不错，现在发出来，希望对你有帮助。如果文章对你有所启发和帮助，可以『一键三连』。哦，对了，我已经脱发了。.. 目录 1. 前置知识 1.1 区别实例对象与函数对象 1.2 两种类型的回调函数 1.3 JS 的 error 处理 2. Promise 是什么？ 2.1 理解 2.2 Promise 的状态改变 2.3 Promise 基本流程 2.4 Promise 的基本使用 3. 为什么要用 Promise？ 3.1 指定回调函数的方式更加灵活 3.2 支持链式调用，可以解决回调地狱问题 4. Promise 的 API 说明 4.1 API 说明 4.2 Promise 的几个关键问题 5. async 与 await 5.1 async 函数 5.2 await ...
58 天前 / xF0rk
文｜martinzhou & l0u1s & monsoon I. 背景 近年来，无论是 DevSecOps，还是 Google SRE 的可靠和安全性理念，都提倡“安全需要每个工程师的参与”。其中涉及的“安全左移”理念也再次被推向前台，获得关注。 除安全团队建设一系列安全机制和工具外，每位开发者也可以身体力行地参与进来——编写安全的代码，从源头杜绝漏洞。这时，就需要一份详实的参考材料和行动大纲。 几位对研发安全感兴趣的一线研究员，首次尝试从开发者视角，分功能、语言梳理了编码的最佳安全实践。包括 C++、Go、JavaScript 等。TSRC 公众号将分语言逐批与业界分享。
59 天前 / 冷星1024
之前有很多人问学好前端需要学习哪些 js 库， 主流框架应该学 vue 还是 react 针对这些问题， 笔者来说说自己的看法和学习总结。 首先我觉得在学习任何知识之前必须要有一个明确的学习目标， 知道自己为什么要学它， 而不是看网上说的一股脑的给你灌输各种知识， 让你学习各种库， 从而不断的制造大家的焦虑感。 前端由于入行门槛低， 更新换代很快， 每年都会有大量新的框架和库出现， 也有大量库被淘汰 ( 比如JQuery, 但是学习它的设计思想很有必要). 所以我们大可不必担心， 保持自己的学习步伐， 按需学习即可。