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前端日报 订阅精彩文章

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

原创文章:20170715 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20170715.html)

发表评论

请登录后发表评论: