20190927 前端开发日报

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

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

    typescript-tutorial
  23. 理清JS中的深拷贝与浅拷贝浅拷贝是对象的逐位复制。创建一个新对象,该对象具有原始对象中值的精确副本。如果对象的任何字段是对其他对象的引用,则只复制引用地址,即,复制内存地址。
  24. #前端技术#【用 CSS 新属性实现特殊的图片显示效果】详见: 在本篇文章中,你将会看到如何应用一个或多个图像相关的 CSS 属性,完成 20 种图片显示效果,你一定会惊叹 CSS 属性的魔力。

    用 CSS 新属性实现特殊的图片显示效果
  25. 前端培训-中级阶段(16)- Unicode和UTF编码(2019-09-12期)前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知识的中心思想,我们开课啦(...
  26. 前端工程实践之可视化搭建系统(一) 背景 随公司业务不断发展,营销活动、广告、页面改版等需求日益倍增,靠纯人工撸代码已经无法跟上需求增长速度。加班?招人?显得不够明智,也不够前端,提效也就成为了关键。如何提效?从何入手?那不得不提的就是前端提效神器 —— 搭建系统,下文将从多个方面,向大家简单介绍政采云前端团队 ZooTeam 的可视...

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原文:20190927 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20190927.html)