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

译 | 为什么前端开发这么不稳定？；GitHub 和开源是对穷人的恩赐；vue中vuex,echarts,地图,ueditor的使用(一篇就够)；深入理解javascript系列(二):内存空间；JavaScript之节流与防抖；D3.js 漫游指南；大型Vuex应用程序的目录结构；Office 365 正在用 JavaScript 重写

译 | 为什么前端开发这么不稳定？作者｜Jimmy Breck-McKye 译者｜胡红星编辑｜覃云 – 前端之巅我们都有这样的经历：当学习了一种前端技术的时候，同时会有几种新的前端技术诞生。还有，你选择的那种前端技术，也许已经过时了。然而我们似乎也从来没有关注为什么会这样。典型的解释似乎是 web 开发者天生不耐烦，永远追求最前沿的技术，赶…
GitHub 和开源是对穷人的恩赐简评：作者父母都是中东战区移民，饱受歧视，他后来成为了 Codecademy 一号员工，后来加入了 Facebook React.js 项目组。他一路走来，通过编程来改写命运，他认为 GitHub 是对穷人的恩赐，因为你的每一次提交，每一次 Contribute 都是你努力的证明，没人会因为你的家庭背景而放水，1 就是 1，0 就是 0。现在他在致力…
vue中vuex,echarts,地图,ueditor的使用(一篇就够) vue-cli生成的template还需要配置axios,vuex,element等插件,该项目中将这些常用插件进行了配置; 项目开发中template可以快速复用,也是可以快速上手vue的一个demo; 1.动态效果图 2.技术栈技术栈:vue+vue-router+webpack+axios+echarts+ueditor+element UI+map+node-sass; 功能模块:数据可视化,地…
深入理解javascript系列(二):内存空间因为javascript有GC存在，所以内存空间并不是被我们重视。王立大神说"理解内存空间，就是成为大牛的开始"。所以我们很有必要学习和理解内存空间。 2.1 基础数据类型与变量对象最新的ECMAScript标准定义了7中数据类型，其中就包括6中基本数据与一种引用数据类型（object）其中基础数据类型如图所…
JavaScript之节流与防抖我们在开发的过程中会经常使用如scroll、resize、touchmove等事件，如果正常绑定事件处理函数的话，有可能在很短的时间内多次连续触发事件，十分影响性能。因此针对这类事件要进行节流或者防抖处理节流节流的意思是，在规定的时间内只会触发一次函数，如我们设置函数 500ms 触发一次，之后你无论你触…
D3.js 漫游指南原文: https://medium.com/@enjalot/the-hitchhikers-guide-to-d3-js-a8552174733a 译文源代码地址: https://github.com/ssthouse/d3-blog/blob/mast
大型Vuex应用程序的目录结构译者按：听前端大佬聊聊Vuex大型项目架构的经验原文: Large-scale Vuex application structures 译者: Fundebug 为了保证可读性，本文采用意译而非
Office 365 正在用 JavaScript 重写
谁说前端不需要懂-Nginx反向代理与负载均衡
基本的运维知识，但作为大前端，怎能不学点运维…：前端圈一直很新，一直要不停的学习，而且在进入大厂的路上，还要求熟悉一门后台语言等等。用一句别人开玩笑的话来说，java十年前的技术现在还能用，而前端的技术就不是这样的了突然想起了deno项目发布的时候，一个搞笑的issue，“求别更新了，老子学不动了”。虽然看起来是一个玩笑的…
WebAssembly：系统编程语言的逆袭引子 Any application that can be written in JavaScript, will eventually be written in JavaScript. —— Atwood ‘s Law 有人用 JavaScript 做语法词法解析，有人写了 x86 模拟器 , 还有人用 JavaScript 写了可自举的 JavaScript 引擎。JavaScript 早已经在”重新发明一切”的路上一骑绝尘了，JavaScript 的流…
如何调试前端：优化网络资源前端优化还是要时不时关注下有没有新工具新思路：
手把手教你实现Promise（基于Promise A+规范）使用 Promise 能解决回调地狱，多个异步请求等问题。那么它是怎么实现的呢？让我们一起来实现一下吧同步调用的实现首先，我们要知道： Promise是一个类 new Promise 时，会返回一个promise的对象，它会传一个执行器（executor），这个执行器是立即执行的另外每个promise实例上都会有一个then…
44道JavaScript难题（JavaScript Puzzlers）答案：解析：parseInt (val, radix) ：两个参数，val值，radix基数（就是多少进制转换） map 能传进回调函数 3参数 (element, index, array) parseInt(‘1’, 0); //0代表10进制 parseInt(‘2’, 1); //没有1进制，不合法 parseInt(‘3’, 2); //2进制根本不会有3 巩固：["1",…
爬虫攻防之前端策略简析看到一篇文章，介绍在反爬虫过程中，前端工程师的各种脑洞，文章见这里。文章里介绍了几个大的网站，在反爬虫过程中，采取的各式各样的策略，无不体现出前端工程师的奇葩脑洞。还挺有意思的，就简单分析了一下，针对每个方案，看看有没有解决办法，于是整理成博客，记录一下。 1. 自定义字体形式该方案…
webpack3.X CommonChunkPlugin 随着项目一点点的深入，对于webpack的配置也是改了又改，看了又看，这里就再记录一下CommonsChunkPlugin的用法，多用于个人记忆。希望对你有所帮助。基本使用 new webpack.optimize.Commo
kafka和websocket实时数据推送已有Kafka服务，通过kafka服务数据（GPS）落地到本地磁盘（以文本文件存储）。现要根据echarts实现一个实时车辆的地图。分析前端实时展现：使用websocket技术，实现服务器端数据推送到前端展现通过Java的kafka client端获取数据，并且通过websock推送到前端。 websocket 简介 websocket是HTM…
不一样的ZTree，权限树.js插件每一个有趣的创新，都源于苦逼的生活。在最近的工作中，遇到一个做权限管理筛选的需求。简单总结需求：1展示一个组织中的组织结构2通过点击组织结构中的任意一个节点可以向上向下查询对应的组织结构如果你不想苦逼的重复劳动，还是造个轮子吧第一次遇到这样的需求，花费了很多时
精读《深入浅出Node.js》前言如果你想要深入学习Node，那你不能错过《深入浅出Node.js》这本书，它从不同的视角介绍了 Node 内在的特点和结构。由首章Node 介绍为索引，涉及Node 的各个方面，主要内容包含模块机制的揭示、异步I/O 实现原理的展现、异步编程的探
CNZZ的JS统计代码被Chrome警告，如何解决？
JavaScript之原型与原型链在JavaScript中除值类型之外，其他的都是对象，为了说明这点，我们举几个例子我们可以使用 typeof 来做类型判断 typeof a; // undefined typeof 1; // number typeof ‘wclimb’; // string typeof true; // boolean typeof function(){}; // function typeof []…
关于移动端开发中遇到的坑-vue 滚动穿透是指在移动端当有 fixed 遮罩背景和弹出层时，在屏幕上滑动能够滑动背景下面的内容。网上整理了解决方案，但有些还是存在一定的问题：设置overflow为hidden .modal-open { &, body { overflow: hidden; height: 100% } } 即当弹出层弹出时在html上添加…
如何实现一个乞丐版JSBox (一) 引擎篇代码地址 JSBox是钟大创造的一个可以用 JavaScript 来编写脚本的一个APP。它提供了一套界面方案，然后也提供了基本上所有的原生能力。一定程度上可以看做是一个简化版的小程序。并且它内部还实现了一个简易的代码编辑器，你可以直接在APP上写代码啦~如果你感兴趣还是强烈建议你去下一个JSBox支持一下钟大的。 …
【这可能是学习JavaScript最好的18本免费在线电子书】JavaScript这门语言简单易用，很容易上手，但其语言机制复杂微妙，即使是经验丰富的JavaScript开发人员，如果没有认真学习的话也无法真正理解。详见
用vue做项目的一些总结 module.exports = { configureWebpack: config => { // 为生产环境修改配置…if (process.env.NODE_ENV === ‘production’) { //html文件引入绝对地址 config.output.publicPath = ”//不生成.map文件 config.devtool = false; } else { // 为…
概述nodejs核心机制 non-blocking是指node.js进程中不同步等待执行非javascript操作（例如I/O）完成而继续执行下一块代码的特性。注：CPU密集型属于javascript操作。 I/O通常指与磁盘与网络的交互非阻塞I/O模型使得nodejs支持高并发且非常适合于I/O密集型应用 Nodejs Event Loop and Worker Pool 共6个阶段…
ES6 系列之模拟实现 Symbol 类型前言实际上，Symbol 的很多特性都无法模拟实现……所以先让我们回顾下有哪些特性，然后挑点能实现的……当然在看的过程中，你也可以思考这个特性是否能实现，如果可以实现，该如何实现。回顾 ES6 引入了一种新的原…
ReactJS一点通作者：卢文喆腾讯云 UI工程师导语 | 当React 刚开始红的时候，一直觉得 JSX 的设计思想极其独特，属于革命性的创新，它性能出众，代码逻辑却非常简单，所以，受到很多开发者的关注和使用，认为它可能是将来 Web 开发的主流工具。 React 最早起源于 Facebook 的一个内部项目，因为公司对现有的 JavaScript MVC 框架…
Node.js 线程你理解的可能是错的本文代码运行环境系统：MacOS High Sierra Node.js：10.3.0 Node.js是单线程的，那么Node.js启动后线程数是1？答案：Node.js启动后线程数并不是1，以下面代码为例 const http = require(‘http’); http.createServer((req, res) => { res.end(‘hello’); }).listen(8000, () => { console.log(‘ser…
为什么微前端开始在流行——Web 应用的聚合采用新技术，更多不是因为先进，而是因为它能解决痛点。过去，我一直有一个疑惑，人们是否真的需要微服务，是否真的需要微前端。毕竟，没有银弹。当人们考虑是否采用一种新的架构，除了考虑它带来好处之外，仍然也考量着存在的大量的风险和技术挑战。前端遗留系统迁移自微
ES6与CommonJS中的模块处理 ES6和CommonJS都有自己的一套处理模块化代码的措施，即JS文件之间的相互引用。为了方便两种方式的测试，使用nodejs的环境进行测试 CommonJS的模块处理使用require来引入其他模块的代码，使用module.exports来引出 // e