8个超震撼的HTML5和纯CSS3动画源码；【面向ACG编程】连续改造2个Vue网页；每个JavaScript程序员都需要知道的5个数组方法；6 种组织 CSS 的方法；HTML5 file API加canvas实现图片前端JS压缩并上传；Vue, React, AngularJS 和 Angular2，我们对流行 JavaScript 框架们的选择；详解 Weex 页面的渲染过程；在10分钟内解释JavaScript Async/Await
-
8个超震撼的HTML5和纯CSS3动画源码 HTML5 和CSS3之所以强大，不仅因为现在大量的浏览器的支持，更是因为它们已经越来越能满足现代开发的需要。Flash在几年之后肯定会消亡，那么HTML5和CSS3将会替代Flash。今天我们要给大家分享8个最新的HTML5和纯CSS3动画及其源码，这些动画非常让人震撼，你也可以学习一下HTML5源码。 1、HTML5 Canvas水波纹动画特效 …
-
【面向ACG编程】连续改造2个Vue网页 本文首发于掘金，转载请注明出处 记得阴明在vueconf上说过：抱着一种解决问题的态度去学习知识是最有效率的。作为一名小白，之前学习Vue总是被动的，规定每天看一点文档，写一点代码。总觉得不得劲。于是就想能不能给自己定个小目标，用Vue做他个网站！ 移动端网址： justice-eternal.github.io/ PC端网址：lig…
-
每个JavaScript程序员都需要知道的5个数组方法 这篇文章将会向大家简要的介绍JavaScript里关于数组的最重要的5个方法，这5个方法是每个想要高效的进行JavaScript编程的程序员必须知道的。 Array.forEach() .forEach() 方法能够方便的让你 遍历数组里的每个元素 ，你可以在回调函数里对每个元素进行操作。 .forEach() 方法没有返回值，你不需要在回调函…
-
6 种组织 CSS 的方法 原文作者: Inessa Brown 原文链接: Methods to Organize CSS | CSS-Tricks Ben Frain曾经说过, 写CSS容易, 扩展和维护难. 这篇文章介绍了一些解决方案的集合, 试图解决这个问题. OOCSS 面向对象CSS OOCSS是object-oriented CSS的缩写. 主要有两个意思: 结构和设…
-
HTML5 file API加canvas实现图片前端JS压缩并上传 这篇文章发布于 2017年07月30日，星期日，23:47，归类于js实例。 阅读 60 次, 今日 59 次 byzhangxinxu from http://www.zhangxinxu.com/wordpress/?p=6308 本文可全文转载，但需得到原作者书面许可，同时保留原作者和出处，摘要引流则随意。 一、图片上传前端压缩的现实意义 对于大尺寸图片的上传，在前端…
-
Vue, React, AngularJS 和 Angular2，我们对流行 JavaScript 框架们的选择 一个有趣的事实是：IBM发表的2017年最值得学习的编程语言名单中，JavaScript榜上有名。这位IT巨头指出，JS在网站中惊人地达到94.4％的使用率，而且“不太可能降低”。JavaScript能确保“对用户非常友好的网页，因为它负责整个web界面，包括动画和交互”。不管你怎么看，JavaScript很重要。 这也为潜在的Web开发人员…
-
详解 Weex 页面的渲染过程这篇文章介绍了一个 Weex 页面的渲染过程，涉及很多框架内部的细节。 “哟” 在线例子，使用 Weex Playground 扫码即可预览。 这是一个使用 Vue.js 2.x 语法写的一个小例子，极其简单，就一个字，可以借助 Weex 在…
-
在10分钟内解释JavaScript Async/Await 在10分钟内解释JavaScript Async/Await Directory Directory什么是Async/Await？那么，Async/Await 让 Promises 过时了吗？ 处理Async/Await的错误浏览
-
前端面试必备——十大经典排序算法冒泡排序 冒泡排序（Bubble Sort）也是一种简单直观的排序算法。它重复地走访过要排序的数列，一次比较两个元素，如果他们的顺序错误就把他们交换过来。走访数列的工作是重复地进行直到没有再需要交换，也就是说…
-
JavaScript 工程项目的一系列最佳实践策略 每当开发一个新项目，就像在田里打滚，对其他人来说维护这样一个项目简直就是一个潜在的噩梦。以下内容是大多数JavaScript项目中发现，撰写和收集的最佳实践列表
-
CSS 动画实战：创建一个漂亮的加载动画 这篇文章，用一个实例来讲下用伪类和CSS Animation来创建一个漂亮的加载动画。 首先来看下，要实现的动画效果： 先来分析下，这个动画效果是由哪几个动画组成： 1、线段依次出现。 2、然后红色、橙色和白
-
Alloy前端周刊 2017.07.31 Node 技术的出现使许多前端开发人员也可以编写后端程序，今天跟大家一起学习一下 Nodejs 吧
-
2017-07-30 前端日报2017-07-30 前端日报 精选 【译】避免这些常见的JavaScript错误可视化分析js的内存分配与回收手机QQ里的注册那些事儿Node.js 入门：Express + Mongoose 基础使用高性能 React: 3 种提升 APP 速度的新工具Get read…
-
Node.js 入门：Express + Mongoose 基础使用 详细的描述了从入门学习使用express+mongoose实现增删查改的知识点
-
使用 Draft.js 来构建一个现代化的编辑器 在前端，编辑器是一个非常重要的 Web 组件，任何需要编辑的地方都需要纯文本或富文本的编辑器。目前，纯文本编辑器主要依靠 HTML 的 textarea 标签来实现，而所见即所得的富文本编辑器由于增加了粗体、斜体等样式以及标题级别、图片视频等多媒体功能，一般通
-
从React-Redux的数据流向浅析Redux各个概念 Redux数据流向概念浅析
-
理解 JavaScript 的原型链 参考： Javascript 王国的一次旅行，一个没有类的世界怎么玩转面向对象？ 图解 Javascript 原型链 上面这是 B
-
Node.js基金会2017用户调查报告：近一半用户是菜鸟 关于Node.js话题的热度一直没有消散，近日，Node.js基金会发布了Node.js 2017用户调查报告。调查显示，目前Node.js的线上实例已超800万。除此之外，还有一个振奋人心的好消息——继美国之后，中国成为第二个Node.js使用人数最多的国家。 前段时间， Battery Open-Source Software Index 发布了开源项目流行排行榜，Node….
-
解密 JavaScript 闭包 译者按: 从最简单的计数器开始，按照需求对代码一步步优化，我们可以领会闭包的神奇之处。 原文: Closures are not magic 译者: Fundebug 为了保证可读性，本文采用意译而非直译。另外，本文版权归原作者所有，翻译仅用于学习。 对于JavaScript新手来说，闭包(Closures)是一个很神奇的东西。…
-
babel知多少 前言 ES2015/ES2016/ES2017等新语法，新API的出现让前端写起来更爽，更不用说考虑到面向未来编码。可我们使用这些新语法，新API，代码的运行兼容性势必受到影响。babel的适时出现，解决了我们使用nex
-
基于socket.io的实时在线HTML5游戏思路 Github博客: github.com/asd0102433/… 喜欢的朋友star 支持一下 有2个月没怎么写文章了，这次项目做了一个HTML5的在线实时游戏，游戏是基于 Socket.IO架构写的，网上的资料也很多，比较零散，啰嗦。在这里总结下整个流程，开拓思路。（PS: 主要是整个流程的思路，不讲框架的基础用法） …
-
git命令行学习笔记一、新建、删除仓库操作 {代码…} 二、版本回退 {代码…} 三、工作区和缓存区的概念 工作区就是电脑里能看到的目录，工作区里有一个隐藏文件夹.git，这是git的版本库。Git的版本库里存了很多东西，其中最重要的…
-
对Angular中的生命周期钩子的理解 什么是生命周期钩子 简单点来说生命周期钩子就是Angular中一个组件从被创建当销毁期间的一些有意义的关键时刻.这些关键时刻在Angular中被Angular核心模块 @angular/core 暴露出来,赋予了我们在它们发生时采取行动的能力. 有哪些生命周期钩子 Angular中从一个组件的创建到销毁一个有八个生命周期钩子它们,按…
-
Github静态博客SPA架构构建心得 Home Music About Github静态博客SP
-
记前端从“刀耕火种”过渡到到“现代化”的自动构建工具(在ThinkPHP的项目里使用webpack)我是14年入的程序员大军，当时主java兼具前端开发的活儿，在现在看来的一些流开发框架和新兴思想，早在node.js开始进入大家视野的时候就流行起来了，只是在那时博主并没有关注前端的生态圈（然而java好像也并没有…
-
React中的组件通信问题 引入 本来我是没想过总结这些东西的，会感觉比较入门。但是之前同学去腾讯面试问到了这个问题(react或vue的组件通信)，我帮他整理，顺便写demo的过程中，会有一些新的体会，多总结还是有利于进步的呀。 另外本次的代码都放在 github.com/suny
-
《深入理解ES6》笔记—— 改进数组的功能（11）ES5提供的数组已经很强大，但是ES6中继续改进了一些，主要是增加了新的数组方法，所以这章的知识非常少。 创建数组 ES5中创建数组的方式：数组字面量、new一个数组。 {代码…} ES6创建数组：Array.of()、Array.f…
-
WTF is JSX JSX is actually quite straightforward: take 1 minute and read this, and you'll understand everything there is to know about this i
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
