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

Node.js, Express.js 搭建 HTTP/2 服务器；js中的this总结；vue2 图片选择组件，支持多选和拖放；JavaScript 需要检查变量类型吗；实现一个前端模板引擎；实现一个简单但有趣的 AR 效果（Web）；移动端Vue.js图片预览插件；HTTP状态码: 301/302/303/307

Node.js, Express.js 搭建 HTTP/2 服务器原文：Easy HTTP/2 Server with Node.js and Express.js作者：Azat Mardan代码：http2-express 什么是 HTTP/2 现代互联网的 TCP/IP 协议发布于1975年，这项技术在41年前是多么令人惊讶。自它发布开始大部分形式，…
js中的this总结关于this的指向问题算的上是js中的一个十分重要的问题了。今天把这个问题总结下，加深下自己对this的理解。首先，this的指向问题可以用一句话总结就是：this总是指向调用的对象，也就是说this指向谁与函数声明的…
vue2 图片选择组件，支持多选和拖放https://github.com/bigggge/vu… vue-image-uploader Vue2 图片选择上传组件,支持多选和拖放 DEMO Props 参数类型说明默认值 maxSize Number 单张图片最大大小 3072 placeholder String 占位文字点击上传图…
JavaScript 需要检查变量类型吗javascript作为一门动态类型语言，具有很高的动态灵活性，当定义函数时，传入的参数可以是任意类型。但我们在实际编写函数逻辑时默认是对参数有一定要求的。这也容易导致预期参数与实际参数不符的情况，从而导致b…
实现一个前端模板引擎实现一个前端模板引擎 —— 由Away0x分享
实现一个简单但有趣的 AR 效果（Web）增强现实（Augmented Reality，简称 AR）：是一种实时地计算摄影机影像的位置及角度并加上相应图像、视频、3D 模型的技术，这种技术的目标是在屏幕上把虚拟世界套在现实世界并进行互动。 —— 由凹凸实验室分享
移动端Vue.js图片预览插件vue-picture-preview 移动端Vue.js图片预览插件 | Mobile-friendly picture file preview Vue.js plugin with horizontal nav and bottom title. 安装 npm {代码…} 使用首先在项目的入口文件中引入, 调用 Vue….
HTTP状态码: 301/302/303/307对于301、302的location中包含的重定向url，如果请求method不是GET或者HEAD，那么浏览器是禁止自动重定向的，除非得到用户的确认，因为POST、PUT等请求是非冥等的（也就是再次请求时服务器的资源可能已经发生了变…
Angular 4.x 自定义表单控件当我们打算自定义表单控件前，我们应该先考虑一下以下问题：是否已经有相同语义的 native (本机) 元素？如：<input type="number"> 如果有，我们就应该考虑能否依赖该元素，仅使用 CSS 或渐进增强的方
vue-devtools 必备开发工具作者混元霹雳手-Ziksang 最近在研究vue单页面应用，一步一步用上全家桶，开发避免不了的就是调试工具，因为vue是进行数据驱动的，单从chrome里面进行element查看，查不到什么鸟东西，必须要进行对数据动向进行关查，那我就行一步一步教大安装 1.
GitHub 风格的 Markdown 正式规范发布很庆幸，我们当初选择 Markdown 作为用户在 GitHub 上托管内容的标记语言，它为用户提供了强大且直接的方式（不管是技术的还是非技术的）来编写可以很好的渲染成 HTML 的纯文本文档。然而，其最主要的限制，就是缺乏在最模糊的语言细节上的标准。比如，使用多少个空格来进行行缩进、两个不同元素之间需要使用多…
在 Node.js 中引入模块：你所需要知道的一切都在这里本文作者：Jacob Beltran 编译：胡子大哈翻译原文：http://huziketang.com/blog/posts/detail?postId=58eaf471a58c240ae35bb8e3 英文连接：Requiring modules in Node.js: Everything you need to know Node 中…
超越浏览器：从 web 应用到桌面应用本文将会介绍使用 NW.js 和 Electron 开发桌面应用，包括它们的优劣，以及如何使用同一套代码库来开发桌面、web 应用，甚至更多。感谢 @bambooom 以及 @imink 联合翻译，同时感谢 @sqrthree @sunui 参与校对 —— 由PatrickWang分享
关于 CSS 的零碎知识点写在前面：这篇文章是本人学习过程中遇到css的零碎知识点2（就是以前自己不知道的），我都记下来了，需要的朋友可以过来参考下，喜欢的可以点个赞，希望对大家有所帮助。本文的受众是前端小白，大手子可以跳过。 1.scss编译css文件使用中文注释出现乱码：在文
Slack 的 TypeScript 之路摘要：大规模JavaScript代码库并不是一件容易的事情——当我们在Node.js中将对象从Chrome的JavaScript传送到Objective-C中的时候，我们必须确保每一个对象都能够匹配。在桌面应用领域，一个微小的错误都有可能导致整个程序崩溃。为了解决这个问题，我们使用了TypeScript，之后我们立刻就爱上了它，它让我们不再需要担心，…
React Native 性能之谜在PhoneGap、RubyMotion、Xamarin、Ionic一众跨平台开发工具中，React Native能够杀出一条血路，获得目前这么大的影响力，除了React社区生态圈的加持和Facebook的大力推广以外，另外一个最主要的原因就是其在开发效率和应用性能方面取得了一个比较好的平衡：开发效率通过JS工程实践，逻辑跨平台复用得到极…
Angular Material 之 Get Started 一、安装 Angular Material 在 Angualr 项目根目录下执行如下命令： npm install –save @angular/material安装完成后有如下提示：install angular material 二、安装 Aniamt
Google IO 2017 前端值得关注的议题 2017 年的 Google IO 大会还有一个月要开始了，时间定在了美国时间 5 月 17 日。除了值得关注的 keynote 外，这次分享还有 Google 业务线上的工程师带来几天的技术分享，从 web 性能，PWA 以及 Web VR 等领域技术一线工程师的议题分享 —— 由蒲小花分享
走进网页虚拟现实 WebVR 最近几年，虚拟现实VR的概念火了一把，各种VR概念的游戏、设备、视频受到人们的广泛关注。笔者在逛商场的时候也经常会看到有VR设备体验的地方让游人体验一把，各种酷炫的头盔和酷炫的设备着实抓人眼球。但是作为一个前端工作者，我们肯定也希望在我们的网页里也能看到这么酷
ES6 Async/Await 完爆 Promise 的 6 个原因自从Node的7.6版本，已经默认支持async/await特性了。如果你还没有使用过他，或者对他的用法不太了解，这篇文章会告诉你为什么这个特性“不容错过”。本文辅以大量实例，相信你能很轻松的看懂，并了解Javascript处理异步的一大杀器。文章灵感和内容
团队开发Git分支管理策略开发生涯的前三年都是使用 svn，回首放佛如前世。自从用了 git ，整个人都神经了。下面的内容肯定不是什么教你如何用git提交代码，合并分支之类的。现在本人要从写术的层面提升一下自己文章的品质到道的层面。 …
Javascript OOP — 深入理解函数写在前面 : 写这篇文章计划想了很久，终于付诸行动。一直不知道该从哪里写，或许文章有错误的地方，如果您发现了文章的错误，请指正！谢谢！好句欣赏:人生为棋，我愿为卒行动虽慢可谁曾见我退后一步? 深入函数与…
#前端头条#【如何做好前端重构？】前端重构就是通过将psd转化为html+css+js的过程，好的前端重构是要不仅写出100%还原设计稿，还要考虑到前端性能，代码可维护，向上兼容，用户体验等。 #前端开发博客#
【Angular2+进阶开发实战】广发证券一直是Angular1/2+忠实践行者，将Angular全面应用在金融行业，并支撑着千亿级电商平台。GMTC北京2017上，广发证券资深全栈工程师李仲辉将分享他们在Angular使用过程中遇到的一些坑点，以及使用到的一些性能优化方案与场景分析
探索 Redux 的最佳实践前端的发展日新月异，React Native/Weex / 微信小程序等技术方案进一步扩展了前端技术的应用范围。在金钥匙项目中，我们相继推出了小程序版金钥匙有问必答服务，同时采用 React Native 替代 Ioinc，重构金钥匙项目客户端。如何在前端项目中优雅地管理应用中的数据状态？我们在开发过程中进行了深入的思考，选择了 Redux …
前端周刊第 51 期：1000 个包的男人 + Vue.js + React Native + 奇技淫巧 Node.js 社区最高产的工程师 Sindre Sorhus 本周发布了他的第 1000 个 npm 包，详见这里，据 npm 官方统计，全网的 npm 包下载量中有 12% 都跟 Sindre Sorhus 有关。看到这个，你作何感想？另外，部分精彩的文章
《解决https证书验证不通过的问题》本文对于https证书验证不通过的问题给出了解决方式。（by WhyWin）