- 博客(17)
- 收藏
- 关注
RSS订阅原创 vuex组件状态管理工具的使用
什么是vuex?1 state : 统一的定义公共数据2 mutations : 使用它来修改数据(类似于methods)3 getters : 类似于computed(计算属性 , 对现有的数据进行计算得到新的数据----派生)4 actions : 发起异步请求(axios)5 modules : 拆分模块1 安装 它是一个独立的包 , 需要先安装2 配置 a. 创建Vuex.store实例 b. 向Vue实例注入store...
2022-05-18 12:00:22
749
原创 什么是路由
单页应用和多页应用单页面应用(SPA , single page application) :所有的功能在 一个页面上实现一个html文件· 前端路由· 组件化开发·例如 : 网易云音乐 小米移动端多页应用 : 与单页应用相对应的 , 不同的功能通过不同的页面来显示单页面与多页面对比 :路由路由 : 就是一一对应关系的集合前端路由（单页应用程序）： 一个url地址，对应哪个组件后端路由：一个接口地址，对应哪一段接口地址前端路由 :...
2022-05-15 21:28:12
604
原创 为什么v-model是语法糖和vue2响应式的缺点
v-model是语法糖简单点说语法糖就是对一个更加复杂的操作的封装// 1. v-model 在表单元素上使用<input v-model="num" />// 2. v-model 在自己定义的组件上使用<MyCom v-model="num" />上面的写法是快捷方式，它等价于如下复杂的写法：<MyCom :value="num" @input="新值=>num=新值" />// v-model做两件事：// 1. 向子组件传来一
2022-05-15 20:08:28
468
原创 全局组件和全局指令
局部组件 : 导入的这个MyCom组件 , 只能在当前组件中使用import MyCom from './MyCom'export default { components: { MyCom } }全局组件 : 在main.js中设置import MyCom from './Mycom'// Vue.component(组件名，组件)Vue.component('MyCom', MyCom)局部指令 :自定义的指令只能在当前组件生效export default {
2022-05-15 19:44:27
205
原创 vue动态组件和插槽的使用
需求: 完成一个注册功能页面, 2个按钮切换, 额外封装两个组件：一个填写注册信息, 一个填写用户简介信息目标: 多个组件使用同一个挂载点，并可以动态切换，这就是动态组件目录结构根组件├── App.vue└── components ├── UserName.vue # 用户名和密码输入框 └── UserInfo.vue # 人生格言和自我介绍框格式 <component :is="comName"></component>...
2022-05-14 20:29:39
662
原创 JavaScript中字符串对象
1. str.indexOf( ) :获取 ‘字符串’ 在str中的首字母下标<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible"
2022-05-04 10:51:02
562
原创 JavaScript中基本的数组方法
1. 数组.concat(数组) : 两个数组连成一个新数组<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content=
2022-05-02 22:28:58
118
原创 汇总这些年容易出现的错误
1.fs核心模块的错误fs.readFileSync('文件路径' , "utf8")fs.writeFileSync(pathName, content, option)// 参数1: 要写入的文件路径 --- 相对路径和绝对路径均可，推荐使用绝对路径// 参数2: 要写入文件的内容// 参数3: 配置项，设置写入的字符集，默认utf-8报错原因参数2不是字符串或者Buffer,所以要转字符串2.nodejs中创建服务器时做接口出现下面报错原因是 : 端口1988已经在
2022-04-29 21:09:28
242
原创 元素水平垂直居中的四种方法
公共的HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t
2022-04-28 21:51:25
75
原创 CSS中你可能不知道增加特效的样式合集
背景图大小background-size : cover / contain / 百分比<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-
2022-04-27 19:24:51
179
原创 CSS进阶(下)
细线边框应用场景 : 设置表格边框border-collapse : collapsecss画三角形1. 设置一个盒子2. 设置四周不同颜色的边框3. 将盒子宽高设置为0 ,仅保留边框4. 得到四个三角形 , 选择其中一个后 , 其他三角形(边框)设置颜色为透明<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta htt
2022-04-26 22:11:32
97
原创 HTML和CSS概要
HTML和CSS概要HTML: 1.块级元素 div , p , h , ul>li , ol>li , dl>dt+dd 2.行内元素 span , a , b , u , i , s , strong , ins , em , del 3.行内块 img , input , textareaCSS: 1.引入方式 1.1内嵌式:写在style标签里面 1.2外链式...
2022-04-24 21:52:55
314
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人