- 博客(7)
- 收藏
- 关注
原创 零基础用脚手架搭建vue项目,vue项目各个文件夹的作用
1安装node 打开cmd输入node -v安装完成会出现版本号,输入npm -v出现版本号说明安装成功 2安装vue cli 在控制台输入npm install @vue/cli -g g是全局安装 如果你安装了yarn可以用yarn安装yarn global add @vue/cli 安装好输入vue --version 出现版本号说明安装成功 npm root-g 可以查看当前安装的路径 3创建vue项目 想在哪个文件夹下创建项目,直接在文件的目录下输入cmd就可以了 打开cmd输入v
2020-07-22 14:47:19
1524
原创 VUE中v-show与v-if区别
v-show v-show通过设置布尔值来控制元素是否显示,如果turn显示fales隐藏,如果不是布尔值那么默认传布尔;通过设置元素的display来控制是否显示 <button @click="fn">{{name1}}</button> <h1 v-show="mag">{{name}}</h1> vm = new Vue({ el: "#app", data: {
2020-05-27 23:37:14
374
原创 SPA单页面开发
SPA仅在 web页面初始化时加载响应的HTML,JavaScript和css。一旦页面加载完成,SPA不会因为用户的操作而进行页面的重新加载或跳转取而代之的是利用路由机制实现HTML内容的交换,UI与用户的交互,避免页面的重新加载 SPA的优点 用户体验好,快,内容的改变不需要重新加载整个页面,避免了不必要的跳转和重复加载; 对服务器的压力小 前后端职责分离,架构清晰,前端进行交互逻辑,后端负责数据处理; SPA的缺点 初次加载耗时多;为实现单页面Web应用功能及显示效果,需要在加载页面的时候将JavaS
2020-05-27 22:52:20
370
原创 MVVM和MVC
MVVM M-Model,Model代表数据模型,也可以在Model中定义数据修改数据和操作业务逻辑 V-View,View代表UI组件,它是负责将数据模型转化为UI展现出来 VM-ViewModel监听模型数据的改变和控制视图行为,处理用户交互,简单理解就是一个同步View和Model的对象,连接Model和View ...
2020-05-27 22:30:22
271
原创 js常用的一些数组方法
数组的一些方法 一,push 方法的定义:向数组末尾增加内容 方法的参数:转递多个值 方法的返回值:数组的length 原有数组是否发生改变:是 let arr = [1, 2, 3, 4, 5] console.log(arr.push(6));//6 console.log(arr);// [1, 2, 3, 4, 5, 6] 二,unshif...
2020-04-14 22:08:23
223
原创 遍历数组的一些方法
js提供了多种遍历数组的方法,在此简单介绍一下 一,forEach方法 forEach常用的数组遍历方法,它提供一个回调函数,可用于处理数组的每一个元素,默认没有返回值,不影响元素本身。 forEach从头到尾遍历数组,改变数组本身,参数依次是数组元素,元素索引,数组本身。 var arr = [1, 2, 3, 4, 5]; arr.forEach(functio...
2020-04-13 23:39:12
1903
原创 前端防抖节流基础
防抖节流(思想) 下面是防抖节流其中的一个方法 防抖 是让函数在最后一次执行(一般用于input框) 节流 是的固定频率执行(一般用于滚动条) 防抖 创建一个input框 <input type="text" id="inp"> js代码 let inp = document.getElementById("inp") let timer = null...
2020-04-13 20:07:53
286
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅