20180505 前端开发日报

renren-fast-Vue 1.2.0 发布,一套更优的前端解决方案;如果把编程语言比做女人,那JavaScript则是……;纯前端实现可传图可字幕台词定制的GIF表情生成器;JavaScript学习笔记:动态集合;Webview唠唠嗑;前端工作流客户端 LegoFlow 2.0 开源;nginx+varnish+angular universal实现服务端页面渲染缓存;快应用开发框架vue-hap-tools实现原理

  1. renren-fast-vue 1.2.0 发布,一套更优的前端解决方案 renren-fast-vue renren-fast-vue基于vue、element-ui构建开发,实现 renren-fast 后台管理前端功能,提供一套更优的前端解决方案 前后端分离,通过token进行数据交互,可独立部署 主题定制,通过scss变量统一一站式定制 动态菜单,通过菜单管理统一管理访问路由 数据切换,通过mock配置对...
  2. 如果把编程语言比做女人,那JavaScript则是...... 如果把编程语言比做女人,那么PHP就是你的豆蔻年华时幻想的心上人,但不要妄图追求,因为她自身有着严重的疾病。而Perl 是PHP的姐姐,你对她可能非常陌生,但在90年代,她是相当受欢迎的,她跟Ruby一样,出生时十分可爱漂亮,但是她成长的有些慢。 Python 是Ruby的一个更懂事的姐姐,她优雅,新潮,成熟,十分优秀...
  3. 纯前端实现可传图可字幕台词定制的GIF表情生成器 这篇文章发布于 2018年05月4日,星期五,00:00,归类于Canvas相关,js实例。 阅读 62 次, 今日 62 次 byzhangxinxu from http://www.zhangxinxu.com/wordpress/?p=7539 本文可全文转载,但需要保留原作者和出处。 一、这两天做了个可传图可写台词GIF生成器 这两天晚上在家做了个可以自己传图,可以自己写台词...
  4. JavaScript学习笔记:动态集合 DOM是JavaScript中重要部分之一,在DOM中有一个 动态集合 。这个动态集合包含节点的集合( NodeList )、元素属性的集合( NamedNodeMap )和HTML元素的集合( HTMLCollection )。这三个对象都是类数组( Array-like ),具有像数组一样的特性。更为重要的是,它们都是动态的,是有 有生命有呼吸的对象 ,会实时更新查...
  5. Webview唠唠嗑 遇到实习回来的小姐姐,第一次听说了webview,当时不明觉厉,但现在仍然觉得很厉害哒。自认为一定程度上大势所趋,原因如下: 优势 迭代更新更加友好便捷。对于企业来说,使用webview,只需要写一个页面,不用费劲地去分别开发和维护Android端 、ios端,遇到一些模块的需求大改动,只需要更新页面,不...
  6. 前端工作流客户端 LegoFlow 2.0 开源 LegoFlow 2 更轻、更强、开箱即用的 前端工作流客户端 功能 Webpack 4x 的 JS 模块编译,支持各类模块规范 Babel 7 ES.NEXT JS 编译 Vue.js 2.x 开发环境 Sass 编译 Autoprefixer 自动补全 移动端 rem 适配方案 生成图片信息,智能图片压...
  7. nginx+varnish+angular universal实现服务端页面渲染缓存 项目使用angular universal实现服务端渲染,为了减轻服务器的压力,需要将用户频繁访问的页面进行缓存,这样就不必每次都去渲染相同的页面(例如首页),angular universal在features中有提到考虑加入缓存,但就目前来说,varnis
  8. 用 ES6 写全屏滚动插件这篇文章将介绍如何使用原生 JS (主要使用 ES6 语法)实现全屏滚动插件,兼容 IE 10+、手机触屏,Mac 触摸板优化,支持自定义页面动画,压缩后 gzip 文件只有 2.15KB。完整源码在这 pure_full_page,点这查看 de...
  9. JavaScript 工作原理:引擎、运行时、调用堆栈 原文请查阅这里 这是 JavaScript 工作原理的第一章。本章会对语言引擎,运行时,调用栈做一个概述。 随着 JavaScript 越来越流行,团队也利用其在他们诸如前端,后端,混合 apps,嵌入设备以及更多设备等开发栈中的不同层面的支持。 本章系列的第一章,本系列旨在深入 JavaScript 并理解它是如...
  10. JS实时通信三把斧系列之二: socket.io 介绍完上一篇文章websocket,我们把视线转移到第二个RTC利器:socket.io。估计有童鞋就会问,websocket和socket.io有啥区别啊? 在了解socket.io之前,我们先聊聊websocket(长连接)的实现背景。
  11. 首个使用 Weex 和 Vue 开发的 Hacker News 原生应用 首个使用 Weex 和 Vue 开发的 Hacker News 原生应用。 预览 用 Weex Playground App 扫描下方二维码即可。 项目使用的 Hacker News A
  12. 【图片版】CSS网格布局(Grid)完全教程简言 CSS网格布局(Grid)是一套二维的页面布局系统,它的出现将完全颠覆页面布局的传统方式。传统的CSS页面布局 一直不够理想。包括table布局、浮动、定位及内联块等方式,从本质上都是Hack的方式,并且遗漏了一...
  13. ES6学习笔记之Set和Map Set 基本用法 ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。 Set 本身是一个构造函数,用来生成 Set 数据结构。 const setArr = new Set(); .fo
  14. 20180504 前端开发日报】如何在疲劳的JS世界中持续学习;JavaScript 正则表达式进阶指南;CSS网格布局(Grid)完全教程;JavaScript 是如何工作的:Service Workers, 它们的生命周期和使用案例;CSS Grid重构Medium的文章布局;Graph 数据可视...详情→ ​​​

    20180504 前端开发日报
  15. 开源一个基于es6的dialog控件 在项目开发的过程中,团队拥有一个自己的组件库是很必要的。无论是UI组件还是其他的一些功能组件,积累越丰富,更新越活跃,对快速开发的帮助越大。在团队早期的项目开发中,由于前端组成立的较晚,各种积累也是不够,只能慢慢积累。比如本文介绍的easy-dialog,早期
  16. [翻译] Google的javascript风格指南中值得注意的13点 写在文章前 这篇文章翻译自13 Noteworthy Points from Google’s JavaScript Style Guide . 如果觉得风格指南的完整版太长的话,这篇文章提取出来了比较值得注意的几点,比如说tab vs space这种堪比咸甜
  17. Vue国际化处理 vue-i18n 以及项目自动切换中英文 0. 直接上 预览链接 Vue国际化处理 vue-i18n 以及项目自动切换中英文 1. 环境搭建 命令进入项目目录,执行以下命令安装vue 国际化插件vue-i18n npm install vue-i18n --save 2. 项目增加国际
  18. RxJS v5.x to v6 Update Guide RxJS v6 已发布啦,变化真不少。。。
  19. JavaScript中依赖注入详细解析 ​​​ 计算机编程的世界其实就是一个将简单的部分不断抽象,并将这些抽象组织起来的过程。JavaScript也不例外,在我们使用JavaScript编写应用时,我们是不是都会使用到别人编写的代码,例如一些著名的开源库或者框架。随着我们项目的增长,我们需要依赖的模块变得越来越多,这个时候,如何有效的组织这些模块就成了一个非常重...

    JavaScript中依赖注入详细解析
  20. JavaScript BigInt 尝鲜 JavaScript 所有数字内部都是 Double64 类型,所以数值的精度最多只能到 53 个二进制位,大于这个范围的整数是无法精确表示的。 在很多金融场景如果使用 JS 的话就得使用一些 BigNumber 库。其中以太坊 web3.js 使用的是最为

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原文:20180505 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20180505.html)