05 2018 档案
摘要:vue.js react.js angular.js 三者的比较
阅读全文
摘要:less简单入门 w3cplus--Less讲解 vue中安装less npm install less less-loader --save 注意:在vue中引入less之后,用">>>"做组件穿透就会失效,建议此时在页面上多写一个<style></style> 有些像 SASS 之类的预处理器无
阅读全文
摘要:从url到页面加载浏览器做了什么 一个HTTP请求的过程
阅读全文
摘要:react.js 将组件渲染,并且构造 DOM 元素然后塞入页面的过程称为组件的挂载。
阅读全文
摘要:1. Auto Rename Tag:自动重命名成对的 html 标签。假如你创建了一个<a>标签,现在想更改它,那么只要更改前面的标签后面与之成对的标签也会自动修改为匹配的标签。 2. GitLens:可以清楚地知道某文件何时,由何人更改,当代码被破坏时,就能找到该负责人,而不是让你当替罪羊了。
阅读全文
摘要:1. npm run dev:本地开发的时候做调试用的。 2. npm run build:打包部署上线,生成一个 dist 文件夹。 注意:用 npm run build 时,常遇到因引用路径不对导致页面无法正常显示的情况。 如果 vue 项目的代码上传到网站的根目录下一般是不会有问题的,也不会存
阅读全文
摘要:1. 建立路由组件 2. 建立映射 3. 建立路由实例 4. 使用 router-link 建立路由导航 5. 使用 router-view 建立路由出口 vue-router 基本概念及使用 vue-router 基本使用
阅读全文
摘要:1. 箭头函数(=>) ES6中引入了箭头函数来代替 function,即在定义方法的时候不用写 function ,=> 的左边为函数名和参数,右边为执行操作和返回值。 箭头函数写法简洁,同时解决了JS中 this 作用域的问题。 因为箭头函数内部没有定义 this 对象,所以函数内部的 this
阅读全文
摘要:0. Vue.js 是轻量级的MVVM框架; 1. index.html:<app></app>:组件载入;入口文件会默认调用一个 main.js; 2. App.vue:入口文件,其它注册过的组件要引入 App.vue 文件中才生效; 3. import:ES6语法; ES6模块主要有两个功能:e
阅读全文
摘要:1. 数据渲染:v-text、v-html(保存了html结构)、{{}}(自动更新); 2. 控制模块隐藏:v-if:直接不渲染 DOM 元素; v-show:css 里的 display:none; 3. 渲染循环列表:v-for: 4. 事件绑定:v-on:可以简写成 @,从 methods
阅读全文
摘要:1. cnpm install vue-cli(安装vue 脚手架) 2. vue init webpack my-project(my-project:自定义,取一个项目的名字,init 初始化一个项目) 3. cd my-project 4. npm run dev(在本地运行)
阅读全文
摘要:./ :当前目录(相对路径) ../ :当前目录的父目录(相对路径) /:根目录(绝对路径) vue 中 @ 指向 src 文件夹: 在 build 文件夹下 webpack.base.conf.js 可以找到 @,就能知道 @ 代表什么了。
阅读全文
摘要:在用vscode编写vue代码时,因为安装的有vetur插件,所以当代码中有v-for语法时,会提示 [vue-language-server] 'v-for' directives require 'v-bind:key' directives. 解决方法:在配置文件添加一句: "vetur.va
阅读全文
摘要:localStorage 用于长久保存整个网站的数据,没有过期时间,除非手动去除。 sessionStorage 会话存储,临时存储,当用户关闭浏览器窗口后,数据被删除。 共同方法 以 localStorage 为例: 1. 设置缓存数据:localStorage.setItem(key,value
阅读全文
摘要:javascript 定义类(class)的三种方法
阅读全文
摘要:1. 函数模式 // this 指向 window 全局对象 2. 方法模式 // this 指向调用这个方法的对象 3. 构造函数模式 // this 指向 new 新创建出来的实例 4. 上下文模式 //在上下文调用模式中,可以修改 this 的值,也就是可以修改函数的调用方法。 //使用下面两
阅读全文
摘要:服务器端规范 - CommonJS Node.js 浏览器端规范 - AMD RequireJS - CMD SeaJS
阅读全文
摘要:伪数组 1. 是一个对象 2. 必须有length 属性,length 值是number 类型 3. 如果这个对象的length 不为0,那么必须要有按照下标存储的数据 标准数组 判断数据是否是标准数组: Object.prototype.toString.call(数据) '[Object Arr
阅读全文