20170911 前端开发日报

用于前端的模板引擎;后端路由项目由 gulp 改为 webpack 的踩坑实录;我遇到的前端面试题2017;学习css3动画属性Transition;【JS】类型检测;纯前端实现人脸识别-提取-合成;GitHub 上 8 月份最火的开源项目;前端实现图片上传预览

  1. 用于前端的模板引擎 说起模板引擎,很多人会认为这是后台的东西(如PHP的Smarty、Java的Velocity),跟前端没有关系。然而,随着前端的逻辑变得越来越复杂,引入模板技术已经是非常必要了。 模板引擎的主要功能就是 把变化的数据融入到不变的模板中 ,并生成最终结果。目前,前端的主要数据格式无非是 XML 和 JSON 。 如果...
  2. 我遇到的前端面试题2017本文首发于我的博客:http://dunizb.com 前段时间找工作,经历了好几个公司的面试,得到一些信息,和大家分享: 大部分公司(创业公司)都趋向于招一个牛逼的前端而不是三四个平庸的前端 性能优化、ES6必问 招聘...
  3. #CSS3#【学习css3动画属性Transition】发现在线的css3手册中都没有提到这个属性。应该是写得不全吧,不过搜索百度的时候发现第一个位置的那个的确是有的。赞一个。下面进入学习的阶段。请戳→ #前端开发博客# ​​​
    学习css3动画属性Transition
  4. 【JS】类型检测 前言 js 中的类型检测也是很重要的一部分,所以说这篇文章我们就来讲一下怎么对 JavaScript 中的基本数据类型进行检测。其实这也是在读 Zepto 源码中学习到的,所以阅读源码对我们的提升还是很有帮助的。本文基于参考了前辈们的文章之后个人理解此文写的有不当的地方,请各位大佬指正。 其实常规方法主要有四种 ...
  5. 纯前端实现人脸识别-提取-合成 最近火爆朋友圈的军装照H5大家一定还记忆犹新,其原理是先提取出照片中的面部,然后与模板进行合成,官方的合成处理据说由天天P图提供技术支持,后端合成后返回给前端展示,形式很新颖效果也非常好,整个流程涉及的人脸识别和图像合成两项核心技术在前端都有对应的解决方案,因
  6. GitHub 上 8 月份最火的开源项目】今天我们将介绍 GitHub 上 8 月份最受欢迎的 10 个开源项目,在这些项目中,你有在用或用过哪些呢?详见 ​​​
    GitHub 上 8 月份最火的开源项目
  7. 前端实现图片上传预览 前端上传图片预览 此文将介绍两种方法来实现前端上传图片预览。 方法1:FileReader
  8. javascript腾讯面试题学习封装一个简易的异步队列 点击按钮的时候,用回调函数嵌套方式,这里我加入3个li,就已经快受不了了,这就是javascript著名的回调地狱,那么在这里,我用循环简化一下: 恩,确实简化了,但是这种面向过程的方式,耦合性太强,下面呢,我就把这个封装成一个通用队列 第一步:封装一个队列,
  9. 理解RESTful架构与json-server模拟REST api的基本使用 一、什么是RESTful架构? REST即Representational State Transfer的缩写,我们把他翻译为表述性状态传递,是Roy Fielding博士在2000年他的博士论文中提出来的一种软
  10. Jenkins实现前端项目自动化集成打包部署 前言 以前写前端项目打包部署,都是手动运行命令,打包完,然后压缩,再上传到服务器解压。 这种方式确实有点low并且效率也不高。 自从用了Jenkins持续集成工具,写前端项目越来越工程化,再也不用担心忘记部署项目,也不用烦躁每次打包 前言 以前写前端项目打包部署,都是手动运行命令,打包完,然后压缩,再上传到服务器解压。 这种方式确实有点low并且效率也不高。 自从用了Jenkins持续集成工具,写前端项目越来越工程化,再也不用担心忘记部署项目,也不用烦躁每次打包
  11. 说说VNode节点(Vue.js实现) 写在前面 因为对Vue.js很感兴趣,而且平时工作的技术栈也是Vue.js,这几个月花了些时间研究学习了一下Vue.js源码,并做了总结与输出。 文章的原地址: github.com/answershuto… 。 在学习过程中,为Vue加上了中文的注释 github.com/answershuto… ,希望可以对其他想学习Vue源码的小伙伴有...
  12. 我是如何实现React电子书阅读器的(二) 没想到吧,我胡汉三又回来啦! 还记得上次写这篇文章时我还没有毕业,现在已经踏出校门了,当时留下的小坑,现在是时候填上了。 上一个版本收到不(gen)少(ben)反(mei)馈(you),多数童鞋感觉挺好玩的,但体验不行,加载很慢、卡顿等等。于是我这次仅仅实现了
  13. 如何使用 Go 构建开发高负载 WebSocket 服务器 嗨,大家好! 我的名字是Sergey Kamardin,我是Mail.Ru的工程师。 介绍 首先介绍我们的故事的上下文,应该介绍几点我们为什么需要这个服务器。 Mail.Ru有很多有状态的系统。 用户电子邮件存储是其中之一。 跟踪系统中的状态变化和系统事件有几种方法。 这主要是通过定期系统轮询或关于其...
  14. 性能测试:前端性能优化方法 日常工作和生活中,我们经常利用浏览器去打开一些URL来获取我们所需的资源,那么作为一个开发者或者性能测试工程师,如何去测试并提升优化前端的性能呢? 一、浏览器打开URL和方式和过程 不同浏览器工作方式不完全一样,大体来讲,浏览器的核心是浏览器引擎;不同浏览器对W3C的规范支持...
  15. 使用 Vuex + Vue.js 构建单页应用【新篇】使用 Vuex + Vue.js 构建单页应用【新篇】 在去年的七月六号的时候,发布了一篇 使用 Vuex + Vue.js 构建单页应用 的文章,文章主要是介绍 vuex 的基本使用方法,发现对大部分的入门同学有很大的帮助,时至今日还...
  16. 使用 gka 加速 createjs 动画开发及图片优化 原文地址 CreateJS 是基于 HTML5 开发的一套模块化的库和工具,用于快捷地开发基于HTML5的游戏、动画和交互应用。 gka 为 createjs 开发定制模板 gka-tpl-createjs ,仅需一行命令,优化图片资源,生成雪碧图及 createjs 动画文件。欢迎 star : D https://github.com/gkajs/gka 使用 createjs 播放雪碧图动画 ...
  17. 理一理js中让人抓狂的this 其实一直都有用到this,但是平时也没有怎么去思考,所以有时候根本就不知道怎么去使用,有时候甚至是直接避开使用this,今天研究了一天,也看了不少的文章,做个简单的总结吧。 其实
  18. Javascripts数组原生方法集合 Javascripts数组原生方法集合
  19. 高性能迷你React框架anujs1.1.1发布 anujs1.1.1为了兼容国内最著名的UI库antd,在虚拟DOM树结构,ref机制,owner机制,svg的兼容上做了大量改进。到目前为止,只差两个组件没有兼容,相信下一个版本会搞定的。antd内部使用了大量的旧API与hack react的实现,因此兼容
  20. 当 JS 遇上物联网(IoT)》在近几年我们也惊喜的发现已经JS可以用来开发硬件设备。今天,就跟大家聊聊用JS进行简单物联网开发的心得与体会。 (by sinian Shang ) ​​​
    当 JS 遇上物联网(IoT)
  21. vue-meta-info: 基于Vue 2.0 的单页面 meta info 管理 基于Vue 2.0 的单页面 meta info 管理. <template> ... </template> <script> export 基于Vue 2.0 的单页面 meta info 管理. <template> ... </template> <script> export
  22. 带着问题来比较一下 2017 年的 Angular, React 和 Vue Angular vs. React vs. Vue: A 2017 comparison Deciding on a JavaScript framework for your web application can be overwhelming. Angular vs. React vs. Vue: A 2017 comparison Deciding on a JavaScript framework for your web application can be overwhelming.
  23. #CSS3#【文字链接平滑左右移动的效果】上一篇文章我们学习了css3中的动画,下面我们就讲最简单的一个效果,鼠标移动到文字连接时会出现向右平滑移动。例如:html代码 :<div class=test><a href=>test l...请戳→ #前端开发博客# ​​​
    文字链接平滑左右移动的效果
  24. #前端技术#【2017 年学习 React + Redux 的一些建议】详见: 使用 React + Redux 技术栈开发应用,已经有很长一段时间了。我的一些使用经验也许会有些主观,但我觉得写出来也许对你开始学习,或是进阶使用 React + Redux 会有些帮助。好文推荐! ​​​ 使用 React + Redux 这个技术栈开发应用已经有很长一段时间了,我的一些使用经验也许会有些主观,但我觉得写出来也许对你开始学习或是进阶使用 React + Redux 会有些帮助。Redux 并不是只和 React 结合使用的,它也可以和其他的很多类库结合起来一起使用,即使你还未开始深入使用,你也可以阅读文中的部分内容。同时,如...
    2017 年学习 React + Redux 的一些建议

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

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

原创文章:20170911 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20170911.html)