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

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