鱼尾uuui-CSDN博客

转载 uniapp解决swiper高度自适应问题

uni-app swiper内容高度自适应问题解决_uniapp swiper高度随内容变化-CSDN博客

2024-08-13 11:41:46 158

原创 vue表格中实现复制某一行文本至剪切板

1、在循环体中把需要复制的文本节点标注唯一class，以下我用到couponsId。2、在循环体内添加一个输入框或者文本域，标注class，并设置透明度和脱离文档流。3、设置点击事件copyEvent，把当前循环的索引传入。

2024-05-08 11:27:19 216 1

按键别名：enter、tab、delete、esc、space、up、down、left、right、ctrl、alt、shift、meta。.lazy 将input事件改为change事件，失去焦点时v-model才会手机数据。.sync 扩展一个自动更新父组件属性的v-on监听器。.self 当前元素自身触发不是内部元素触发。.native组件的根元素上监听一个原生事件。:keydown.enter 回车按下。.once 点击事件只会触发一次。.prevent 阻止默认事件。.stop 阻止冒泡。

2024-03-25 23:07:14 183

原创 H5，C3面试题

对DOM的样式进行修改、比如color、backgrond-color等，浏览器不需要重新计算几何属性，直接去绘制该元素的新样式，这里就只会触发重绘。重绘：计算好盒模型的位置和大小、其他一些属性之后，浏览器会根据每个盒模型的特性（除了位置和大小，如：背景颜色，字体大小等）进行绘制。对DOM的大小、位置进行修改后，浏览器需要重新计算元素的这些几何属性，就叫做重排（回流）rem是相对于html标签的font-size的大小，em是相对于父元素的font-size的大小。：是伪类，：：是伪元素 =》是为了区分。

2024-03-23 03:21:26 206

原创 es6面试题

箭头函数的this指向定义的时候外层的第一个普通函数的this。filter会返回一个整体，把所有符合条件的都返回。every =》全部符合时返回true 否则false。find 会返回一个符合的第一个结果。find会返回第一个符合的结果。fulfilled：已成功。rejected：已失败。some =》有一个符合则返回true。pending：进行中。3、箭头函数没有prototype。4、箭头函数没有argument。1、this指向的区别。2、箭头函数不能用new。区别一：返回的内容不同。

2024-03-23 02:29:10 162

原创 uniapp -- 笔记

触发 : uni.$emit('事件名',value);接收 : uni.$on('事件名',()=>{})2.onShow=》监听页面显示，每一次进入都会执行。1.接收页面传递的参数，对象形式。1.onLoad=》监听页面加载，初次执行。3.onReady =》监听页面渲染完成。5.onUnload =》页面卸载。1.父传子props：跟vue一样。4.onHide =》页面隐藏。组件的生命周期跟vue的一样。uniapp中页面的生命周期。

2024-03-23 02:06:13 719

原创 js面试题

现在对象的本身查找 =》对象的构造函数中查找=》对象的原型上查找=》构造函数的原型中查找=》Object.prototype中查找。方式三：Object.prototype.toString.call().(arr).indexOf('Array')>-1。1.浅拷贝：只复制引用，而未复制真正的值（指向同一块内存空间），其中一个被修改，其他也会被修改；1.对象是通过new出来的，所以对象之间不相等注：引用类型例外，也就是浅拷贝的类型。语法：fn.call()、fn.apply()、fn.bind();

2024-03-22 02:42:19 1488 1

原创 vue2和vue3的区别

vue3可以向下兼容，可以选择是api，也可以是组合式api或是setup语法糖形式。后添加的属性可以劫持，也不需要循环代理。后添加的属性劫持不到。vue3：呢哇 Proxy（）vue2是选择是的api。1.vue2和vue3双向绑定方法不同。

2024-03-21 02:50:16 102 1

原创 vue2 -- $api

数据定义在data的return内和return的区别1.在return内的是数据响应式数据，因为通过data函数返回给Object.define...,而在return外则相当于在组件实例上添加了一个值，并不能实现数据响应式。

2024-03-21 01:15:50 245 1

原创 vue2--路由

history找不到页面是会像后端发送一次请求而hash不会。beforeRouteUpdate 路由更新之前。beforeRouteEnter 路由进入之前。beforeRouteLeave 路由离开之前。history默认情况看不到内容，需要配置。$router不仅包含当前路由，还有整个路由器的方法和对象。beforeEnter 路由进入之前。beforeEach 路由进入前。hash的url上带有#history带有/两种模式：history、hash。1.关于找不到页面的问题。

2024-03-21 00:49:37 165 1

原创 vue2--vuex

但是通过辅助函数则不能，因为mapState相当于复制了一份，相当于映射了一份，并不能直接修改state。总结：mutations是用来修改state数据的，actions是用来提交mutations的。通过this.$store.state.xxx 可以直接修改state的值。actions =》存放异步方法，并且提交给mutations。mutations执行同步方法，返回值是一个对象。相同：mutations和actions都是存放全局方法的。mutations =》存放同步方法的。

2024-03-21 00:33:31 336 1

原创 vue2--组件传值

this.$refs.listRef.xxx 这个方法可以直接更改子组件的数据。子组件通过：this.$parent.xxx来获取父组件的数据。子组件定义自定义事件：this.$emit。父组件通过v-bind绑定数据传给子组件。优势：父组件可以直接向所有子组件注入数据。这种方式可以直接修改父组件的数据。子组件通过props来接收。通过eventBus全局事件总线。2.子组件直接使用父组件的数据。2.父组件直接拿到子组件的数据。

2024-03-20 23:23:09 249 1

原创前端八股文--vue2生命周期

可见，vue2会先执行完父组件可拿到data的生命周期后依次运行子组件生命周期，所有子组件解析完后父组件才算挂载完成，所以触发mounted。因为如果请求封装在methods中，在beforeCreate调用的时候，这个阶段时拿不到methods中的方法的所以不行。如果使用了keep-alive组件，当前的组件会额外增加2个生命周期（系统8+2）mounted：同步获取dom，如果有子组件需要父组件的数据，那就在这里发送请求。如果组件加入keep-alive后，第一次进入生命周期会调用五个生命周期。

2024-03-20 16:40:53 398 1

Yydemo1的博客

转载 uniapp解决swiper高度自适应问题

原创 uview1.x uView组件展示本地图片

原创 vue表格中实现复制某一行文本至剪切板

原创 vue面试题

原创 H5，C3面试题

原创 es6面试题

原创 uniapp -- 笔记

原创 js面试题

原创 vue2和vue3的区别

原创 vue2 -- $api

原创 vue2--路由

原创 vue2--vuex

原创 vue2--组件传值

原创前端八股文--vue2生命周期

原创关于vue3 router-link的tag属性不生效的问题

原创 git本地撤销修改操作

原创 element-plus，表格内嵌图片预览时导致的样式问题

原创 element-plus图片预览组件el-image-viewer组件，自定义初始索引和ts类型

原创 Component inside ＜Transition＞ renders non-element root node that cannot be animated. Vue提示

原创 pinia仓库中使用router报错 inject() can only be used inside setup() or functional components.

原创 [Vue warn]: Invalid vnode type when creating vnode: .

原创 js原生页面点击导航滚动动画

空空如也

空空如也