博主网站(未完善)
博主首页

目录

01图标库
02插件安装

01条件渲染
02列表渲染
03模板渲染
04计算属性
05侦听器
06样式绑定
07样式
08事件
09表单输入绑定
10生命周期
11组件
12脚手架
13vue-router
14vuex
15拖拽
16组件间传递

01HTML元素
02CSS样式

01filter、find……
02匿名函数……
03动态拼接地址
04vh、vm
05vue中ref
06js类型判断
07插槽
08富文本编辑器
09javaScript
10watch监听
11依赖注入
12ES6运算符
13flex-direction
14本地存储
15随机颜色
16中间延申
17多次触发问题
18nvm安装
19表单数据动态
20持久化存储
21$nextTick
22::v-deep
23tab失灵
25封装表单验证
26电梯导航栏
27页面滚动渐入动画

css3基础01

01bs列表
02bs栅格
03bs表单
更新中......
摘要: 01.普通插槽 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D 阅读全文
posted @ 2021-12-25 22:26 !ment 阅读(162) 评论(0) 推荐(0) 编辑
摘要: 1.获取dom元素 <template> <div id="app"> <div ref="testDom">11111</div> <button @click="getTest">获取test节点</button> </div> </template> <script> export defau 阅读全文
posted @ 2021-12-23 23:05 !ment 阅读(29) 评论(0) 推荐(0) 编辑
摘要: 1、pxpx其实就是像素的意思,全称pixel,也就是图像的基本采样单位。对于不同的设备,它的图像基本单位是不同的,比如显示器和打印机。而我们通常所说的显示器分辨率是指桌面设定的分辨率,不是显示器的物理分辨率,但是现在我们的桌面分辨率和物理分辨率几乎是一致的,因为这样显示效果最佳。所以总的来说px就 阅读全文
posted @ 2021-12-23 22:34 !ment 阅读(111) 评论(0) 推荐(0) 编辑
摘要: <el-col :span="4" v-for="(item, index) in listData" :key="index"> <div class="grid-content grid-icon"> <router-link :to="item.url.replace('/', '-')"> 阅读全文
posted @ 2021-12-23 21:32 !ment 阅读(47) 评论(0) 推荐(0) 编辑
摘要: 01.匿名函数:顾名思义指的是没有名字的函数,在实际开发中使用的频率非常高!也是学好JS的重点。 匿名函数: (function (){ //由于没有执行该匿名函数,所以不会执行匿名函数体内的语句。 console.log("张培跃"); }) 匿名函数事件用处: <input type="butt 阅读全文
posted @ 2021-12-22 23:04 !ment 阅读(81) 评论(0) 推荐(0) 编辑
摘要: 01.find:该方法主要应用于查找第一个符合条件的数组元素。它的参数是一个回调函数。在回调函数中可以写你要查找元素的条件,当条件成立为true时,返回该元素。如果没有符合条件的元素,返回值为undefined。 1.以下代码在myArr数组中查找元素值大于5的元素,找到后立即返回。返回的结果为查找 阅读全文
posted @ 2021-12-22 00:06 !ment 阅读(80) 评论(0) 推荐(0) 编辑
摘要: 01.CSS引用方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css引用方式</title> <!--3.引入外部样式文件--> <!--Emmet语法写法:link:css--> <link rel 阅读全文
posted @ 2021-12-21 16:43 !ment 阅读(40) 评论(0) 推荐(0) 编辑
摘要: 00.small标签用来定义小型文本和旁注,通常被使用来缩小字体。如果文字已经是最小字号,那么small标签标签不起作用; 01.p标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>刚好遇见你</titl 阅读全文
posted @ 2021-12-21 16:20 !ment 阅读(118) 评论(0) 推荐(0) 编辑
摘要: 1.安装插件:npm install awe-dnd --save 2.引入方法,在mainjs文件中 import VueDND from 'awe-dnd' Vue.use(VueDND) 3.使用方法 <template> <div> <!--v-dragging中item:当前对象,list 阅读全文
posted @ 2021-12-20 11:23 !ment 阅读(39) 评论(0) 推荐(0) 编辑
摘要: 1.什么是vuex? Vuex是一个专门为Vue.js应用程序开发的状态管理模式。通俗的讲就是把所需要的多个组件共享的变量全部存储在一个对象里面,方便在不同组件获取或者修改值。 安装命令:npm install vuex@3.6.0 --save 卸载命令:npm uninstall vuex -- 阅读全文
posted @ 2021-12-10 01:23 !ment 阅读(57) 评论(0) 推荐(0) 编辑