![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Web
前端的一些小功能
_微风轻拂
勤能补拙
展开
-
WebStrom 使用 Git拉取/提交 代码慢的原因
不要使用 cnpm install使用npm install 或 yarn install# 安装yarnnpm i -g yarn# 配置淘宝镜像yarn config set registry https://registry.npm.taobao.org# 安装依赖yarn install# 启动服务yarn run dev# 提交代码yarn run commit...原创 2021-09-18 09:26:53 · 779 阅读 · 1 评论 -
VUE 组件化
什么是组件、为什么使用组件?把一整个页面划分成一个一个小的模块,这些模块共同完成页面的功能,这些小模块就是组件。组建的可复用性提高了开发效率。原创 2021-05-21 16:36:17 · 56 阅读 · 0 评论 -
VUE 针对数组进行操作
说明:VUE针对数组的操作,开发了一套完成的API。push( ) 在数组的末尾添加数据pop( ) 删除数组中的最后一个元素shirt( ) 删除数组的第一个元素upshift( )在数据开头追加数据splice( )在指定的位置替换数据sort( )对数据进行排序(按照编码进行排序,由小到大)reverse( )数组反转<!DOCTYPE html><html> <head> <meta charset="utf-8"> &原创 2021-05-21 16:11:25 · 1192 阅读 · 1 评论 -
VUE生命周期
问:VUE中有几个生命周期函数?答:8个。问:最常用的函数是那个?答:mounted。1.VUE生命周期函数说明所有的生命周期钩子自动绑定 this 上下文到实例中,因此你可以访问数据,对property和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法(例如created:()=>this.fetch Todos() )。这是因为箭头函数绑定了父上下文,因此 this 与你期待的 Vue实例不同,this.fetchTodos的行为未定义。2.VUE生命周期函数<!原创 2021-05-21 14:41:59 · 60 阅读 · 0 评论 -
VUE 使用过滤器对数据进行操作
业务需求:用户输入数据后,使用过滤器将数据反转使用场景:对接收的数据进行格式化(数据/价格/时间)等<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>过滤器的使用</title> </head> <body> <div id="app"> <!-- 使用 | 线 调用过滤器-->原创 2021-05-21 13:48:00 · 624 阅读 · 0 评论 -
VUE遍历的几种方式
<!-- 1.循环数组 注意事项循环时指定 key 标识循环数据的位置 --><h1 v-for="item in hobbys" v-test="item" :key="item"></h3><!-- 2.带下表的循环遍历语法 两个参数:①.遍历的数据 ②.下标 --><h1 v-for="(item,index) in hobbys" v-text="item" :key="index"></h1><!-- 3.循原创 2021-05-21 09:41:06 · 2063 阅读 · 0 评论 -
VUE 监听器对数据进行操作
需求: 要求用户输入用户名称,之后服务器进行校验 如果存在给用户提示不可用,如果不存在则提示可用。<input type="text" v-model.lazy="username">{{msg}}</input>data: { username: '', //校验的结果 msg: ''},methods: { checkName(val){ //严格意义的数据校验,校验数值,校验类型。 --新版本提倡这么写。 if(val === 'admi原创 2021-05-20 18:46:51 · 208 阅读 · 0 评论 -
VUE 将字符串进行反转
需求:对一个字符串进行反转操作 用户输入:abc 后端输出:cba 思路: 字符串拆分成数组 将数组内容进行反转 将最终结果进行合并,返回给用户。把字符串拆分割成字符串数组: .split(’ ')把数组中的数据进行反转:.reverse( )把数组中的所有元素放到字符串中:.join(’ '){{msg.split(' ').reverse( ).join(' ')}} 计算属性调用: {{reverseMethod}}//定义计算属性computed: { r原创 2021-05-20 18:20:42 · 2297 阅读 · 0 评论 -
JS 中 循环遍历的几种写法
常规for 循环 for(var i=0;i<result.length;i++){ var user = result[i]; console.log(user) }使用in 关键字 //in 关键字 //index 遍历下标 for(index in result){ var user = result[index] console.log(user) }使用of 关键字 f.原创 2021-05-20 17:36:11 · 133 阅读 · 0 评论