摘要:
vue-lazyload图片懒加载 一、基本使用 页面内未出现在可视区域内的图片先不进行加载,等到滚动了再去加载 官方文档 安装,项目在运行起来也要用,所以不能加--save-dev npm install vue-lazyload main.js导入 import VueLazyLoad from 阅读全文
摘要:
json 是一种用于数据交换的文本格式 键值对的方式,属性必须加双引号。 JSON.parse(string) :接受一个 JSON 字符串并将其转换成一个JS对象。 JSON.stringify(obj) :接受一个 JavaScript 对象并将其转换为一个 JSON 字符串。 //对象==>J 阅读全文
摘要:
解构赋值 左右两个边结构必须一样 //1、数组 let [a, b, c] = [1, 2, 3, 4] console.log(a, b, c)//1 2 3 let [a, ...b] = [1, 2, 3]; console.log(a, b)//a=>1,b=[2,3] //2、对象 let 阅读全文
摘要:
es6 对象 一、对象字面量 更简洁的写法 属性名表达式:允许用表达式作为属性名,但是一定要将表达式放在方括号[]内 const age = 12; const name = "Amy"; const person = { age, name, sayHi(){ }, ["he"+"llo"](){ 阅读全文
摘要:
js面向对象 一、概念 什么是对象: 现实生活中:万物皆对象,对象是一个具体的事物,一个具体的事物就会有行为和特征。 JS中的对象:键值对,带有属性和方法的特殊数据类型。 编程思想: 面向过程:所有的事情都是亲力亲为,注重的是过程 面向对象:提出需求,找对象,对象解决,注重的是结果 面向对象的特性: 阅读全文
摘要:
一、分支结构 1.1.switch语句 基本语法: switch (expression) { case 常量1: 语句; break; … case 常量n: 语句; break; default: 语句; break; } 注: break:可以省略,如果省略,代码会继续执行下一个case。 d 阅读全文
摘要:
['1', '2', '3'].map(parseInt) what & why ? 早在 2013年, 有人在微博上发布了以下代码段: ['10','10','10','10','10'].map(parseInt); // [10, NaN, 2, 3, 4] parseInt parseInt 阅读全文
摘要:
vue中获取dom元素 document.querySelector('.wrapper')这种方式不好。很多的地方可能都叫wrapper,不准确 vue中准确的拿到那个元素用ref,ref是绑定给子组件 普通元素也可以绑定ref ref如果是绑定在组件中的,那么通过**this.$refs.ref 阅读全文
摘要:
Vuex 一、Vuex概念 存在的问题: 一个状态,很多个组件都想用 多个组件共享一个状态,这个变量放哪个组件中都不合适 是什么 是状态管理模式。 简单说,需要多个组件共享的变量全部存放在一个对象中 然后这个对象放在顶层的Vue实例中,其他组件可以使用 如,用户的一些信息(登录状态、名称头像、位置) 阅读全文
摘要:
Vue Router 一、什么是前端路由 1.1.后端路由阶段 后端渲染:以前没有JavaScript,网页没有ajax请求,在服务器就长那个样子,在服务器就渲染好,就是最终网页,后端渲染完然后直接给前端的 后端路由:后端处理URL和页面之间的映射关系 1.2.前后端分离阶段 前后端分离:后端只负责 阅读全文