20170715 前端开发日报

前端工程中的编译时优化 – 尤小右;Node.js入门介绍;webpack-dev-server完整demo;前端表单验证常用的 15 个 JavaScript 正则表达式;吕小鸣:Webpack1升级Webpack2整理总结;深入理解 CSS 外边距折叠(Margin Collapse);Nginx配置https访问;加深对 JavaScript This 的理解

  1. 前端工程中的编译时优化 – 尤小右 尤小右在 JSConf China 2017 上的演讲主题,需要翻墙。 —— 由稀土君分享
  2. Node.js入门介绍Node是一个针对网络应用开发的平台,它基于Google的JavaScript运行时引擎V8,但它不仅仅只是V8.Node的标准类库是它非常重要的一部分,它涵盖了从TCP服务端到同步或者异步的文件管理. Node已经迅速成为一个可行并且真…
  3. webpack-dev-server完整demonode.js版本: 8.1.3npm版本: 5.0.3webpack版本: 3.1.0目录结构: dev/index.jsx {代码…} index.html {代码…} package.json {代码…} server.js {代码…} webpack.config.js {代码…} 说明: {代码…} 备…
  4. 前端表单验证常用的 15 个 JavaScript 正则表达式 15 个常用的 JavaScript 正则表达式,其中包括用户名、密码强度、整数、数字、电子邮件地址(Email)等,大家可以收藏起来,便于日后查阅。 —— 由IT程序狮分享
  5. 吕小鸣:Webpack1升级Webpack2整理总结 Webpack2已经发布半年之多了,就连webpack3都已经发布了,但是项目目前还是使用的webpack1,有点跟不上节奏,webpack2的诸多特性类似tree-shaking等等新特性还是比较令人激动的,现在整理一下从webpack1升级到webpack2的过程。 —— 由tennylv分享
  6. 深入理解 CSS 外边距折叠(Margin Collapse) 外边距叠加一直是前端开发必须了解的一个概念,面试一般也会问到这个问题。所以整理一下相关外边距叠加相关的知识点。外边距叠加是什么?什么时候会发生外边距叠加?如何避免外边距叠加? 什么是外边距叠加 先来看看W3C对于外边距叠加的定义: In CSS, the adjoining margins of two or more boxe…
  7. Nginx配置https访问在这里我使用的是阿里云ECS,里面提供一年免费SSL证书 1、什么是HTTPS 根据维基百科的解释: 超文本传输安全协议(缩写:HTTPS,英语:Hypertext Transfer Protocol Secure)是超文本传输协议和SSL/TLS的组合,用…
  8. 《深入理解ES6》笔记——导读使用ES6开发已经有1年多了,以前看的是阮一峰老师的ES6教程,也看过MDN文档的ES6语法介绍。 最近买了《深入理解ES6》的书籍来看,为什么学习ES6这么久还要买这边书呢?主要是看到Daniel Abramove(react核心团队…
  9. Node.js中流的使用流是基于事件的API,用于管理和处理数据,而且有不错的效率.借助事件和非阻塞I/O库,流模块允许在其可用的时候动态处理,在其不需要的时候释放掉. 使用流的好处 举一个读取文件的例子:使用fs.readFileSync同步读取一…
  10. Alloy前端周刊第 14 期 你还停留在 webpack 1吗?webpack 3已经发布了一段时间了,快来看看有什么新变化吧 —— 由Joeyguo分享
  11. 《深入理解ES6》笔记——块级作用域绑定(1)本章涉及3个知识点,var、let、const,现在让我们了解3个关键字的特性和使用方法。 var JavaScript中,我们通常说的作用域是函数作用域,使用var声明的变量,无论是在代码的哪个地方声明的,都会提升到当前作用域…
  12. 深入RxEasyHttp网络库教你3分钟学会自定义数据结构github源码地址:https://github.com/zhou-you/RxEasyHttp RxEasyHttp库默认ApiResult简介 在自定义ApiResult之前,先了解本库中默认提供的ApiResult方式,包含code、msg、data三个字段,其中默认code为0表示解析…
  13. 腾讯前端求职直播课——笔试篇主讲人:黎腾(Litten):13年加入腾讯, 技术面试官 1.引入 面试是一个让面试官认识你的过程,尽全力展现100%的你就好,正常发挥没通过再接再厉,失常发挥没通过实为遗憾 2.要求 要求1:找准定位,重视基础前端发…
  14. 基于 React Router 的 SPA 单 Route 下多 view 切换方案 场景:针对查询消息历史记录,广播消息事件下有多个群,每个群下有对应的动作,三个view之间的关系如下eventlist => roomlist => actionlist,点击某个event到达roomlist,点击某个room到达actionlist。因为这三者(eventlist, roomlist, actionlist)依赖关系比较强,而且会被多个地方调用,他们三者就封装为一…
  15. 独家解析Javascript原型继承传统面向对象的继承和多态 我们知道C++/Java/C#等面向对象语言,都原生地支持类的继承。继承的核心作用大抵是创建一个派生类,并使其复用基本类(即父类)的字段和/或方法。并且派生类可以重写基本类的方法。…
  16. 独家解析Javascript原型继承 – 之函数原型和AOP引子 独家解析Javascript原型继承已经比较全面的分析了自定义函数类型,JS内置基本类(undefined, null, bool, number, string, symbol)和JS内置对象类型(Error, Date, Function)的design-time的prototype, 以及r…
  17. Practical Node.js 电子书开源 放到了 GitHub 上,英文版可以直接阅读。 —— 由彷梓分享
  18. javascript的面向对象javascript的面向对象 面向对象的特点分为三类:继承 封装 多态 首先你得理解面向过程:假如把一件东西放到一个箱子里,面向过程就是第一部打开箱子,然后把东西放进去,然后关闭箱子: 面向对象:就是把箱子看成一个对…

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流