20180512 前端开发日报

JavaScript从初级往高级走系列————ES6;当HTML5遇上区块链技术,游戏行业将迎来怎样的变革?;从HTML5 WebSocket到Socket.io;如何让webpack打包的速度提升50%?;JavaScript:Scope(域)的基本指南;深入ES6:let和const;推荐2个前端工具:Charles和Postman;HTTP 的进化 – 0.9、1.0、1.1、Keep-Alive、Upgrade 和 HTTPS

  1. JavaScript从初级往高级走系列————ES6 现在基本上开发中都在使用ES6,浏览器环境支持不好,可以用babel插件来解决。 采用‘二八定律’,主要涉及ES6常用且重要的部分。 问题: ES6模块化如何使用,开发环境如何打包 Class和普通构造函数有何区别 Promise的基本使用和原理 总结一下ES6其他常用功能 ES6模块化如何使用,开发环境如何打...
  2. 当HTML5遇上区块链技术,游戏行业将迎来怎样的变革? 文 | 萌萌 韦小婉 引言 从2018年伊始,借着A股市场的东风,区块链便成为炙手可热的话题。然而面对近期持续跌停的概念股,给不少准备进军区块链市场的追随者们一盆冷水。 区块链为何如此火爆?究竟是新机遇还是新泡沫?局内人是怎么看的? 为此,区块链探长邀请了数位业内人士,讲述他们在这个行业里“搏击”的故事...
  3. 从HTML5 WebSocket到Socket.io HTML5 WebSocket 作为新一代的web标准,HTML5为我们提供了很多有用的东西,比如Canvas,本地存储(已经分离出去了),多媒体编程接口,当然还有我们的WebSocket。WebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工
  4. 如何让webpack打包的速度提升50%? 随着前端应用包含的模块数量日益增长,代码打包的耗时也越来越长。公司很多项目打包耗时超过了10秒,对于一般人来说超过10秒的等待是比较难受的,虽然后续增量编辑的速度很快。于是我想结合实际开发环境提升一下首次打包的速度。 1. 实际开发环境 我碰到大多数处于维护状
  5. JavaScript:Scope(域)的基本指南 Scope决定了代码中变量,函数和对象的可见性。在这里了解所有细节。 Scope是JavaScript和编程的一个重要方面。Scope限制了整个代码中变量,函数和对象的可见性以及可用性。 这带来了很多好处,其中包括:
  6. 深入ES6:let和const ES6 In Depth是一系列关于在ECMAScript标准的第六版中加入JavaScript编程语言的新功能,简称ES6。 我今天想谈的这个特点既简单又令人感到惊喜。 当Brendan Eich在1995年设计了JavaScript的第一个
  7. 推荐2个前端工具:Charles和Postman 5.1假期第二天,依然窝在家里,不过今天来客了,我的好朋友「晓哥」来看小宝,中午喝了点,各自「吹嘘」了一阵,聊聊各自职业的发展,工作中遇到的问题,以及对未来的规划。 他现在发展的特别好,在一家近千人开发的公司,主管北京地区的业务,包括需求洽谈、研发、项目推进和验收等,公司业务是为多家银行做app端,和...
  8. HTTP 的进化 - 0.9、1.0、1.1、Keep-Alive、Upgrade 和 HTTPS HTTP 的进化 - 理解真实的 HTTP 是如何工作的 原文: https://medium.com/platform-engineer/evolution-of-http-69cfe6531ba0 自从在 1989-1991 年间被 CERN(译注:即
  9. 如何利用GitHub GraphQL API开发个人博客? 作为一个程序员,搭建一个个人博客几乎是所有人的需求,一来比较酷,二来也可以记录自己的学习和生活总结。但如果你不是全栈工程师,实现这个需求还是有点麻烦。后端搭建一套现有的前端框架及前端写API都还是有一定门槛的,当然,如果你是大牛当我没说,哈哈哈! 下面,我将介
  10. 走在JS上的全栈之路(一) (这是一个系列文章:预计会有三期,第一期会以同构构建前后端应用为主,第二期会以GraphQL和MySQL为主,第三期会以Docker配合线上部署报警为主) 作者: 赵玮龙 (为什么总是我,因为有队友们无限的支持!!!) 首先声明下写这篇文章的初衷,自己也还是在
  11. 初步了解Express(基于node.js的后端框架) Express:基于node.js的后端框架。介绍 实现一个HELLO WORLD 使用步骤: 1.mkdir app , cd app 2. npm init 3. npm i express -s 4. hello world var express =
  12. 2018 年前端工具调查报告 The Front-End Tooling Survey 2018 - Results Since launching this year's Front-End Tooling Survey in March, 5,097 fron
  13. 前端 touch 事件知多少 此篇文章主要介绍touch类的事件, 也会顺带介绍下mouse类的, 因为比较类似 分类 touch类和mouse类的时间主要有 touch 事件 touch事件初体验: http://demo.404mzk.com/event/base/window_all_type.html touchstart: 手指触摸屏幕时触发 touchmove: 手指滑动屏幕时触发...
  14. Vue遇到pwa--vue+pwa移动端适配解决方案模板案例 1.什么是 PWA,使用哪些技术做到pwaProgressive Web App, 简称 PWA,是提升 Web App 的体验的一种新方法,能给用户原生应用的体验。 PWA 能做到原生应用的体验不是靠特指某一项技术,而是经过应用一些新技术进行改进,在安全、性能和体验三个方面都有很大提升,PWA 本质上是 Web App,借助一些新技术也具备了 Native App...
  15. 一款基于javascript开发的,简单的,易用的在线表格插件 XSpreadsheet xspreadsheet 是一款基于javascript开发的,简单的,易用的在线表格插件 git: github.com/myliang/xsp… demo: myliang.github.io/xspreadshee…
  16. 亲历中国CSS开发者大会 2018年4月18日 三个星期前,我有一次非常兴奋的经历——在3月31厦门召开的中国第四届CSS开发者大会上,我第一次做了中文发言。 我从这次的经历中学到了很多东西——既包括关于我自己的,也包括中国发展景象的——我想在这里,把我学到的东西与你们
  17. webpack打包优化探索 虽然webpack的已经升级到了webpack4,而我们目前还在使用 webpack3,但其中的优化点都大同小异,升级后同样适用。 性能优化初步原则 减小代码量
  18. http与https的区别我真的知道吗 之前每次看到类似“http与https的区别?”的问题时,都会自己思考一下答案,好像只是浅显地知道https比http安全,但究竟为什么更安全,却又似乎说不出个所以然,或者说很多细节地方自己都是不清楚的。为了搞清楚,也为了系统地了解一下http相关的知识,前段
  19. emiya-canvas.js 解决ios下拍照倾斜与canvas高清屏下绘图模糊问题 解决在移动端拍照,用 canvas 绘图出现图片逆时针旋转 90 度的问题。 canvas 在高清屏与retina屏下绘图模糊的问题。 如下图: 就用我老婆来做模特了~ 下图是拍照过后渲染在画布上的图片,很明显未经处理过的图片,逆时针旋转了 90 度,并且图片很模糊。 通过使用 emiya-canvas.js 处理过后的图片,修正...
  20. 用Python3来实现一个简单的Web服务器 写在开始之前 什么是Web服务器? Web服务器,顾名思义就是提供 Web 服务的服务器,我们这里要做的,确切的说应该是服务器程序 为什么要写Web服务器? Just for fun享受动手的乐趣 看懂本文章需要哪些基础
  21. 滑向未来(现代 JavaScript 与 CSS 滚动实现指南) 一些(网站)滚动的效果是如此令人着迷但你却不知该如何实现,本文将为你揭开它们的神秘面纱。我们将基于最新的技术与规范为你介绍最新的 JavaScript 与 CSS 特性,(当你付诸实践时,)将使你的页面滚动更平滑、美观且性能更好。 大多数的网页的内容都
  22. 14行JavaScript教你使用WebAssembly 作为一种比较新的web技术,WebAssembly可能会对web开发带来巨大的影响。随着2月 MVP(Minimum Viable Product)版本 的发布,WebAssembly的基本特性开始稳定,本文通过一个简单的示例来演示如何在页面上调用一个...
  23. electron-vue邮件客户端总结 关于项目 这是我的毕业设计(2018),邮件客户端 包含收发邮件、通讯录、多账户登录、本地数据保存等功能 github:github.com/ooooevan/Vm… 使用的相关模块 用vue-cli构建electron-vue项目 用node-imap模块
  24. Angular 6 服务端渲染之 udao 终章 先介绍下小朋友 udao,首先是一个开源项目,代码足够简单,其次是跟随 Angular 大小版本一起成长的项目,会定期更新所有依赖包以及兼容最新版本的写法 Github 地址也贴出来好多次了:github.com/OrangeXC/ud… 本来行文目的只是新框
  25. JavaScript的高精度计算与JSON.parse的BIGINT 在JavaScript处理整数的时候会遇到某些特别奇怪的问题,比如后台给你返回了一个超长的数字,然后js在计算的时候突然发现计算不对,不是后面为0就是计算得不到想要的结果.这里涉及到一个很简单的知识 也就是NUMBER的安全整数. Number安全整数 Num
  26. 从零开始徒手撸一个vue的toast弹窗组件 相信普通的vue组件大家都会写,定义 -> 引入 -> 注册 -> 使用,行云流水,一气呵成,但是如果我们今天是要自定义一个弹窗组件呢? 首先,我们来分析一下弹窗组件的特性(需求): 0. 轻量 --一个组件小于 1Kib (实际打包完不到0
  27. 20180511 前端开发日报】苏宁 Nodejs 性能优化实战;Immutable 操作在 React 中的实践;前端应该了解的PWA;大型Angular项目最佳实践;你真的完全掌握了promise么?;CSS Grid VS Flexbox:实例比较;解密vue-router: 从源码开始;VeeValidate...详情→ ​​​

    20180511 前端开发日报
  28. 利用HTML注释的页面翻译解决方案 这是一个利用HTML注释的页面翻译解决方案。对于少量的静态页面,这种解决方案显得更简单。它没有依赖,压缩只有只有(~2kb)。 支持 IMG 文本 切换 支持 URL 加载语言
  29. 网上看到的“12个非常有用的JavaScript技巧” 记录一下,自己以后可能用的到。原文:blog.jscrambler.com/12-extremel…网上看到的。1) 使用!!将变量转换成布尔类型有时,我们需要检查一些变量是否存在,或者它是否具有有效值,从而将它们的值视为true。对于做这样的检查,你可以使

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

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

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