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

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

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