ES6
Simple-395
简单就好
展开
-
VueJS极简教程之一:初步
是什么Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。特点ES6简洁语法支持dev、test、build两种环境...原创 2018-11-26 09:02:31 · 252 阅读 · 0 评论 -
前端模块化开发规范之AMD(可不是处理器哦!)
首先强调下,我们这里提到的AMD可不是计算机的处理器哦!继CommonJS之后,双出现了一种异步加载模块的方法。就是AMD,全称为:Asynchronous module definition。它的使用方法依然很简单。定义一个模块:define('user', ['dep'], function(dep) { return exports;});导入和使用require([...原创 2018-12-09 14:19:12 · 637 阅读 · 0 评论 -
前端构建工具Webpack之加载器(loader)
webpack将js、css之类的文件统一视为一个模块,而如css这样的模块,它是不可以直接加载的。那么就需要专用的loader了,如:less-loader。使用起来是相当的方便,只需要在webpack的构建脚本中指定一个特殊的rules即可,上代码:rules: [ { test: /\.less$/, use: ['less-loader'], }]需要说明...原创 2018-12-09 17:11:37 · 695 阅读 · 0 评论 -
使用Webpack构建SPA模式的多页面应用(基于Vue 2)
背景Webpack构建后生成的包实在太大了,特别是大型项目,编译后得到一个庞然大物真是个恶梦。那么问题来了,有解决办法吗?当然,我们可以指定一组文件(组件)生成到一个或者多个目录中去。上代码。指定组件目录编辑webpack.base.conf.js文件,配置entry及output,代码如下:module.exports = { entry: { 'common': './...原创 2018-12-09 23:45:04 · 546 阅读 · 0 评论 -
JavaScript前端开发低级的Bug终结者(Eslint语法校验工具常用配置)
禁止使用var去定义变量'no-var': 'error'要求或禁止var声明中的初始化'init-declarations': 2强制使用单引号'quotes': ['error', 'single']禁止在代码末尾使用分号'semi': ['error', 'never']禁止不必要的分号'no-extra-semi': 'error'强制使用一致的换行风格'l...原创 2018-12-10 18:37:24 · 569 阅读 · 1 评论 -
庖丁解牛之Webpack打包后的Vue模块代码结构(未压缩版)
原创 2018-12-10 20:05:34 · 790 阅读 · 0 评论 -
前端开发跨平台设置环境变量(cross-env),切换环境就是这么easy
安装npm install corss-env -S -D或者yarn add corss-env -D配置打开并编辑package.json文件:"scripts": { "dev": "corss-env INIT_LEVEL=2 node build/dev-server.js", "build": "corss-en原创 2018-12-10 20:54:53 · 4662 阅读 · 2 评论 -
前端开发mock,没有接口也能跑(基于Vue、Axios)
前端开发mock,没有接口也能跑原创 2020-03-30 12:09:03 · 933 阅读 · 0 评论 -
JavaScript方法兼容性检测网站
https://caniuse.com原创 2018-12-19 22:32:11 · 4439 阅读 · 0 评论 -
前端模块化开发规范之CommonJS
CommonJS是前端模块化发展过程中出现的第一个规范。其使用方式也是相当简便的。以下是导入和导出的两个关键片断。1、导入const user = require('./user');2、导出module.exports = user.getList;注意:这类代码是不可以直接在浏览器里面运行的,必须依赖其他工具将其打包成ES5。...原创 2018-12-09 13:52:38 · 458 阅读 · 0 评论 -
Webpack构建过程详解
Webpack构建过程详解。待完善。。原创 2018-12-08 20:29:12 · 729 阅读 · 0 评论 -
VueJS极简教程之二:页面渲染
v-for,v-html,v-model<dd v-for="item in items"> <input type="checkbox" v-model="item.status"/原创 2018-11-26 09:04:31 · 424 阅读 · 0 评论 -
VueJS极简教程之四:过滤器(filter)
主要用于格式化数据使用,以下我们来详细介绍。Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示:<!-- 在双花括号中 -->{{ message | capitalize }}<!--...原创 2018-11-26 09:29:22 · 620 阅读 · 0 评论 -
VueJS极简教程之五:计算属性(computed)
VueJS的computed关键字主要用于定义一些 以下我们来着重介绍computed关键字的使用方法。定义方式computed: { now: function () { return Date.now() }}引用方式<span>{{now}}</span>...原创 2018-11-26 09:35:16 · 372 阅读 · 0 评论 -
VueJS极简教程之六:监听器(watch)
VueJS的watch关键字主要用于定义一些主动监听其他数据变化的逻辑,以下我们来着重介绍它的使用方法。应用场景定义方法watch: { // 如果 `question` 发生改变,这个函数就会运行 question: function (newQuestion, oldQuestion) { this.answer = 'Waiting for you to stop ty...原创 2018-11-26 09:38:31 · 1410 阅读 · 0 评论 -
VueJS入门教程之七:自定义指令(detective)
除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。举个聚焦输入框的例子,如下:原创 2018-11-26 09:42:20 · 783 阅读 · 0 评论 -
VueJS极简教程之八:状态管理(vuex)
VueX原创 2018-11-26 09:42:39 · 257 阅读 · 0 评论 -
VueJS极简教程之九:渲染函数(jsx)
VueJS之渲染函数原创 2018-11-26 09:43:34 · 1311 阅读 · 1 评论 -
VueJS极简教程之十:事件处理(event)
VueJS之事件处理原创 2018-11-27 07:14:41 · 232 阅读 · 0 评论 -
Js小数位处理的各种“四舍五入”(round,floor,ceil)
Math.round进行四舍五入Math.round(12.2) // 返回 12Math.round(12.7) // 返回 13Math.round(12.0) // 返回 12Math.floor一律舍去,仅保留整数。Math.floor(12.2) // 返回 12Math.floor(12.7) // 返回 12Math.floor(12.0) // 返回...原创 2019-03-08 10:37:45 · 1443 阅读 · 0 评论