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

开启 HSTS 让浏览器强制跳转 HTTPS 访问；从 JavaScript 到 TypeScript – 声明类型；react-redux-router4-webpack2组成的大众点评的demo.；后台:nodejs + express 前台:vue + vuex 全栈项目源码分享；清除Css中select的下拉箭头样式；高性能迷你React框架anu发布；阿里、网易、滴滴共十次前端面试碰到的问题；饿了么基于 Vue 2.0 的通用组件库开发之路

开启 HSTS 让浏览器强制跳转 HTTPS 访问在网站全站HTTPS后，如果用户手动敲入网站的HTTP地址，或者从其它地方点击了网站的HTTP链接，通常依赖于服务端301/302跳转才能使用HTTPS服务。而第一次的HTTP请求就有可能被劫持，导致请求无法到达服务器，从而构成HTTPS降级劫持。这个问题目前可以通过HSTS(HTTP Strict Transport Security，RFC6797)来解决。 …
从 JavaScript 到 TypeScript – 声明类型从 JavaScript 语法改写为 TypeScript 语法，有两个关键点，一点是类成员变量(Field)需要声明，另一点是要为各种东西(变量、参数、函数/方法等)声明类型。而这两个点直接引出了两个关键性的问题，有哪些类型？怎…
react-redux-router4-webpack2组成的大众点评的demo.该demo使用的是webpack2.*来配置的,很多配置项都产生了变化,踩了不少坑.目前还在逐步完善中，webpack是一部一部配置来的。后端数据使用nodejs来开发模拟。GitHub项目地址。欢迎大家提问题。
后台:nodejs + express 前台:vue + vuex 全栈项目源码分享关于一直考虑写一个功能齐全的完整Nodejs项目，但苦于没有找到合适的类型，而且后台系统无法直观的感受到，需要有一个前台项目配合，因此迟迟没有动笔。恰好前一段时间开源了一个vue前端项目，便以此为契机构筑…
清除Css中select的下拉箭头样式清除Css中select的下拉箭头样式 {代码…}
高性能迷你React框架anu发布随着react的流行，针对其改良方案也逐渐增多起来。有的在体积上进行优化，有的在性能上进行优化，有的在两者上做努力。anu就是最后一种情况。 anu是我继avalon之后又一个新框架，解决移动端打包过大的问题而诞生…
阿里、网易、滴滴共十次前端面试碰到的问题前一段时间一直在不断地面试，无奈个人技术能力有限、项目经验缺乏，最终都没有进入到HR面试环节，全~~挂~~了~~ 面试了这么多，结果不是太好，有点儿受打击，也促使我近期静下心来反思自己的问题：哪些技术知识掌握的还不错，哪些还有待提高，哪些是需要去恶补的。阿里
饿了么基于 Vue 2.0 的通用组件库开发之路本文为2016年11月9日，『前端之巅』微信群在线分享活动总结整理而成，转载请在文章开头处注明来自『前端之巅』公众号。加群学习请关注『前端之巅』公众号并发送“加群”。 Element 是由饿了么UED设计、饿了么大前端开发的一套基于 Vue 2.0 的桌面端组件库。今天我们要分享的就是开发 Element 的一些心得。 …
用grunt搭建自动化的web前端开发环境-完整教程你没有理由不学、不用！jQuery在使用grunt，bootstrap在使用grunt，百度UEditor在使用grunt，第一步肯定是要安装Nodejs的啦，方法可以看我上篇的VUE里面有介绍第二步安装grunt-CLI “CLI”被翻译为“命令行”。要…
WebSocket + MSE：HTML5 直播技术解析作者 | 刘博（又拍云多媒体开发工程师）当前为了满足比较火热的移动 Web 端直播需求，一系列的 HTML5 直播技术迅速的发展起来。常见的可用于 HTML5 的直播技术有 HLS、WebSocket 与 WebRTC。今天我向大家介绍WebSocket 与 MSE 相关的技术要点，并在最后通过一个实例来展示具体用法。文章大纲 …
前端开发者指南（2017）参与者（排名不分先后）：blueken; brucecham; cfanlife; DDU1222; LittlePineapple; MatildaJin; MAYDAY1993; pobusama; yanyixin; zhouyao 关于译者：生于忧患，
【工程化】从0搭建VueJS移动端组件库开发框架之前发表过一篇《Vue-Donut——专用于构建Vue的UI组件库的开发框架》，仅仅是对框架一个粗略的介绍，并没有针对里面的实现方式进行详细说明。最近参与维护公司内部的一个针对移动端的UI组件库，该组件库缺乏文档和…
基于 vue2 构建和后台真实交互的管理系统不错 —— 由hainuo分享
WebSocket+MSE——HTML5 直播技术解析作者 | 刘博（又拍云多媒体开发工程师）当前为了满足比较火热的移动 Web 端直播需求，一系列的 HTML5 直播技术迅速的发展起来。常见的可用于 HTML5 的直播技术有 HLS、WebSocket 与 WebRTC。今天我向大家介绍We…
前端 Meetup | 和蚂蚁金服、腾讯自选股、GrowingIO、石墨团队一起聊最干的前端技术本周六限额 200 人，快来报名吧！ —— 由GrowingIO数据分析分享
CSS进阶——绝对定位元素的宽高是如何定义的先抛两个小问题：绝对定位相对于谁来定位？大多数人都知道是相对于最近的position设置为relative/absolute/fixed的父元素来定位。那如果所有父元素的position都没有设置上面三个值，那又是相对谁来定位呢？包含块是什么？初始包含块
动态图表插件 morrisjs 的使用 1、head 调用 js &…
Javascript Clone 数据的深浅拷贝对象的 Clone 在 Javascript 中的应用场景还是不少的，尤其是在编写框架或者库的时候，多多少少都会接触到. 刚写到这里，可能有人会问我，既然 Object.create 和 Object.assign 都可以 “拷贝” 一个对象，那么为什么不用原生的方法，还需要自己重新实现一个. 看官不着急，可以耐心读完原文. —— 由YiJun分享
RxJS 简介：可观察对象、观察者与操作符原文地址：RxJS: Observables, observers and operators introduction 原文作者：Todd 译文出自：掘金翻译计划译者：lsvih 校对者：sunui,GangsterHyj RxJS 简介：可观察对象、
nile.js 原理分析 – 基于 DHT 的 Scalable 的 p2p 实时视频直播今天看到这个项目的时候还是挺兴奋的，一直以来都想尝试基于分布式哈希表的支持大量 peer 的直播流。不过随着了解深入，发现它只是简单的将本地视频录下来之后使用 webtorrent 下载传输下去。作者解释是由于 webtorrent 本身的限制，理论上是应该直接使用流的方式实现的。 —— 由黄祺pinqy分享
介绍一下 shadow-cljs 的使用和体验 (ClojureScript 编译工具) shadow-cljs 是一个新的 ClojureScript 编译工具, 通过 npm 安装, 方便 JavaScript 上手, 不需要了解多少 JVM 的知识. —— 由题叶分享
#前端开发那些事#【Vue 2.0 基础与实例】详见：Vue2.0（一，vue实例）一篇关于 Vue 2.0 基础与实例分享的文章，供 Vue 新手参考与学习。（作者：范小饭_）
不一样的 vue 实战 (3): 布局与组件首先首发博客: 我的博客项目源码: 源码(喜欢请star) 项目预览: 预览上一章: 《学习不一样的vue(2)实战:项目分析》我的Q群: meteor高手群 vue学习交流群首先：讲一句抱歉,周末俗事缠身,无力更博，只有今日发了。而且写首先首发博客: 我的博客项目源码: 源码(喜欢请star) 项目预览: 预览上一章: 《学习不一样的vue(2)实战:项目分析》我的Q群: meteor高手群 vue学习交流群首先：讲一句抱歉,周末俗事缠身,无力更博，只有今日发了。而且写
JS 组件系列——自己动手封装 bootstrap-treegrid 组件前言：最近产品需要设计一套相对完整的组织架构的解决方案，由于组织架构涉及到层级关系，在表格里面展示层级关系，自然就要用到所谓的 treegrid。 —— 由极乐君分享
开发 webpack mock server 插件对于前后端开发的项目，大部分的情况是先约定好接口格式，前端使用本地 mock 数据进行开发，开发后使用后端接口联调。webpack-dev-server 提供了 proxy 配置，我们可以在开发中将接口代理到本地服务，但不能直接代理到 json 文件。本文介绍开发一个 mock server 的插件来解决上述问题。 —— 由Marx分享
深入解读 HTTP/2 特性从二进制分帧、多路复用、服务器推送、头部压缩 4 个方面，全面解读 HTTP/2 的特性 —— 由云叔分享