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

一步步带你做vue后台管理框架(三)——登录功能；为处理升级过程的问题 Angular 5 将会推迟发布；60 行 JS 代码搞定一个下拉刷新组件；Rem自适应js-优化flexible.js；Vue 2.0学习笔记：v-if 和 v-show；JavaScriptCore 开发相关 – 目录；CoffeeScript 2.0.0 正式发布，编译成 JS 的小巧语言；Emscripten教程之优化你的代码

一步步带你做vue后台管理框架(三)——登录功能
为处理升级过程的问题 Angular 5 将会推迟发布开发团队目前公布的 Angular 5 发布日期是 10 月 23 日，该版本的重点是构建渐进式的 Web 应用程序 (Progressive Web Apps)。 Angular 5 是由谷歌开发的流行 JavaScript 框架的下一个版本，原本计划在九月推出。但现在官方宣布需要推迟发布日期，将于 10 月 23 日发布，因为开发团队需要更多的时间来处理升…
60 行 JS 代码搞定一个下拉刷新组件这里特指移动端，原因如下：相较于点击右上角刷新按钮（还有可能要点两次，第一次先展开 menu bar，然后才能看到 refresh 按钮），直接了当地下拉刷新无疑提供了更好的用户体验点击刷新按钮同步重载页面必然存在一定白屏时间，而通过下拉刷新的逻辑完全可以对于页面内容进行异步更新，其体验毫无疑问…
#rem#【Rem自适应js-优化flexible.js】rem自适应js代码，根据淘宝的flexible库优化而来的，使用计算方式上比原来的更加方便，添加这段代码在页面中，你就能愉快的使用rem实现自适应了。 #前端开发博客#
Vue 2.0学习笔记：v-if 和 v-show 在Vue中，我们可以使用 v-if 和 v-show 来控制元素或模板的渲染。而 v-if 和 v-show 也属于Vue的内部常用的指令。这里所说的指令就是 directive ，指特殊的带有前缀 v- 的命令，指令的值限定为绑定表达式，指令的职责是当表达式的值改变时把某些特殊的行为应用到DOM上。 Vue中的内部指令有很多种，今天我们先学习其…
JavaScriptCore 开发相关 – 目录
CoffeeScript 2.0.0 正式发布，编译成 JS 的小巧语言在经过 5 个测试版后，CoffeeScript 2.0.0 正式发布了。从 CoffeeScript 1.x 到 2 的变化不多，大部分项目都能顺利升级。CoffeeScript 2 最大的变化是，CoffeeScript 编译器会生成现代 JavaScript 语法（ ES6 或 ES2015 及以上版本）。一个 CoffeeScript =>会变成一个 JS => ，一个 CoffeeScript 类会变成…
Emscripten教程之优化你的代码作者：云荒杯倾译文地址原文地址通常来说，你只要编译并运行你的代码，并不需要优化。一旦你能保证代码运行正确，你就可以使用本文提到的技术让你的代码加载和运行的更快。 1、怎么优化代码在使用emcc时，通过…
【Web开发中的<自定义>】自定义元素(Custom Elements)是一种更加灵活的HTML特性，可以使用它定义新的HTML元素。目前是chrome和opera所支持的一个特性。借助自定义元素，
在Vue中使用高德地图API 最近项目中有使用到高德地图，搜了下发现饿了么的 vue-amap 比较知名。不过实际安装使用中发现还是有很多问题的，并不友好。不但要学习 amap 的文档，也还要学习原生高德API文档，还不如直接使用原生来的方便。而这篇教程的目的就是，怎么在vue中使用高德地图API DEMO：vue-gaode.rxshc.com G…
【翻译】19种JS高（炫）效（技）缩写法原文:19+ JavaScript Shorthand Coding Techniques 1 使用三目运算符使用三目运算符，可以更简洁地把if else写成一行 {代码…} {代码…} 2 短路求值当你把一个变量的值赋给另一个变量，如果你要求原变量不能…
W3C正式将DRM保护纳入HTML5建议标准不顾近30%的成员反对，W3C（万维网联盟）正式宣布将加密媒体扩展（EME）即集成DRM数字版权保护的API纳入HTML5建议标准。EME由谷歌、微软以及Netflix（在线流媒体服务）联合开发，其提供了一系列API，允许内容供应商在基于HTML5的媒体播放器中集成DRM。在DMCA版权法的保护下，绕开DRM是违法行为。自由软件基金会…
#开源项目#【用于制作拖拽组件的 React 库：React Beautiful DnD】详见：这是由 Atlassian 开源的用于制作拖拽组件的 React 库。它提供了强大、易用的 API，以及丰富的定制选项和控件。它所生成的组件，也具备了平滑的 GPU 动画效果。
#CSS3#【超赞的CSS3动画下拉菜单】今天分享几个最近看到的比较实用的CSS3带动画的下拉菜单效果，实现出来的效果跟使用jQuery的slideDown和fadeIn有得一比，效果非常赞，本人推荐各位以后可以使用下面的几种效果，一定会…请戳→ #前端开发博客#
Babel初体验现在es6很流行，尽管各大浏览器都还不能支持它的新特性，但是小伙伴们还是很中意它呀，于是小小的学习的一下 Babel 这里我们不介绍es6相关内容，只是说下入坑前奏，记录下如何使用babel来对es6进行转码~ 1.准备一个项目（文件夹）进入到你的项目根目录下，使用下面命令初始化生成一个package.json文件 npm …
《Angular 5 将会推迟发布，因升级过程的问题》
Web 应用程序中 Resource Bundle 技术概述背景概述世界经济日益全球化的同时，一个应用程序需要在全球范围内使用势在必然。传统的程序设计方法将可翻译信息如菜单按钮的标签，提示信息，帮助文档等文字信息硬编码在程序代码中，不能很好的适应全球化发展，程序的扩展性差，维护成本高。一个能支持全球化的应用程序，必须实现单一可执行的程序，动态地使用资源…