chuyuni的博客

原创 css中的一些符号代表什么选择器

表示将所有元素的margin和padding都设置为0，*可以设置所有元素的默认样式。span后出现的下一个元素为p，且span和p是有共同的父元素。相同父元素中的两个元素，h1和span必须是同意级的元素。上面例子表示的是div里的所有span元素。表示选择div的所有span的子元素。

原创 【无标题】

结合$nextTick方法，我们可以确保在元素插入或更新之后再添加过渡效果，避免在元素还未完全渲染完成时出现不自然的动画效果。结合$nextTick方法，我们可以更好地控制过渡和动画的时机，让它们在DOM更新之后生效，从而达到更好的用户体验。同样地，我们可以使用$nextTick方法确保在元素更新之后再添加动画效果，以保证动画的流畅性和准确性。在过渡结束时，Vue.js会自动添加这个类名，以确保元素最终停留在正确的位置和样式。这个类名表示元素进入时的起始状态，即元素还未开始进入时的样式。

原创 【无标题】

replace()方法与push()方法类似，都是以编程方式导航到一个新的URL。两者的区别在于，replace()方法在导航栏后不会像历史记录中添加新的记录，而是会替换历史记录中的当前记录。在vue中，页面有两种导航方式，分别是声明式导航和编程式导航。go()方法用于实现前进或后退的效果，其参数表示历史记录中前进或后退的步数，类似于window.history.go(),相应的地址栏也会发生改变。push()方法会向历史记录中添加一个新的记录，以编程方式导航到一个新的URL。2.replace()方法。

原创 路由守卫

如果接收了next()函数， 则必须调用next()函数，否则不允许用户访问任何一个路由。组件导航守卫：包括beforeRouteEnter()、beforeRouteUpdate()、beforeRouteLeave()3个守卫。导航独享守卫：目前只有beforeEnter()守卫，只有在路由导航到一个不同的页面时才会被触发，beforeEnter()守卫只试用于单个路由。全局导航守卫：包括全局前置守卫beforeEach()和全局后置守卫afterEach()，在路由即将改变前和改变后进行触发。

原创 【无标题】

原理: v-model本质上是一个语法糖例如应用在输入框上，就是 value属性 和 input事件 的合写。大家都了解v-model可以实现双向数据绑定，它是如何实现的呢？让我为大家介绍一下吧！注意：$event 用于在模板中，获取事件的形参。1.数据发生改变，页面会自动变 :value。2.页面输入改变，数据会自动变 @input。作用:提供数据的双向绑定。

原创 watch与watchEffect的区别

/ 我们使用watchEffect时不需要指定监听的数据。// 我们使用watch时需要指定监视的数据。

原创 css书写

让我为大家介绍一下css的书写位置。

原创 SQL语法

语法：ALTER DATABASE 数据库名 DEFAULT CHARACTER SET 字符集;语法：CREATE DATABASE 数据库名 CHARACTER SET 字符集;语法：CREATE DATABASE IF NOT EXISTS 数据库名;语法：SHOW CREATE DATABASE 数据库名;语法：CREATE DATABASE 数据库名;语法：DROP DATABASE 数据库名;判断数据库是否已经存在，不存在则创建数据库。语法：USE 数据库名;查看正在使用的数据库。

原创 vue 组件组件通信方法

在子组件标签上写上ref属性，父组件通过this.r e f s . n a m e . 方法名或者 t h i s . refs.name.方法名或者this.refs.name.方法名或者this.refs.name.属性名的方式可以访问子组件的数据和方法。子组件传值给父组件，需要在子组件中触发一个事件，在事件中，调用$emit(‘父组件的方法名’, ‘传递的值’)，然后在父组件中，通过在子组件标签上自定义事件函数，接收传递过来的值。父组件：home.vue。父组件：home.vue。

原创 Axios技术

axios是一种网络请求库，用于发送和接收请求。它可以通过promise机制来处理请求，使用jsonp的方式获取数据，也可以使用默认的get请求的参数拼接。axios还可以发送并发请求，使用全局请求配置格式和timeout来控制请求的执行。在封装网络请求时，可以使用promise包装、回调函数的方法或拦截器来处理请求。

原创 Vue生命周期（四个阶段，八个钩子函数）

在这一步中，实例已完成对选项的处理，意味着以下内容已被配置完毕：数据侦听、计算属性、方法、事件/侦听器的回调函数。4. mounted：实例被挂载后调用，这时 el 被新创建的 vm.$el 替换了。5. beforeUpdate：在数据发生改变后，DOM 被更新之前被调用。8. destroyed：实例销毁后调用。该钩子被调用后，对应 Vue 实例的所有指令都被解绑，所有的事件监听器被移除，所有的子实例也都被销毁。3. beforeMount：在挂载开始之前被调用：相关的 render 函数首次被调用。

原创 vue的基本原理

(1) computed 计算属性:依赖其它属性值，并且computed的值有缓存，只有它依赖的属性值发生改变，下一次获取computed的值时才会重新计算computed的值。(2) watch 侦听器:更多的是观察的作用，无缓存性，类似于某些数据的监听回调，每当监听的数据变化时都会执行回调进行后续操作。

原创 【无标题】vue

v-for遍历数组对象，字符串,指定次数v-if做判断隐藏(是否存在)区别:对于元素只是一次可以选择使用v-if(消耗内存 ),操作次数多v-show(并没有销毁元素)1.在vue2中，v-for优先级比v-if高在vue3中，v-if优先级比v-for高2、v-if和v-for不能同时使用3、同时使用需要在外层嵌套盒子,在外层进行v_if判断， 在内层进行v-for循环v-if判断和v-show显示隐藏v-else和v-else-if判断注。

原创 修饰符等。

规则：定义指令名称不能使用驼峰和v-，要是用-连接，记得添加引号使用时要v-自定义名称函数写法名称(节点,绑定对象){}对象写法名称:{绑定成功调用bind(节点,绑定对象){},插入到页面调用inserted(节点,绑定对象){},重新解析时调用(值发生改变)update(节点,绑定对象){}

原创 内置指令

通俗意思就是循环，可以遍历数组、对象、字符串、指定次数。数据由data流向页面（单向数据绑定）是遍历的对象、数组、字符串、指定次数。绑定事件时不要再让事件有on关键字了。是需要拿取的值，循环之后得到的值。

原创 vue2基础

vue启动时出现的提示,Vue.config.productionTip阻止启动提示< 创建容器，通绑定id值注：搭建脚手架（vue-cli）后只能出现一个容器 >{{差值}}new 一个vue实例（）{el：“容器名称”，例 el：“#app”有两种方法：第一种就是上方展示第二种 Vue实例.$mount("容器名称")例：vm.$mount("#app')，注：$smount绑定方式一定要放在实例最后data用于定义变量的集合，通常与差值提供对象式data：{函数式。

原创 用express创建接口

语法如下：$.ajax({type:"get",-------------------------（调取接口的方法）url:`${base}/login`,-----------------（路径）base= "http://127.0.0.1:81"data:{ ------------------------内容},success:(req)=>{---------------------------------------函数})

原创 【无标题】

Map对象和object一样是用于保存键值对。但是Map对象任何值(对象或者原始值) 都可以作为一个键或一个值。

原创 分离html，css，js

【代码】分离html，css，js。

原创 使用express创建服务

【代码】使用express创建服务。

原创 js使用ajax调用get接口/index

【代码】js使用ajax调用get接口/index。

原创 【无标题】

语法：box-shadow： px px px px color;从左上角开始（到右下角）的线性渐变。你可以通过指定水平和垂直的起始位置来制作一个对角渐变。从顶部开始的线性渐变。从左边开始的线性渐变。

原创 node js

注意：为了防止混乱，建议大家不要在同一个模块中同时使用 exports 和 module.exports。module.exports能使用赋值为{},也可以使用module.exports.共享成员。模块化是指解决一个复杂问题时，自顶向下逐层把系统划分成若干模块的过程。exports不能使用赋值为{},可以使用exports.共享成员。每个.js文件都有自己的module，共享的成员会存在module。使用require("自定义模块路径");提高了代码的可维护性。

原创 node js

201：表示资源被正确的创建。202：请求是正确的，但是结果正在处理中，这时候客户端可以通过轮询等机制继续请求。101(切换协议) 请求者已要求服务器切换协议，服务器已确认并准备进行切换。请求的时候没有带上 Token 等。403：请求的资源不允许访问。400：请求出现错误，比如请求头不对等。301：请求成功，但是资源被永久转移。300：请求成功，但结果有多种选择。200：正确的请求返回正确的结果。304：请求的资源并没有被修改过。404：请求的内容不存在。501：请求还没有被实现。

原创 es6

4、http的连接很简单，是无状态的；HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，比http协议安全。3、http和https使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443。url: base+"/posts",//base是"//http.127.0.0.1"2、http是超文本传输协议，信息是明文传输，https则是具有安全性的ssl加密传输协议。4.onreadystatechange 监听事件。$.ajax()默认行为是get。

原创 class类

1.class 的本质是 function。2.不可重复声明。3.类定义不会被提升，这意味着，必须在访问前对类进行定义，否则就会报错。4.类中方法不需要 function 关键字。5.方法间不能加分号。命名类匿名类。

原创 es6

查找数组中符合条件的元素索引， 若有多个符合条件的元素，则返回第一个元素索引。参数1：遍历函数，该遍历函数可接受3个参数：当前元素、当前元素索引、原数组。参数3(可选)：被填充的结束索引，默认为数组末尾(不包含)，默认到最后。参数3(可选)：被用来覆盖的数据的结束索引，默认为数组末尾。查找数组中符合条件的元素,若有多个符合条件的元素，则返回第一个元素。将一定范围索引的数组元素修改为此数组另一指定范围索引的元素。参数2：被用来覆盖的数据的起始索引。将一定范围索引的数组元素内容填充为单个指定的值。

原创 nodejs

fs.writeFile("./2.txt","小红:99\n小白:100\n小黄:70\n小黑:66\n小绿:88","utf-8",function(err){执行方式四： window+r,输入cmd，cd切换到当前文件目录，node 文件名。执行方式二： 查找到文件夹，在文件路径输入cmd，node 文件名。语法：fs.writeFile("文件名",内容,"utf-8",函数）语法：fs.readFile("文件名",,"utf-8",函数）使用 ↑ 键，可以快速定位到上一次执行的命令。

原创 【防抖和节流】

【代码】【防抖和节流】

原创 【无标题】

let arg = [...arguments].slice(1) //[...xxx]把类数组变成数组，arguments为啥不是数组自行搜索 slice返回一个新数组。context[fn] = this //给context添加一个方法 指向this。// 处理参数 去除第一个参数this 其它传入fn函数。// 创造唯一的key值 作为我们构造的context内部方法名。delete context[fn] //删除方法。context[fn](arg) //执行fn。// 执行函数并返回结果。

原创 【无标题】

在使用let、const命令声明变量之前，该变量都是不可用的。使用var声明的变量不存在暂时性死区。： 块作用域由 { }包括，let和const具有块级作用域，var不存在块级作用域。： var声明变量时，可以重复声明变量，后声明的同名变量会覆盖之前声明的遍历。const和let不允许重复声明变量。： var存在变量提升，let和const不存在变量提升，即在变量只能在声明之后使用，否在会报错。： 在变量声明时，var 和 let 可以不用设置初始值。而const声明变量必须设置初始值。

原创 【无标题】CSS3转换

*CSS3 2D 转换方法。

原创 弹性盒子等

align-content 属性：用于修改 flex-wrap 属性的行为。类似于 align-items, 但它不是设置弹性子元素的对齐，而是设置各个行的对齐。align-items 属性：设置或检索弹性盒子元素在侧轴（纵轴）方向上的对齐方式。justify-content属性：设置弹性盒子元素沿着弹性容器的主轴线对齐。flex-direction 属性指定了弹性子元素在父容器中的位置。flex-wrap 属性：用于指定弹性盒子的子元素换行方式。属性属于指定弹性子元素如何分配空间。

原创 9.10b笔记