ONE橙子

摘要： 1.作用 在图片较多的页面中，页面加载性能较差。使用图片懒加载可以让图片出现在可视区域时再进行加载，从而提高用户体验。 2.原理 设置img标签的src属性为空或统一的图片路径（如加载中样式），监听页面的滚动，当图片出现在可视区域时再为src重新赋值。 3.实现 在vue项目中，可以使用vue的vu 阅读全文

摘要： 1. v-model简介 可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定，它的本质是一个语法糖，在单向数据绑定的基础上，增加了监听用户输入事件并更新数据的功能。 2. v-model的实现原理 动态绑定了 input 的 val 阅读全文

摘要： 1. 什么是webpack 一个现代 JavaScript 应用程序的静态模块打包器(module bundler)，它会分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。 2. w 阅读全文

摘要： 一、概念 1. $on("事件名称"，回调函数) 事件绑定，一个事件名称上面可能绑定多个函数 2. $emit("事件名称"，需要传递的值) 事件触发时，会触发当前事件身上所有的函数 3. $off("事件名称"，[需要解绑的函数]) 事件解绑时，若指定解绑函数则只解绑相应函数，否则解绑全部 二、手 阅读全文

摘要： 一、概念 在开发过程中，前端通常需要等待后端开发完接口后，再调用接口渲染相应的数据，这会影响开发效率。而json-server的作用就是为了解决前后端并行开发的痛点，在本地模拟后端接口用来测试前端效果，这种做法称之为构建前端Mock。 二、基本使用 1.全局安装：cnpm install json- 阅读全文

摘要： 一、概念 vue生命周期，又叫生命周期钩子函数，是组件从创建到销毁的过程。 二、主要的八大生命周期 1.首先，为方便观察每个周期的特点，我们模拟一个"one"组件的创建与销毁，并在八个生命周期中分别打印挂载点、属性、方法以及真实的DOM结构，通过输出结果进行分析。 1 <div id="myApp" 阅读全文

摘要： 1.computed computed是一种计算属性，用来监听属性的变化； computed里面的方法调用的时候不需要加()，并且里面的方法必须要有一个返回值； computed里面的方法不是通过事件来去触发的，而是当data中的属性发生了改变的时候会被触发； computed最大的特点是当属性没有 阅读全文

摘要： 1.问题描述：通过Git上传本地文件，在git commit操作后本地未上传的代码全部丢失... 2.解决： 第一步：在项目目录下打开Git Bash； 第二步：输入 git reflog 第三步：在返回结果中找到丢失前的commit那一步的HEAD@{n}，输入 git reset --hard 阅读全文