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

学习webpack前的准备工作；webpack+vue项目实战（三，配置功能操作页和组件的按需加载）；webpack+vue项目实战（四，前端与后端的数据交互和前端展示数据）；Lavas: 百度开发的基于 Vue 的 PWA 解决方案；BetterScroll: 一个基于 Webpack 的移动端滚动的解决方案；12个必备的JavaScript装逼技巧；我写了一个叫vue-manager的管理后台；美图 HTTPS 优化探索与实践

学习webpack前的准备工作前言由于vue和react的流行，webpack这个模块化打包工具也已经成为热门。作为前端工程师这个需要不断更新自己技术库的职业，真的需要潜下心来学习一下。准备工作（针对mac用户）安装 homebrew {代码…} 安装no…
webpack+vue项目实战（三，配置功能操作页和组件的按需加载）1.前言上篇文章（webpack+vue项目实战（二，开发管理系统主页面）），实现了，侧边栏的一个操作，点击侧边栏的一些操作，最重要的就是路由的切换。看了上一篇的伙伴也不难发现，除了点击侧边栏‘首页’之外，点击…
webpack+vue项目实战（四，前端与后端的数据交互和前端展示数据）1.前言今天要做的，就是在上一篇文章的基础上，进行功能页面的开发。简单点说呢，就是与后端的数据交互和怎么把数据展示出来，用到的资源主要是element-ui和vue-resource，其它参考（vue-resource插件使用）。今…
Lavas: 百度开发的基于 Vue 的 PWA 解决方案基于 Vue 的 PWA 解决方案，帮助开发者快速搭建 PWA 应用，解决接入 PWA 的各种问题 —— 由tianyu分享
BetterScroll: 一个基于 Webpack 的移动端滚动的解决方案类似于 iscroll，在 GitHub 上开源。 —— 由tianyu分享
12个必备的JavaScript装逼技巧 javascript —— 由Fundebug分享
我写了一个叫vue-manager的管理后台这是我在学完Vue后写的个人项目(也是我的第二个个人项目), 在此分享给大家学习使用。这是一个以Vue2.0为框架，结合 iView 和 ECharts 的后台组件，可以说是在 iView 基础上的进一步组件化。默认的主题沿用vue的…
美图 HTTPS 优化探索与实践 HTTPS 是互联网安全的基础之一，然而引入 HTTPS 却会带来性能上的损耗。本文作者深入解析了 HTTPS 协议优化的各个方面，对实战很有帮助。 2012 年斯诺登（Edward Snowden）爆出棱镜门事件后，互联网安全问题日益得到大家的重视。去年 Apple 宣布 2017 年 1 月 1 日之前实现所有的 App 能够安全地接入服务器，…
#AMD#【浅谈模块化的JavaScript】模块化JavaScript之风早已席卷而来，CommonJS、AMD、NodeJS、RequireJS、SeaJS、curljs 等模块化的JavaScript概念及库扑面而来，不得不承认，对于前端JavaScript代码的组织编写是一次伟…请戳→ #前端开发博客#
利用github和jekyll搭建免费的个人Blog 利用Github和Jekyll来搭建开源项目的展示页面是一个非常不错的方案，除此之外，还可以利用这一组合来搭建属于你自己的免费写作空间。这个系列的文章完整演示了从0开始搭建一个免费展示空间的全过程，不要求你有任何前置知识，保证文科生都能看懂并上手，码农就更加没有问题啦！ —— 由大漠穷秋分享利用Github和Jekyll来搭建开源项目的展示页面是一个非常不错的方案，除此之外，还可以利用这一组合来搭建属于你自己的免费写作空间。这个系列的文章完整演示了从0开始搭建一个免费展示空间的全过程，不要求你有任何前置知识，保证文科生都能看懂并上手，码农就更加没有问题啦！ —— 由大漠穷秋分享
老鸟学Javascript – 第二弹原文：http://h01mes.com/veteran-new… string 和 array 在javascript定义里，字符串（string）不可修改类型，而数组（array）则是可修改类型。 {代码…} 结果是： {代码…} 顺带一提，字符串用 “”, ”, 或者…
为什么我们喜爱，使用和支持Vue.js – 众成翻译 @Damian Dulisz :让我告诉你一个关于Vue的故事。不仅仅是从Vue开发者的角度。我也会尝试着解释在Monterail中使用它的很多原因。你将会发现采用它对开发者和产品所有者来说都是一个很棒的决定。我将会告诉你我们如何拥抱Vue社区以及如何通过组织第一次国际Vue大会对其历史作出重大贡献。原文地址： https://www.monterai…
vuejs 中父组件修改子组件的方法在主组件中有个子组件 notice-add就是子组件及其data、methods，在主组件中要修改子组件的dialogFormVisible值，只需在上加一个ref属性即可，然后this.$…
前端周刊第62期：学习学习再学习共 2462 字，读完需 4 分钟。腾讯前端技术大会（TFC）和全球技术领导力峰会（GTLC）都于上周闭幕，我翻看了下讲稿，有价值的参考还是不少。不过本周的重点推荐推荐还是 Coursera 上的《Learning How to Learn》课程，只有真正学会
Lavas: @百度开发的基于 Vue 的 PWA 解决方案 – 基于 Vue 的 PWA 解决方案，帮助开发者快速搭建 PWA 应用，解决接入 PWA 的各种问题基于 Vue 的 PWA 解决方案，帮助开发者快速搭建 PWA 应用，解决接入 PWA 的各种问题 —— 由tianyu分享
Netty使用JSSE实现SSLSocket通信上文讲了netty如何使用openssl生成的签名证书进行加密通信，结果客户端告诉我他们用的netty版本没有SslContextBuilder类，并且由于一些PY交易的原因还不能更新netty…. SslContextBuilder没有java你总有吧，来吧…
JavaScript专题之类型判断(下) JavaScript专题系列第五篇，讲解更加复杂的类型判断，比如 plainObject、空对象、类数组对象、Window对象、DOM 元素等前言在上篇《JavaScript专题之类型判断(上)》中，我们抄袭 jQuery 写了一个 type 函数，可以
#CSS#【CSS计数器counter-reset/counter-increment】CSS计数器属性能够让你更自由的控制列表的编号展示形式，不再像以前那样只是使用list-style-type:decimal来简单的显示列表的序号，还可以实现2级序号，3级序号等。让…请戳→ #前端开发博客#
使用HttpClient模拟并发请求 – 压力测试POM文件引入httpclient {代码…} http 请求工具 {代码…} 异步执行HTTP请求和并发测试demo {代码…}
Nuxt.js 小试牛刀探索SSR服务端渲染，从 Nuxt 下手。文章介绍了主要模块，原理，踩过的坑。 —— 由MapleShaw分享探索SSR服务端渲染，从 Nuxt 下手。文章介绍了主要模块，原理，踩过的坑。 —— 由MapleShaw分享
翻译 | 开始使用 TypeScript 和 React 原文地址：Getting started with TypeScript and React 原文作者：Jack_Franklin 译者：luxj 校对者：veizz Tom Dale 和其他人有一些关于 TypeScript 比较好的博文，跟随这些博原文地址：Getting started with TypeScript and React 原文作者：Jack_Franklin 译者：luxj 校对者：veizz Tom Dale 和其他人有一些关于 TypeScript 比较好的博文，跟随这些博
从 React 绑定 this，看 JS 语言发展和框架设计在 javascript 语言中，关于 this 这个关键字的行为一直以来困扰着一代又一代初级开发者。同时 this，也充分反应了 javascript 的诡异与灵活。但是请别误会，这篇文章并不会对 this 的特征进行全方位讲解，因为这些内容都可以在各种前
VueConf 2017视频 Part1 VueConf 2017视频, youtube 链接 —— 由Traveller分享