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

Element 2.3.4 发布，基于 Vue 2.0 的桌面端组件库；前端开发碎碎念；怎么在 ES6+Webpack 下使用 Web Worker；谷歌JavaScript编程风格指导中的13个值得关注的要点；爬虫 JavaScript 篇[Web 漏洞扫描器]；textarea高度自适应自动增高展开；你应该知道的Node.js流；唯快不破：Web 应用的13个优化步骤

Element 2.3.4 发布，基于 Vue 2.0 的桌面端组件库 Element 2.3.4 发布了。更新内容如下：删除 SubMenu 在 TypeScript 类型声明中重复的 showTimeout 属性， #10566 （by @kimond ）现在 Transfer 数据项的渲染支持通过 scoped slot 自定义， #10577 修复点击 Pagination 禁用的上一页、下一页按钮仍会触发 current-change 事件的问题， #10628 …
前端开发碎碎念工作也有一段时间了，平时忙于业务代码的编写中，发现身边的一些人以及自己，对一些基本概念理解有所偏差，可能闹出笑话，会问出下面这些常识性错误的奇怪问题： vuejs怎么在服务器部署？ (我提交到服务器之后执行了 npm run dev之后关闭了是可以打开网页的，但是关闭了ssh之后，服务马上就不能用了，请问…
怎么在 ES6+Webpack 下使用 Web Worker 大家都知道 HTML 5 新增了很多 API，其中就包括 Web Worker，在普通的 js 文件上使用 ES5 编写相关代码应该是完全没有问题了，只需要在支持 H5 的浏览器上就能跑起来。那如果我们需要在 ES6+Webpack 的组合环境下使用 Web Worker呢？其实也很方便，只需要注意一下个别点，接下来记录一下我踩过的坑。至于 Web Work…
谷歌JavaScript编程风格指导中的13个值得关注的要点编者按：谷歌的程序员大大为了帮助刚入手JavaScript的小白们写出干净、易懂的代码，提供了一个独具特色的教程《Java Script指南》，而本文作者丹尼尔西蒙斯，一位web开发人员/Java爱好者精心总结了谷歌推出的这份指南中最有趣、最有用的十三条规则。 JS具有强大的灵活性和包容性，因此，JS的编写具有不同的风格，因此…
爬虫 JavaScript 篇[Web 漏洞扫描器] 0x00 前言上一篇主要讲了如何通过修改 Chromium 代码为 Web 漏洞扫描器的爬虫打造一个稳定可靠的 headless 浏览器。这篇我们从浏览器底层走到上层，从 C++ 切换到 JavaScript，讲一下如何通过向浏览器页面注入 JavaScript 代码来尽可能地获取页面上的链接信息。 0x01 注入 JavaScript 的时间点首先我们要…
【textarea高度自适应自动增高展开】textarea高度自适应，textarea高度自动增高，textarea高度自动撑开，本文通过复制textarea的html给另外一个元素pre,由于设置pre自动展开，所以不会存在有滞留的感觉，交互效果较好。 #前端开发博客#
你应该知道的Node.js流文章翻译自： Node.js Streams: Everything you need to know 在开发者中普遍认为Node.js流不但难以应用，而且难以理解。现在有一个好消息，Node.js流将不在难以处理。过去几年，为了方便操作Node.js流，开发者开发了许多第三方Node.js包。但是在这篇文章中，我将集中在Node.js原生的流接口应用的介绍。 …
唯快不破：Web 应用的13个优化步骤时过境迁，Web 应用比以往任何时候都更具交互性。搞定性能可以帮助你极大地改善终端用户的体验。阅读以下的技巧并学以致用，看看哪些可以用来改善延迟，渲染时间以及整体性能吧！更快的 Web 应用优化 Web 应用是一项费劲的工作。Web 应用不仅处于客户端和服务器端的两部分组件当中，通常来说也是由多种多样的技术…
JavaScript面向对象之三（非构造函数继承）阮一峰博客，戳这里上一篇： JavaScript面向对象之二(构造函数继承) 读了这三篇大佬的博客之后，突然顿悟，继承说白了就是对原型链的拷贝（笨笨的），因为这一篇基本扒开了，最后直接赤裸裸的拷贝嘛。什么是“非构造函数继承”？ var Animal = { type: ‘animal’ } var cat = { name: ‘po’ } …
【Javascript 获取 Dom 样式的方法有哪些】全文=> 获取方法一、element.style 属性获取dom元素的style属性例子： // index.html <div id="el" style="width:300px">content</div> <script> var el = document.getElementById('el') console.log(el.style.width) // => '300px' con…
从使用角度渐进式剖析Promise源码开篇最近在 github 上看到了一个 extremely lightweight Promise polyfill 实现，打开源码发现只有240行，果然极其轻量级，于是带着惊叹和好奇的心理去了解了下其具体实现。源码的 github 地址：promise-polyfil…
【用信鸽来解释 HTTPS】密码学是一门难以理解的学科，因为它充满了数学定理。但是除非你要实际开发出一套加密算法系统，否则你是没必要强制理解那些深奥的数学定理的。详见（来自：@开源中国）
[翻译]前端调试清单之优化网络资源原文地址：https://blog.pragmatists.com/how-to-debug-front-end-optimising-network-assets-c0bfcad29b40 作者：Michał Witkowski 摘要：本文从性能监控、图片、网络字体和JS代码优化以及如何提升渲染阻塞资源…
【细数喜欢Vue.js的10个方面】在这篇文章中，我旨在解释为什么 Vue 适合我，为什么在上文中那些我尝试过的框架中选择它。也许你将同意我的一些观点，但至少我希望能够给大家使用 Vue 开发现代 JavaScript 应用一些灵感。 #前端开发博客#
【20180414 前端开发日报】Webpack4 新特性及 Vue-cli项目升级；自己实现AJAX；JavaScript数组一把梭；列表渲染和Vue的v-for指令；腾讯一面总结-web前端-2018.4.11；vue实践04之vuex；你不知道的 Vuejs：Vuejs 插件开发；用空格还是用 Tab 键？…详情→