Agcdlkh-CSDN博客

原创微信小程序有哪几种事件？

bindtouchend="mytouchend" bindtap="mytap">点我吧</button>单击事件由touchstart、touchend组成,touchend后触发tap事件。双击事件由两个单击事件组成，两次间隔时间小于300ms认为是双击；官方文档没有双击事件，需要开发者自己定义处理。

2024-06-16 22:34:27 260

git remote add origin 远程仓库地址本地仓库与远程仓库建立连接。git push origin master 将本地仓库提交的内容推到远程仓库。git config --global user.email 邮箱设置邮箱。git pull origin master 将远程仓库的文件拉到本地仓库中。git config --global user.name "用户名"git config --global user.email "邮箱"git add 文件名。

2024-06-09 14:00:00 180

原创 vue常用插件

vue-material - 通过Vue Material和Vue 2建立精美的app应用。vue-beauty - 由vue和ant design创建的优美UI组件。vue-virtual-scroller - 带任意数目数据的顺畅的滚动。vue-infinite-loading - VueJS的无限滚动插件。vue-infinite-scroll - VueJS的无限滚动指令。vue-pull-to-refresh - Vue2的上拉下拉。vue-waterfall - Vue.js的瀑布布局组件。

2024-05-26 19:31:48 291

原创 Vue路由???Vue指令/？？？？

import About from '../ components/About' // 引入组件。import Home from'../ components /Home' // 路由组件。3.优缺点：少次的显示隐藏推荐使用v-if，减少内存的消耗多次的显示隐藏推荐使用v-show。2.通过切换，“隐藏”了的路由组件，默认是被销毁掉的，需要的时候再去挂载。2.不同点：v-if存在或不存在，v-show展示或不展示。工作过程：当浏览器的路径改变时，对应的组件就会显示。

2024-05-19 18:48:03 285

原创用js操作dom节点的一些方法

一、获取节点返回拥有指定 id 的第一个节点返回带有指定名称的节点集合返回带有指定标签名的节点集合返回带有指定class名称的节点集合document.querySelector("css选择器");返回匹配指定的CSS选择器的第一个节点。

2024-05-12 20:05:26 161

原创 Vue中watch与watchEffect的区别

1.都能监听响应式数据的变化，不同的是监听数据变化的方式不同2.watch：要明确指出监视的数据<template> <div>{{ sum1 }}</div> <div>{{ sum2 }}</div> <button @click="changeSum1">sum1+1</button> <button @click="changeSum2">sum2+1</button></template><script lang="ts" setup>import { wat

2024-05-05 17:00:00 299

原创 Vue3之生命周期

/ 卸载前 onBeforeUnmount(() => { console.log("卸载前");}) // 卸载完毕 onUnmounted(() => { console.log("卸载完毕");console.log("挂载完毕");console.log("挂载前");我们直接console.log就可以了。console.log("创建");

2024-04-30 22:21:45 110 2

原创 Mock.js的基本使用

假设我们在开发的过程中，我们需要使用到接口，但是后端接口并没有完善，那么我们就可以使用到mock.js，它可以随机生成数据，拦截AJAX请求，让我为大家简单的介绍一下吧！// 只会拦截相对应的请求如果是post下的/hello 它不会拦截。// 假设 hello是一个正常的接口有自己的数据只要一被拦截。// 字符串重复次数大于1 小于5 ''随机。// 字符串重复次数大于1 小于5 ''随机。// 写get 就是拦截get请求的/hello。// res 就会打印 mockjs中的数据。

2024-04-22 09:13:12 350

原创 vue动画

h1 v-show="isShow" class="animate__animated animate__swing" key="2">今天学习过渡动画</h1><h1 v-show="isShow" class="animate__animated animate__bounce" key="1">你好</h1><h1 v-show="isShow" key="2">今天学习过渡动画</h1><h1 v-show="isShow" key="1">你好</h1>-- appear自动加载动画 -->

2024-04-14 20:28:26 242

原创 e和event区别？ v-model是什么? v-model原理 ?

1.双向数据绑定，既可以从data流向页面，也可以由页面流向data。3.v-model:value=""或v-model=""(简写)2.e自身某个事件带有的方法，event是window带有的。2.通常用于表单收集，v-model默认绑定value值。1.定义函数()，接收时e,当为形参。1.v-model本质是一个语法糖。3.oninput数据传递-->2.v-bind绑定数据。

2024-04-08 08:32:34 115

原创【vue.js生命周期】

1.局部过滤器new Vue({filters:{名称(value){}}})，全局过滤器Vue.filter(“名称”,function(value){})生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的。是什么：Vue在关键时刻帮我们调用的一些特殊名称的函数。生命周期函数中的 this 指向是vm或组件实例对象。3.使用时|名称, 多个过滤器串联，拿取的值是前一个。又名生命周期回调函数、生命周期函数、生命周期钩子。3.this指向Vue实例(vm)1.生命周期函数，钩子函数。

2024-03-31 20:44:31 244 1

原创 vue什生命周期？过滤器？

1.局部过滤器new Vue({filters:{名称(value){}}})，全局过滤器Vue.filter("名称",function(value){})3.使用时|名称, 多个过滤器串联，拿取的值是前一个。3.this指向Vue实例(vm)1.生命周期函数，钩子函数。2.生命周期函数命名不能修改。2.返回一个新的数据。

2024-03-24 21:35:39 95

原创什么是自定义指令？

规则：定义指令名称不能使用驼峰和v-，要是用-连接，记得添加引号。inserted(节点,绑定对象){},Vue.directive ,定义在实例化之前。update(节点,绑定对象){}directives ,写入Vue实例中。bind(节点,绑定对象){},重新解析时调用(值发生改变)名称(节点,绑定对象){}使用时要v-自定义名称。

2024-03-17 19:34:16 327 1

原创 vue是什么？vue有几个属性？

注：搭建脚手架（vue-cli）后只能出现一个容器。v-bind:或:绑定属性名，单向数据绑定。v-if判断和v-show 显示隐藏。v-else和v-else-if判断。v-text和v-html。创建容器，通绑定id值。v-on:或@绑定事件。

2024-03-07 14:55:27 356 1

原创请写出call()，bind(),apply()区别，并写出使用原型的方式构造一个call()方法？请写出原型查找机制？

/ 2. 如果没有就查找它的原型（也就是 __proto__ 指向的prototype 原型对象）// 5. __proto__ 对象原型的意义就在于为对象成员查找机制提供一个方向，或者说一条线路。// 2.apply、call这两个方法的主动调用，bind返回的是改变this指向后的新函数；// 3.传参的问题区别，call和bind都是直接传递参数，apply传递的是数组。// 3. 如果还没有找到就查找原型对象的原型（Object的原型对象）

2024-01-07 21:19:36 339 1

原创 es6中箭头函数有什么特性？改变this指向的方法有哪些

/ 本身没有this的概念，捕获其所在上下文的 this 值，作为自己的 this 值，this指向全局。// 箭头函数不能当做Generator函数,不能使用yield关键字。// 箭头函数有constructor、length属性。// 不绑定arguments，用rest参数…// 箭头函数没有原型属性(prototype)// 箭头函数不能使用new（会报错）// 箭头函数可以立即执行。// 箭头函数不能换行。

2024-01-07 21:17:52 327 1

原创 1，请使用jq通过get和post调用接口http://index.com数据并接收，get和post传id=99？ 2，什么是class类？

类定义不会被提升，这意味着，必须在访问前对类进行定义，否则就会报错。类中方法不需要 function 关键字。的本质是 function。

2024-01-05 14:53:01 383 1

原创弹性盒子中复合属性的值有哪些？中文和英文

该情况下弹性子项溢出的部分会被放置到新行，子项内部会发生断行。默认，弹性容器为单行。该情况下弹性子项可能会溢出容器。反转横向排列（右对齐，从后往前排，最后一项排在最前面。横向从左到右排列（左对齐），默认的排列方式。反转纵向排列，从后往前排，最后一项排在最上面。反转 wrap 排列。

2023-12-25 10:49:26 365

原创使用js通过get和post调用接口http://index.com数据并接收，get和post传id=99

get方式id=99");Post方式表单格式JSON格式// }))

2023-12-25 10:20:22 505

原创什么是Proxy对象？什么是class类

一个 Proxy 对象由两个部分组成： target 、 handler。在通过 Proxy 构造函数生成实例对象时，需要提供这两个参数。// target 即目标对象， handler 是一个对象，声明了代理 target 的指定行为。// 严格模式set失效，开启严格模式方法"use strict";类定义不会被提升，这意味着，必须在访问前对类进行定义，否则就会报错。类中方法不需要 function 关键字。的本质是 function。

2023-12-25 10:19:50 366

原创什么是Generator，与普通函数有什么区别？await 特性是什么

/ Promise 对象：await 会暂停执行，等待 Promise 对象 resolve，然后恢复 async 函数的执行并返回解析值。// 3.其中 * 用来表示函数为 Generator 函数，yield 用来定义函数内部的状态。// 如果在 async function 函数体外使用 await ，你只会得到一个语法错误。// Generator 函数，可以通过 yield 关键字，把函数的执行流挂起，为改变执行流程提供了可能。// 非 Promise 对象：直接返回对应的值。

2023-12-25 10:18:29 332

原创导入导出的所有方式

/第一种//第二种//第三种//第四种//第一种//第二种//第三种。

2023-12-25 10:17:34 404

原创弹性盒子对齐方式有哪几种？分别是哪几种？有什么区别？浏览器5大兼容性

修改 flex-wrap 属性的行为，类似 align-items, 但不是设置子元素对齐，而是设置行对齐。设置弹性盒子元素在主轴（横轴）方向上的对齐方式。设置弹性盒子元素在侧轴（纵轴）方向上的对齐方式。-o- 欧朋浏览器。-ms- IE浏览器。-moz- 火狐浏览器。-webkit- 谷歌和。

2023-12-25 10:16:14 380

原创 hTml5新增的标签中文和英文，视频属性中6个属性

aside --- 侧边栏标签。- nav --- 导航标签。- footer --- 尾部标签。- article --- 内容标签。- section --- 块级标签。poster下载时显示的图像,值为url。controls视频的播放控件。header --- 头部标签。autoplay视频就绪后立马播放。

2023-12-25 10:14:44 391

原创防抖的2种方式节流的2种方式

防抖let times;先执行// if(!obj){obj);// }// };后执行// };节流1，延时器var time;// if(!time){// }//时间戳// }// }

2023-11-06 10:22:12 28

原创 ES6新增操作字符串的方法有哪些?5. ES5中操作数组的方法有哪些

方法可删除从 index 处开始的零个或多个元素，并且用参数列表中声明的一个或多个值来替换那些被删除的元素。如果从 arrayObject 中删除了元素，则返回的是含有被删除的元素的数组。// padEnd(总长度,"填充的字符串")：返回新的字符串，表示用参数字符串从尾部（右侧）补全原字符串。返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。padStart(总长度,"填充的字符串")：返回新的字符串，表示用参数字符串从头部（左侧）补全原字符串。

2023-10-23 10:11:45 27

Agcdlkh的博客