- 博客(18)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 浏览器复制剪切板功能的点，canvas使用遇到的问题
localhost可以访问到clipboardItem 和 clipboard 方法，会发现复制剪切板需要用到。
2025-03-22 17:43:09
141
原创 面试问题汇总
定于数据角度对比：ref 用来定义：基本类型数据reactive 用来定义：对象、或数组类型的数据备注：ref也可以用来定义对象或数组类型数据，它内部会自动通过 reactive 转为代理对象原理角度对比：ref 通过 Object.defineProperty() 的 get 与 set 来实现响应式的（数据劫持）reactive 通过使用 Proxy 来实现响应式（数据劫持），并通过Reflect 操作源对象内部的数据。使用角度对比。
2024-03-01 16:07:06
1131
1
原创 vue项目用inersectionobserve实现图片懒加载
标签绑定到一个动态属性，并设置占位符为空字符串或占位图。接着，在mounted()钩子函数中创建了一个交叉观察器实例，并调用observe()方法监听当前组件元素是否进入或离开视窗。在回调函数中，如果元素进入视窗且未加载过图片，则将状态修改为已加载，并渲染图片。标签绑定到一个动态属性并设置占位符，避免页面出现大量空白区域。需要注意的是，在使用Intersection Observer实现图片懒加载时，应该将。另外，如果需要支持较老的浏览器或移动端设备，可以使用第三方库。希望这些内容能够对您有所帮助！
2023-11-22 17:27:30
177
转载 减少重排提高性能的方式
尽管网页达到了2MB，但是性能却成了一个热点话题。你的应用越舒畅，用户体验就越好，转换率就越高。也就是说，添加粗浅的CSS3动画或者不考虑后果的控制多个DOM元素会让我感到很惭愧。当在应用视觉效果时，浏览器中用到了两个术语：重绘重绘放生在元素的改变影响显示但不影响布局的时候。例如，opacity, background-color, visibility, 和outline。重绘是很昂贵的，因为浏览器必须检查DOM中所有的节点——在发生改变的元素下，一个或多个元素变的可见！重排重排会有更大的影响。
2022-05-25 18:00:44
766
原创 vue-element-admin proxy 跨域问题
去 vue.config.js 添加 proxy.env.development （本地、测试环境文件名）(这是环境，这里拿本地环境做例子).env.production（生产环境文件名）# just a flagENV = 'development'# base apiVUE_APP_BASE_API = '/api' //这里就是匹配 /api 的入口proxy: { "/api": { target: "http://172.10.11.87:8080/"
2021-11-23 18:22:30
521
原创 垂直对齐css
display: flex; flex-flow: column; //垂直排列 justify-content: space-between;//两端对齐##有时不生效，设置高度就可以了height:100%;
2021-04-12 11:02:44
98
原创 2021-04-02
git 操作，避免线上创建分支和本地的分支冲突，如果本地已经有分支，将以下代码git push --set-upstream origin 1.0.0意思是，将本地的分支1.0.0，推到线上并且自动创建线上分支1.0.0
2021-04-02 11:06:23
74
原创 多行省略号（使用碰到问题解决）
html<div class="text">55555555555555555555555555555555555555555555555</div>css.text { width: 434rpx; //兼容浏览器，有些浏览器不设置宽度有问题 height: 88rpx; text-overflow: ellipsis; display: -web
2021-03-05 11:43:29
705
1
原创 获取元素的行数方法
了解原理，其实就是 行数 = 元素高度 / 元素行高uni-app 小程序端：<view style="line-height:44rpx;" class="line">888888888888888888888888888888888888888</view>uni.createSelectorQuery().in(this).select('.line').boundingClientRect(res => { var height = res.height;
2021-01-26 16:18:50
507
原创 uni-app 函数节流 throttle
节流运用场景：比如在 监听鼠标的滚动的时候，如果不加节流，只要滚动就会触发函数，耗费大量的性能，因此，节流就应运而生，以下是节流的代码（运用时间来实现节流）//形参中的 fn ，是指自己根据需求写的方法//delay , 是打算多久执行一次方法的时间export const throttle = (fn,delay) => { //进入的时间，其实就是用户什么时候 触发 的 滚动条 var enterTime = 0; var gapTime = delay || 200; //间隔时
2021-01-26 14:39:02
2410
2
原创 es6 class 继承
class 继承class A { static sayHello(){ console.log('you are a handsome IT boy') }}class B extends A{ pig(){ console.log('pig') }}class C extends B{}B.sayHello(); //输出 you are a handsome IT boyC.sayHello(); //输出 you a
2021-01-12 17:26:43
83
原创 多维数组转变成单维数组的方法（ES10）
1.（二维数组）function test() { var arr = [1,[1,2],3]; console.log(arr.flat()) //输出}test();2.（多维数组）function test() { var arr = [1, 2, [3, 4, [5, 6]]] console.log(arr.flat(1)) // 输出 [ 1, 2, 3, 4, [ 5, 6 ] ] console.log(arr.flat(2)) // 输出 [ 1, 2, 3, 4,
2021-01-12 15:17:57
288
翻译 三点运算符（...）的使用
三点运算符（…）的使用 —2020-1-12作用（1）：它可以将多余的参数在行参进行合并，成为数组function test(a , ...b){ console.log(a) //输出 1 console.log(b) //输出 ["GTA5" , "GTASA"]}test(1,'GTA5', 'GTASA')作用（2）：可以将数组转成对应的字符串var a = ["a","b","c","d"]function test(){ console.log(...a) //输出 a
2021-01-12 12:22:53
1253
3
转载 uni-app 时间戳转日期格式方法
2020.11.09 uni-app 时间戳转日期格式方法orderDetailInfo.paytime是从后端获取的时间戳参数<view> <text>支付时间</text> <view>{{orderDetailInfo.paytime | formatDate}}</view></view>filters过滤器filters: { formatDate(value) { let date = ne
2020-11-09 11:59:49
3580
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人