从vue-cli源码学习如何写模板 vue-cli 是 vuejs 官方提供的基于 vuejs 的项目脚手架工具, 可以很快的帮助 vuejs 开发者搭建一个 startup 项目, 免去环境配置的繁琐, 开箱即用. 今天就来看下 vue-cli 的实现. vue-cli 的版本是 2.8.2vue-initvue init 是基于第三方模板生成项目的命令. 先看下其整体流程:首先, vue cli 获取到输入的参数:# vue
关于Redux的一些总结(一):Action & 中间件 & 异步 在浅说Flux开发中,简单介绍了Flux及其开发方式。Flux可以说是一个框架,其有本身的 Dispatcher 接口供开发者;也可以说是一种数据流单向控制的架构设计,围绕单向数据流的核心,其定义了一套行为规范,如下图:Redux的设计就继承了Flux的架构,并将其完善,提供了多个API供开发者调用。借着react-redux,可以很好的与React结合,开发组件化程度极高的现代Web应用。本文是笔
js为什么不能正确处理小数运算? 先看看下面的程序:var sum = 0;for(var i = 0; i < 10; i++) { sum += 0.1;}console.log(sum);上面的程序会输出1吗?在 你有必要知道的 25 个 JavaScript 面试题 一文中,第 8 个题浅显的说了下 js 为什么不能正确处理小数运算的问题。今天重拾旧题,更深层次的剖析下这个问题。但要先说明的是,不能正确处理小数的运算
浅说Flux开发 浅说Flux开发前段时间,写了篇关于React的文件:React:组件的生命周期,比较详细的说了下React组件的生命周期。说道 React,很容易可以联想到 Flux。今天以 React 介绍及实践教程 一文中的demo为示例,简单说说 Flux 的开发方式。Flux是什么Flux 是 Facebook 用户建立客户端 Web 应用的前端架构, 它通过利用一个单向的数据流补充了 React 的组合
《精通CSS》阅读备忘 最近阅读了《精通CSS: 高级Web标准解决方案》,书的内容不错,初学者可以用来入门,有经验的人也可以用来查漏补缺,上面对于浏览器兼容和常见bug的解决方案值得参考。选择器的层叠和特殊性对于同一个元素,可能会有多个规则,为了解决规则之间的冲突,CSS 会利用 层叠 给每个规则分配一个重要度:1、标有 !important 的用户样式 2、标有 !important 的作者样式 3、作者样式 4
你有必要知道的 25 个 JavaScript 面试题 1、使用 typeof bar === "object" 判断 bar 是不是一个对象有神马潜在的弊端?如何避免这种弊端?使用 typeof 的弊端是显而易见的(这种弊端同使用 instanceof):let obj = {};let arr = [];console.log(typeof obj === 'object'); //trueconsole.log(typeof arr ===
简洁轻便的博客平台: Hexo详解 什么是HexoHexo 是一个简单地、轻量地、基于Node的一个静态博客框架,可以方便的生成静态网页托管在github和Heroku上,引用Hexo作者 @tommy351 的话: 快速、简单且功能强大的 Node.js 博客框架。 A fast, simple & powerful blog framework, powered by Node.js.GitHub Pages是什么?G
React:组件的生命周期 在组件的整个生命周期中,随着该组件的props或者state发生改变,其DOM表现也会有相应的变化。一个组件就是一个状态机,对于特定地输入,它总返回一致的输出。一个React组件的生命周期分为三个部分:实例化、存在期和销毁时。实例化当组件在客户端被实例化,第一次被创建时,以下方法依次被调用:1、getDefaultProps 2、getInitialState 3、componentWillMo
详解前端模块化工具-Webpack React自发布以来吸引了越来越多的开发者,React开发和模块管理的主流工具webpack也被大家所熟知。那么webpack有哪些优势,可以成为最主流的React开发工具呢?webpack是什么CommonJS和AMD是用于JavaScript模块管理的两大规范,前者定义的是模块的同步加载,主要用于NodeJS;而后者则是异步加载,通过requirejs等工具适用于前端。随着npm成为主流的Jav
创建优雅表格的8个js工具 当需要呈现数百个表的数据时,展示和可访问性扮演着至关重要的角色。在这种情况下,倘若一个数据网格能够支持大量数据集的HTML Table并提供诸如排序、搜索、过滤和分页等功能,那是棒棒哒。在这篇文章中,将介绍8个用于创建优雅表格的js工具。SigmaGridSigmaGrid是一个开源的Ajax数据表格组件,可以在一个可滚动和可排序的表格中展示和编辑数据。了解更多,戳此:learn more Ing
29个你必须知道的Linux命令 虽然Linux发行版支持各种各样的饿GUI(graphical user interfaces),但在某些情况下,Linux的命令行接口(bash)仍然是简单快速的。Bash和 Linux Shell 需要输入命令来完成任务,因而被称为 命令行 接口。命令是计算机执行任务的指令。可以使用命令去关闭计算机,或者列出当前目录的文件列表,或当前文本的内容,或者屏幕显示一条消息。如果你是一个新手,并尝试使
18个网站优化技巧 快速的页面加载对提升搜索引擎排名、网站转化率和整体的用户体验是非常重要的。网站页面的加载速度也是衡量网站性能的一个重要因素。如果网站不是以最好的性能在运行,迟缓的加载会让你在低的排名和搜索流量上花费更大的代价。页面的加载速度会对用户的行为和转化率产生很大的影响。那么?有哪些简单的方式可以优化加载速度呢?1、图片优化首先,你需要优化你网站上的图片,来获得丝毫加速网站的机会。从原图上移除额外的注解、不必
ECMAScript 6新特性介绍 箭头函数箭头函数使用=>语法来简化函数,在语句结构上和C#、Java 8 和 CoffeeScript类似,支持表达式和函数体。。=>`操作符左边为输入的参数,而右边则是进行的操作以及返回的值。var sum = (num1, num2) => num1 + num2;// 等同于var sum = function(num1, num2) { return num1 + num2;}
CSS:你未必知道的@规则 at-rule是一个声明,为CSS提供执行或怎么表现的指令。每个声明以@开头,后紧跟一个可用的关键字,这个关键字充当一个标识符,用于表示CSS该做什么。这是一个通用的语法,尽管每个at-rule有其它语法变体。常规规则常规规则遵循下面的语法:@[KEYWORD] (RULE);@charset 这个规则定义了浏览器使用的字符集,如果样式表包含非ASCII characters (e.g:UTF-8
CSS3:clip-path详解 我的一个学生,Heather Banks,想要实现他在Squarespace看到的一个效果: 根据她的以往经验,这个网站的HTML和CSS是完全在她的能力范围以内,于是我帮助她完成了这个效果。显示nav被裁减的效果是一个不简单的任务,我看到图片的第一反应是创建一个相匹配的背景被部分裁剪的图像,然后把它设置为一个after元素。问题是,至少要解决响应式问题,并且响应式并不完全可控的。了解CSS属
因一段JavaScript代码引发的闲扯 前两天,一朋友给我发了一段JavaScript代码: function f1(){ var n=999; nAdd=function(){ n+=1 }; function f2(){ alert(n); } return f2; } var result1=f1(); var result2=f1();
初探CSS 4选择器 2014年1月,我写了一篇文章:The Current Generation of CSS3 Selectors,这篇文章的目的是介绍一些CSS3中新增的选择器。文中的选择器已经有了很多文档,并且也被大多数浏览器支持(包括IE9+)。由于Selectors Level 4 specification 目前已是工作草案状态,并且Editor’s Draft of the same spec也在进行中(
美团面试中被问到的问题汇总 美团的面试已经结束了将近半个月了,前后的三轮面试也经过了10天左右(人在广州,都是电话面试),结果也还是好的,顺利拿到了美团的暑期实习。本来不打算写什么面试总结,为什么?看下图: 按照0.01%的有效率转化,算了一下,大概也有174篇面试总结够看了。虽然说没有看过这么多,但前前后后也看过50篇上下的面试总结了,看到有点呕吐的感觉了。但是昨晚突然想到对于每一轮面试,都做了一些笔记,为了不浪费这些笔记