20190927 前端开发日报-前端开发博客

十个超级实用的 JS 特性；在Vue中使用Tinymce5遇到的问题记录；9 行 JavaScript 代码计算圆周率一百万位；正则(2) 及 JS盒子模型；学习写一个babel插件；JavaScript 工具怎么就这么烂；重磅：硬核前端面试开源项目汇总（进大厂必备）；HTML5 Canvas金色漩涡动画源码

十个超级实用的 JS 特性你可能刚上手 JavaScript，或者只是曾经偶尔用过。不管怎样，JavaScript 改变了很多，有些特性非常值得一用。这篇文章介绍了一些特性，在我看来，一个严肃的 JavaScript 开发者每天都多多少少会用到这些特性。
在Vue中使用Tinymce5遇到的问题记录安装并使用官方的 vue集成组件 $ npm install @tinymce/tinymce-vue 加载组件 import Editor from ‘@tinymce/tinymce-vue’; 使用组件 <editor api-key=”API_KEY” :init=”{plugins: ‘wordcount’}”></editor> 其他配置参见官方文档加载用户自…
9 行 JavaScript 代码计算圆周率一百万位原文： A Million Digits of Pi in 9 Lines of Javascript 作者：Andrew Jennings BigInt 已经可以在 JavaScript 中使用了，至少在 Firefox 和 Chrome 中如此。对于高精度计算，我最喜欢做的就是计算圆周率，使用最简单的方法，也就是说只使用加减乘除。你可以找到很多计算圆周率的公式，但我最喜欢的是这个…
正则(2) 及 JS盒子模型在不加全局修饰符 g 的时候，两者功能是一样的加上 g 之后，match可以把所有的大正则匹配的内容都捕获到，但是会丢掉小分组的捕获 splice ：可以结合正则使用，可以直接把正则写着split的括号中 var str = ‘a-3_34+rgdfv=gegd?terdgdf’ str.split(/ /) 把字符串中的字母和数字拆出来 replace 替…
学习写一个babel插件 babel作为现代前端项目的标配，工作中经常会用到。但是，很少人会去研究它的底层实现和设计。这篇文章是日常工作中实践总结，将会由浅入深地和大家一起学习下babel的一些基础知识，以及编写属于自己的babel插件，并在项目中使用。 AST简介抽象语法树（Abstract Syntax Tree，AST），或简称语法树（Syntax tree），是…
JavaScript 工具怎么就这么烂 JavaScript 工具确实超级难用，但这并不是大家的错。如果大家点进来看了，就证明各位肯定对此抱有同感。哈哈，我也这么觉得。我的日常工作就是跟 JavaScript 工具打交道，而我的观点是，这些工具至少可以做得更好。毕竟“无视问题，就是作恶”。但不少朋友可能也并不认同我的观点，别担心，其实我自己也并不完全认同…
重磅：硬核前端面试开源项目汇总（进大厂必备）建立最好的面试地图。目前的内容包括js、网络、浏览器相关、性能优化、安全性、框架、git、数据结构、算法等。
HTML5 Canvas金色漩涡动画源码：互联网的那些破事的微博视频
使用nuxt前，需要了解的vue ssr基础更好的 SEO 更快的内容到达时间 SSR方案的权衡之处开发条件所限涉及构建设置和部署的更多要求更多的服务器端负载 Vue SSR基本使用一个最简单的示例（官方） const Vue = require(‘vue’) const server = require(‘express’)() const renderer = require(‘vue-server-renderer’).createRenderer() …
超全面的前端监控sdk项目地址 [链接] 喜欢请star！！！喜欢请star！！！喜欢请star！！！您的支持是我不断前进的动力(^▽^) 功能上报pv uv 捕获error 上报性能performance 上报用户轨迹支持单页面 hack ajax fetch 上报加载的资…
利用 js 文件进行渗透点击上方“蓝字”关注公众号获取最新信息! 本文作者：eth10（贝塔安全实验室-核心成员）当我们访问的站点只是一个简单的登录页面时，我们应充分利用涉及到的JavaScript脚本函数或文件。 0x01 node js站点 (1) 如何判断是JS开发的站查看登录页面的页…
辛辛苦苦学会的 webpack dll 配置，可能已经过时了前段时间写了一篇详解 webpack4 中易混淆知识点的文章，没想到收获了近 600 个赞，在这里对各位老铁抱拳感谢。上篇文章我费了很多时间去构思 demo 和原创作图，就是想把一些概念彻底讲清楚，看评论区的反响我感觉…
jQuery手风琴样式的图片切换组件源码：互联网的那些破事的微博视频
Javascript 的新功能 — Part 1作者：Deepak Gupta翻译：疯狂的技术宅原文：[链接] 未经允许严禁转载 JavaScript 的应用领域已经从 Web 浏览器扩展到所有需要编程的地方。 Node.js — 用于CLI和服务器。 Electron — 用于跨平台的桌面应用程序。…
基于@vue/cli 3.x的从0到1搭建Vue项目的实践Vue官方的脚手架工具Vue Cli有了一次较大的更新，相比于2.x版本，新版本3.x中对项目的搭建，相关包、插件的安装都有了新大的不同。本文即立足于此，选择@vue/cli 3.x版本的脚手架工具，动手实践从0到1搭建Vue项目…
Webpack 之 basic chunk graph 有以下文件 a.js / b.js / c.js / d.js 以及 webpack.config.js, 其中 a.js 为入口文件，它们之间的依赖关系如下图，实心箭头代表异步加载。 // a.js – 入口文件 import add from ‘./b.js’ add(1, 2) import(‘./c.js’).then(del => del(1, 2)) // b.js import mod from ‘./d.js’ export default function …
nodejs（十）Koa使用教程使用koa搭建http服务器很简单，只需要如下三步，即可 //demo01.js const Koa = require(‘koa’) const app = new Koa() app.listen(3000) 复制代码然后使用node命令运行该文件即可 node buildHttp.js 复制代码打开浏览器，我们输入 http://loaclhost:3000访问，页面显示Not Found，这是因为我们并没有告诉Koa应该…
NodeJS模块机制及其应用早期的JavaScript由于缺乏模块系统。要编写JS脚本，必须依赖HTML对其进行管理，严重制约了JavaScript的发展。而CommonJS规范的提出，赋予了JavaScript开发大型应用程序的基础能力。其中NodeJS借鉴CommonJS的Modules规范实现了一套简单易用的模块系统，为JavaScript在服务端的开发开辟了道路。 CommonJS模块规范 Common…
如何编写全栈 JavaScript 应用我们的 GitHub 仓库最近在 GitHub 上获得了 10,000 颗星。它在 HackerNews、GitHub Trending 上排名第一，并在 Reddit 上获得了 2 万个赞。这篇文章是我这一段时间以来一直想写的，随着我们的仓库快速上升，我认为现在是写它的最佳时间。我是自由职业者团队的一员，我们使用 React/React Native、Node.js、G…
记一次 Bug 引发的 babel 升级最近参与了一个新的项目，是基于 React + Antd + Ts + Mobx 来写的。项目安装完依赖之后，启动的时候会看到控制台报错：
了解一下 CSS Houdini API
js引擎与数组和原型访问优化数组（Array）是一种线性表数据结构。它用一组连续的内存空间，来存储一组具有相同类型的数据。 js中的数组有所不同，它实际上也是一种特殊的对象，数组中元素的下标(index)是key,而元素则是value。此外数组对象还有一个额外的属性, 即：“length”。当给数组添加元素时：可以发现每个元素的属性结构是…
#开源项目#【TypeScript 入门教程：typescript-tutorial】详见：这是一个从 JavaScript 程序员的角度总结思考，循序渐进的理解 TypeScript 的学习笔记，希望能给初学的你一些帮助和启示。
理清JS中的深拷贝与浅拷贝浅拷贝是对象的逐位复制。创建一个新对象，该对象具有原始对象中值的精确副本。如果对象的任何字段是对其他对象的引用，则只复制引用地址，即，复制内存地址。
#前端技术#【用 CSS 新属性实现特殊的图片显示效果】详见：在本篇文章中，你将会看到如何应用一个或多个图像相关的 CSS 属性，完成 20 种图片显示效果，你一定会惊叹 CSS 属性的魔力。
前端培训-中级阶段（16）- Unicode和UTF编码（2019-09-12期）前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（…
前端工程实践之可视化搭建系统（一）背景随公司业务不断发展，营销活动、广告、页面改版等需求日益倍增，靠纯人工撸代码已经无法跟上需求增长速度。加班？招人？显得不够明智，也不够前端，提效也就成为了关键。如何提效？从何入手？那不得不提的就是前端提效神器 —— 搭建系统，下文将从多个方面，向大家简单介绍政采云前端团队 ZooTeam 的可视…