20170504 前端开发日报

前端技术实现一个脸萌；Prepack：Facebook 出品的 JS 代码优化工具；利用css3的animate实现点点点loading动画效果（二）；HTTP读书笔记——了解Web及网络基础；ECMAScript6系列之二：变量的解构赋值；jquery图片预加载插件；项目什么时候需要 React 框架呢？；canvas 实现随机验证码

1. 前端技术实现一个脸萌 之前因为工作需要，用前端代码做了一个类似脸萌的前端页面，打包成小程序给 app 端调用。做之前顾虑这顾虑那，实现出来后，感觉还可以，写篇文章记录下~写文章的目的主要还是记录下思路和一些知识点。记忆能力差的人还是多记录点东西好一些。 faceQ 利益关系，这里这讨论技术上的东西，不放任…
2. Prepack：Facebook 出品的 JS 代码优化工具 Prepack is a partial evaluator for JavaScript. Prepack rewrites a JavaScript bundle, resulting in JavaScript code that executes more efficiently. For initialization-heavy code, Prepack works best in an environment where JavaScript parsing is effectively cached. See the official prepa…
3. 利用css3的animate实现点点点loading动画效果（二）box-shadow实现的打点效果 简介 box-shadow理论上可以生成任意的图形效果，当然也就可以实现点点点的loading效果了。 实现原理 html代码，首先需要写如下html代码以及class类名： {代码…} css代码 {代码…} 这…
4. HTTP读书笔记——了解Web及网络基础使用HTTP协议访问Web 在浏览器地址栏内输入URL之后，信息会被发送往某处，然后从某处获得回复，内容就会显示在Web页面上。像这种通过发送请求获取服务器资源的Web浏览器，都可称为客户端。（client） Web使用一种…
5. ECMAScript6系列之二：变量的解构赋值一、数组的解构赋值 1.基本用法：——模式匹配：只要等号两边的模式相同，左边的变量就会被赋予对应的值；——如果解构不成功变量的值就等于undefined；——不完全解构：等号左边的模式只匹配一部分等号右边的数组，这…
6. jquery图片预加载插件更多资源请Star：https://github.com/maidishike… 图片预加载插件 网站开发时经常需要在某个页面需要实现对大量图片的浏览，就会出现网页假死的现象，所以为了让图片在转换的时候不出现等待，我们最好是先让图…
7. 项目什么时候需要 React 框架呢？ 原文地址：When Does a Project Need React? 原文作者：CHRIS COYIER 译文出自：掘金翻译计划 译者：龙骑将杨影枫 校对者：Guangyuan (Charlie) Yang、薛定谔的猫 项目什么时候需要 React 框
8. canvas 实现随机验证码html {代码…} js {代码…}
9. 使用vue-cli脚手架构建Vue+Vuex项目及Vuex的使用一. 使用vue-cli搭建项目目录 首先确保安装了nodejs，再安装脚手架工具vue-cli.具体指令如图： 二. 项目中Vuex的使用 1.html文件 2. main.js入口文件 3.组件结构 4.store.js文件 store.js包括了所有的state,mutat…
10. javascript——数组一、创建数组 1.数组直接量：末尾允许有省略号，忽略2.new Array()： 无参数：new Array()-空数组； 一个参数：new Array(3)-长度为3的数组； 两个及以上参数：new Array(5,4,3)-数组元素为5,4,3的数组； 二、数…
11. 从性能角度看react组件拆分的重要性React是一个UI层面的库，它采用虚拟DOM技术减少Javascript与真正DOM的交互，提升了前端性能；采用单向数据流机制，父组件通过props将数据传递给子组件，这样让数据流向一目了然。一旦组件的props或则state发生改…
12. 从零到一：用Phaser.js写意地开发小游戏（Chapter 4 – 游戏即将开始）回顾 上一节我们介绍了加载场景，并利用加载好的资源，丰富了开始界面。现在点击屏幕后仍是一片黑暗，那么，这一节我们就来完成游戏最核心的场景——play。我们要做的是一个接苹果的游戏，为此我们会加入物理引擎，…
13. vue.js 初体验— Chrome 插件开发实录 通过一个 Chrome 插件的开发，来领略下 vue.js 的魅力。顺便也来了解下 Chrome 插件开发的一些基本知识。在日常工作中，开发一些小工具可以大大的提高我们的工作效率。 —— 由腾讯云技术社区分享
14. Config Jenkins+Githubenvironment： tomcat 85java 18centos 73github Install:1，download Jenkins.war in https://jenkins.io/download/2, move jenkins.war to ../../apache-tomcat-8.5.13/webapps3, startup tomcat4, click: http…
15. 10 个基于 JavaScript 的机器学习实例 随着人工智能技术的发展，机器学习越来越受到开发者们的关注。在本文中，我们将与大家分享 10 个基于 JavaScript 的机器学习实例，助你开启机器学习之旅。Have Fun！ —— 由IT程序狮分享
16. CSS揭秘之形状 一.自适应的椭圆 问题： 我们肯定都注意到过，我们给一个正方形元素添加一个足够大的border-radius（指定大于正方形元素边长一半的半径），就可以使其变成一个圆形(如图1-1.png)。 示例： width: 200px; height: 200px
17. Angular vs React 最全面深入对比 如今，Angular 和 React 这两个 JavaScript 框架可谓红的发紫，同时针对这两个框架的选择变成了当下最容易被问及或者被架构设计者考虑的问题，本文或许无法告诉你哪个框架更优秀，但尽量从更多的角度去比较两者，尽可能的为你在选择时提供更多的参考意见。 —— 由开源中国分享
18. 什么是JavaScript 事件循环 ?这篇文章是对个人认为讲解　JavaScript　事件循环比较清楚的一篇英文文章的简单翻译,原文地址是http://altitudelabs.com/blog/…。 介绍 　　如果你像我一样,喜欢JavaScript,是的,你肯定也会认同,JavaScript这门…
19. Sakura – 极简 CSS 框架 / 主题 sakura: a minimal classless css framework / theme. —— 由稀土君分享
20. 深入学习 CSS3 的 matrix 属性 换种思路讲讲 css3 的 matrix 属性，从本质上来谈谈 transform 属性的来历。这是一篇干货。。。 —— 由小兀666分享
21. Create Next App – 用 Next.js 创建后端渲染的 React 应用 用 Next.js 创建后端渲染的 React 应用 —— 由彷梓分享
22. Freactal – Clean and robust state management for React and React-like libs freactal is a composable state management library for React. —— 由稀土君分享
23. 动手实现一个日期选择器 Datepicker-Vue.2x 看过了五花八门的日期选择器，为何不自己亲手实现一个呢 —— 由HuaYan分享
24. Learning Notes – Understanding the Weird Parts of JavaScript 学习笔记，Udemy 上万人好评的价值 $175 的国外公开课 “JavaScript: Understanding the Weird Parts” —— 由brianway分享
25. JS 中的 call 和 apply 应用 JavaScript 中的 call 和 apply 应用 —— 由microzz分享
26. JavaScript深入之new的模拟实现new 一句话介绍new: The new operator creates an instance of a user-defined object type or of one of the built-in object types that has a constructor function. 依然是来自MDN，之所以不使用中文版的，是…

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

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