摘要：
<!-- store.js --> import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ state: { count: 0 }, // 只有 mutations 中定义 阅读全文
摘要：
<!-- 1、v-for 遍历必须为 item 添加 key，且避免同时使用 v-if --> v-for 遍历必须为 item 添加 key 在列表数据进行遍历渲染时，需要为每一项 item 设置唯一 key 值，方便 Vue.js 内部机制精准找到该条列表数据。当 state 更新时， 新的状态 阅读全文
摘要：
<!-- ##.前端路由 --> 路由是指URL地址与程序的映射关系，更改URL地址可以改变程序的执行结果。简单说就是请求什么响应什么。 //前端路由是基于hash值的变化进行实现的（比如点击页面中的菜单或者按钮改变URL的hash值，根据hash值的变化来控制组件的切换） <!-- 1. --> 阅读全文
摘要：
组件 (Component) 是 Vue.js 最强大的功能之一 组件可以扩展 HTML 元素，封装可重用的代 <!-- computed 计算属性 --> 模板中放入太多的逻辑会让模板过重且难以维护 使用计算属性可以让模板更加的简洁 计算属性是基于它们的响应式依赖进行缓存的,节省性能, 而方法不缓 阅读全文
摘要：
<!--1. axios发请求 --> - 支持promise - 能拦截请求和响应 - 自动转换JSON数据 - 能转换请求和响应数据 1.axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，本质上也是对原生XHR的封装， 只不过它是Promise的实现版本，符 阅读全文
摘要：
<!--1. switch分支流程控制 --> switch( 表达式 ){ case value1: // 表达式 等于 value1 时要执行的代码 break; case value2: // 表达式 等于 value2 时要执行的代码 break; default: // 表达式 不等于任何 阅读全文
摘要：
<!-- 1.转换为字符串 --> toString() 转成字符串 String() +拼接字符串 <!-- 2.转换为数字型 --> parseInt 和 parseFloat .toFixed(n) 取小数点后n位; - * / 隐式转换为字符串 <!-- 3.字符串操作方法 --> conc 阅读全文
摘要：
<!-- 1.创建数组 --> 字面量方式[] new Array() <!--2. 检测是否为数组 --> instanceof 运算符 //arr instanceof Array Array.isArray() //Array.isArray(arr) <!--3. 数组中有进行增加、删除元素 阅读全文
摘要：
<!--1. URL --> http://www.baidu.cn/index.html?name=andy&age=18#link protocol //通讯协议 http host //域名 www.baidu.cn port //端口 http 默认80 path //定义服务器上的路径（如 阅读全文
摘要：
//本地存储: 只能存储字符串，可以将对象JSON.stringify() 编码后存储 <!-- 1.window.sessionStorage--> 1、生命周期为关闭浏览器窗口 2、在同一个窗口(页面)下数据可以共享 3、以键值对的形式存储使用 sessionStorage.setItem(ke 阅读全文
摘要：
正则表达式MDN https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions 正则测试工具 http://tool.oschina.net/regex <!-- 创建 --> 通过调用RegExp 阅读全文
摘要：
BOM 浏览器对象模型,把浏览器当做一个对象来看待,Bom顶级对象是window,bom主要是用于浏览器窗口的一些交互对象, bom是各个浏览器厂商规定,兼容性较差 <!-- 1.定时器 --> setTimeout(callback, 3000) //开启定时器 因定时器可能挺多,经常加一个别名 阅读全文
摘要：
###DOM 文档对象模型,dom是把文档当对象看待,dom顶级对象是document,dom主要是操作页面元素来改变元素里面的内容、属性等,dom是w3c规范 <!-- 1.获取元素 --> document.getElementById(id) // <div id="time">2019</d 阅读全文
摘要：
###jQuery 对象本质是： 利用$对DOM 对象包装后产生的对象（伪数组形式存储） jQuery里面对我们原生js代码进行了封装，这样我们可以快速高效的使用这些封装好的功能了。 jQuery 封装了 JavaScript 常用的功能代码，优化了 DOM 操作、事件处理、动画设计和 Ajax 交 阅读全文
摘要：
###渲染进程是多线程的： GUI渲染线程 o 负责渲染浏览器界面，解析HTML，CSS，构建DOM树和RenderObject树，布局和绘制等。 o 当界面需要重绘（Repaint）或由于某种操作引发回流(reflow)时，该线程就会执行 o 注意，GUI渲染线程与JS引擎线程是互斥的，当JS引擎 阅读全文
摘要：
### 操作方便，布局极其简单，移动端使用比较广泛 pc端浏览器支持情况比较差 IE11或更低版本不支持flex或仅支持部分 如果是pc端页面布局，还是采用传统方式 如果是移动端或者是不考虑兼容的pc则采用flex ### 当我们为父盒子设为 flex 布局以后，子元素的 float、clear 和 阅读全文
摘要：
###作用：使用模板引擎提供的模板语法，可以将数据和 HTML 拼接起来。 官方地址： https://aui.github.io/art-template/zh-cn/index.html 传统网站数据是在服务端拼接的,使用ajax是在前端将数据和html拼接 art-template 前后端通用 阅读全文
摘要：
1,创建骨架 <!--要求当前网页使用IE浏览器最高版本的内核来渲染--> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--视口的设置：视口的宽度和设备一致，默认的缩放比例和PC端一致，用户不能自行缩放--> <meta name= 阅读全文
摘要：
###Mock数据 mockjs 安装 第一种： # 安装 npm install mockjs 第二种使用CDN： https://cdnjs.cloudflare.com/ajax/libs/Mock.js/1.0.0/mock.js 直接在Header部分引用即可。 示例： // 使用 Moc 阅读全文