- 博客(1083)
- 资源 (68)
- 收藏
- 关注
原创 vue3的性能为什么比vue2好
3.事件监听缓存,默认情况下绑定事件行为会被视为动态绑定,所以每次都会去追踪它的变化.vue3会把他缓存起来。2.静态提升,把一些静态的节点和属性提升到渲染元素之外。只会被创建一次,在渲染时直接复用.1.使用diff算法。dom元素在使用diff算法之后再渲染到页面上。
2024-04-19 15:10:28 68
原创 事件总线-发布订阅模式,js笔试题
4. 同⼀个事件类型,允许有多个回调函数,这些回调函数的处理顺序按先注册先触发的流程来。2. 可以通过 on 监听事件,在事件触发时会调⽤相应的回调函数。3. 可以通过 off 来移除事件监听。1. 可以通过 emit 触发事件。
2024-04-10 12:06:33 210
原创 要不要那么卷啊?前端是不是死了?
我说我会我做过很多这样的项目并把简历给了他,你猜他怎么滴,又是已读不回。我总觉得学到的能力都是前端的,我还想继续做。所有考试不是说小于30,要么就是35.本来想考今年的教师编制,结果一看城区30.村里很偏远的地方可放宽要求35.可是我们这些有家庭有孩子的去了村里偏远的地方家庭孩子怎么办?甚至连工作经验培训机构都能教你应付还能帮你打配合做背调(这个是我最近看视频学习的时候那些培训的要我们报班给介绍的报班的好处)。这种事情心知肚明,标的范围其实就是按照最低的来的,可是2年前找工作3-5年可是15k的起步。
2024-04-08 17:37:22 274
原创 从浏览器输入url到页面渲染出来发生了什么
首先域名解析,把url的链接地址解析成ip地址-----然后进行tcp的三次握手-----建立起tcp连接之后发送http请求-----响应http的请求----获取到页面的数据,渲染页面。这个也是面试经常被问到的问题。
2024-04-08 16:58:26 94
原创 http和https的区别(前端面试蒙圈问题整理)
我只知道https更加的安全至于为什么安全真的不知道。现在前端还要懂那么多原理和后端的知识真的太难了。http超文本传输协议,是采用明文的方式传输数据容易被攻击者获取到信息。https使用ssl进行加密。
2024-04-08 16:54:06 96
原创 小程序与H5区别,渲染环境有什么区别(前端面试蒙圈问题整理)
我自信满满的说了一堆样式布局开发环境运行环境的区别,结果面试官说我想知道的不是这些表面的东西。你知道底层一些的吗?比如渲染过程?啊。不好意思真是不知道。
2024-04-07 16:32:48 731
原创 移动端和PC端在布局和样式上有哪些主要差异?您是如何兼容这两种环境的?
移动端对手机网络的要求比较高,需要考虑弱网的情况。因为手机内存有限,如果网页运行时需要下载大量图片,并且需要执行一些耗时算法、动画,可能会比较占用内存和cpu,会导致动画卡顿、交互卡顿。移动端手机屏幕比较小。一般采用响应式布局。字体,宽高让它随屏幕的变化都变化。采用rem或者rpx,vw/vh的单位。移动端更加注重用户交互体验。没有那些悬停和双击,拖拽,右键菜单这样的事件。pc屏幕比较大,一般采用固定布局。移动端主要考虑不同手机的适配。pc的网络环境更加稳定。pc主要是鼠标操作。
2024-03-28 16:54:47 226
原创 v-for和v-if的优先级(怎么和我想的不一样呢?)
在vue中,v-for和v-if的优先级取决于版本:因此,建议在处理v-if和v-for连用的场景时,采取以下措施:
2024-03-26 16:46:44 117
原创 大龄程序员的出路在哪里?
比如前端,就去做前端讲师。但是感觉从自己闷头写到讲台上给大家讲其实也是很大的突破完全不一样的感觉。我们想去考教师图个安稳,年纪吧又有点卡了,很多都需要30岁之内,再者多年没有从事相关职业。相关的知识肯定不比刚毕业或者从教多年的代课老师。或者是别的行业,最近看到广告说社工证很简单含金量还可以。况且工资起伏一下子那么大有点接受不了啊!总觉得男生转行比较容易,毕竟现在网约车,外卖,快递。这些没有太大的门槛的行业男生都可以做。似乎过了30岁就到了程序员的一个节点。开始考虑是否转行,转行可以做什么?
2024-03-15 15:22:58 343
原创 Vue中的computed和watch有什么区别?
computed只有依赖的数据发生改变的时候就重新计算。计算的值会被缓存起来,如果没有改变实际上是去缓存中取得值。computed是计算属性。依赖于已经有的数据。可以通过this.直接访问。并且可以在页面中直接使用。当数据变化时触发函数。watch无论值有没有改变都会触发后面的函数。2执行时机和方式不同。
2024-03-13 16:09:59 337
原创 vue 父子组件嵌套下的生命周期顺序
子组件beforeCreate-created-beforeMount-mounted。父组件执行beforeCreate-created-beforeMount。销毁时:父组件先做销毁准备。等子组件销毁以后再去销毁父组件。子组件beforeDestroy-destroyed。子组件 beforeUpdate-updated。父组件beforeDestroy。父组件beforeUpdate。父组件destroyed。父组件mounted。父组件updated。
2024-03-12 17:45:28 421
原创 js如何使多个接口串行访问,并行访问
提供了一种更清晰的方式来写异步代码,它会在等待一个异步操作完成之后再继续执行。console.log('p1结束');console.log('p2结束');并行访问使用promise.all。来保证多个接口串行访问。
2024-03-12 14:24:16 428
原创 $refs进行通讯的弊端
的,即从父组件向子组件流动。使用$refs通信时会破坏这种单向数据流的原则,因为父组件可以直接修改子组件中的数据,容易导致状态管理的混乱和难以维护。:在Vue中,组件是可以复用的。但是,如果使用$refs进行通信,则只能将父组件和子组件绑定在一起,不能实现真正的组件复用。,这使得组件变得更加脆弱,如果其中一个组件发生了变化,则可能导致另一个组件无法正常工作。:使用$refs通信时,父组件和子组件之间形成了紧密的。:在Vue中,数据应该是。破坏了单向数据流的原则。可能导致组件复用困难。
2024-03-12 11:24:51 668
原创 Vue2和vue3的区别(前端面试常见问题)
Api的变化。选项式Api具有data ,watch,methods,computed,一个个的模块。如果代码过多可读性会很差。并且代码的逻辑要分别写在这几个模块中,逻辑分散。vue3组合式Api代码逻辑相同的可以写在一起,方便阅读和维护。
2024-03-12 11:17:04 485
原创 css一行的最后一个元素的margin-right为什么不起作用选择器合并“的机制,当使用flex布局并出现滚动条时,padding确实不会作用在不显示的最后一个元素上,而是会被应用在第一页的元素上。
这是因为CSS中的"选择器合并"的机制导致的。在样式表中,"选择器合并"的机制会将相邻的具有相同样式的元素的外边距合并在一起,形成一个较大的外边距。所以,当最后一个元素设置了margin时,由于"选择器合并"的机制,其外边距会与下一个元素的外边距合并,结果就是看上去似乎margin没有起作用。当设置一个元素的margin时,如果该元素是一行中的最后一个元素,而且该元素的margin属性设置了非零值,会发现其外边距并没有起作用。css一行的最后一个元素的margin-right为什么不起作用。
2024-01-19 15:27:43 460
原创 微信小程序怎么引入webview的url是本地的路径
这样的地址的时候会出问题。但是我们也不能每次把写的H5的代码发布在看效果啊?只需要修改一个地方就可以啦。当微信小程序访问类似。
2024-01-16 14:38:37 537
原创 WebView引入的页面如何实现交互。通过webview方式嵌套在小程序里面的页面如何实现保存到相册的功能
通过在 WebView 页面中触发保存图片的操作,并通过内部通信机制将图片链接传递给小程序,再在小程序中调用保存图片的接口,就可以实现在 WebView 页面中保存图片到相册的功能。// 向小程序发送消息 wx.miniProgram.postMessage({ data: { type: 'saveImage', imageUrl: imageUrl } });wx.showToast({ title: '保存失败', icon: 'none', duration: 2000 });
2024-01-16 11:26:46 554
原创 css 背景是个图片并且含有透明度的渐变色.超级简单。background相关属性就行了
然后上面有个渐变色。渐变色含有透明度这样才能把底纹显示出来。使用rgba的方式rgba(127,47,255,不用麻烦的把图片放进去各种定位修改层级来写啦。直接一个background相关属性就行了。背景色怎么增加透明度呢。
2024-01-12 17:53:00 727
原创 css 怎么绘制一个带圆角的渐变色的边框
1,可以写两个样式最外面的div设置一个渐变的背景色。里面的元素使用纯色。但是宽高要比外面元素的小。可以利用里面的元素设置padding这样挡住部分渐变色。漏出来的渐变色就像边框一样。//padding值就是渐变边框的宽度。
2024-01-11 17:19:18 992 1
原创 图片的填充模式object-fit
5. scale-down:如果内容比其原始大小要大,则缩小内容以适应容器,否则以其原始大小显示。3. cover:内容按比例缩放以覆盖整个容器,并保持其纵横比。可能会超出容器并被裁剪。2. contain:内容按比例缩放以适应容器,并保持其纵横比。容器内可能会留有空白。1. fill:内容填充整个容器,可能会扭曲其纵横比。4. none:内容不会缩放,并以其原始大小显示。
2024-01-11 16:40:34 451
原创 一个数组里面有倒计时时间如何不重复访问接口让倒计时自己走。从接口获取倒计时不再重复访问接口,自己倒计时直到结束。时:分:秒的格式倒计时如何自己走
首先列表数组数据接口提供的。我们展示列表的时候要把倒计时(接口给的数据格式是时:分:秒)展示出来。首先想到的是写个定时器一秒钟访问一次接口。但是频繁访问接口会加重服务器的负担。我们可以再进入页面的时候访问一次。然后自己写定时器定时,到0的时候清除定时器。//这个是重新访问接口的函数。首先接口给的倒计时时间是12:23:02。//把倒计时的时间戳转成时:分:秒的格式用于展示。时间戳转为倒计时时间格式是12:23:02。
2024-01-09 12:04:10 417
原创 使用van-calendar手机上用手指没办法滑动。电脑浏览器鼠标可以滑动
原因是我把这个组件写在了van-overlay里面。拿出来放在最外面就好了。
2024-01-04 16:12:57 436
原创 左右滚动的内容加点提示。滚动到第二页第二个点点高亮。模拟轮播图效果
这里本来我用了和上面一样获取scroll的参数。但是看着她的e.detail.scrollLeft一直是0.所以最后修改用了ref。所以用总的长度处以3.// 套餐滚动获取高亮显示的点。
2023-12-21 11:51:32 410
原创 css 灰质彩色的边框
border: 4px solid transparent;background-color:#fff;background-clip: padding-box,border-box;background-origin:padding-box, border-box;background-image: linear-gradient(90deg,#F5F6FA,#F5F6FA 42%,#F5F6FA),linear-gradient(151deg,#33e9bf,#c7e58a,#b1e8cc)
2023-11-16 10:10:03 263
原创 vue3+vite的项目报错 await import(‘source-map-support‘).then((r) => r.default.install()) ^^^^^Synta
执行nvm list查看电脑已经安装的node版本。然后nvm use v16.17.0。我的电脑安装了nvm可以查看目前已有的node版本。不会安装nvm的参考这个。报错原因是node版本的问题。要使用16之上的版本。查看一下node版本。
2023-04-24 10:44:58 2525
原创 taro多环境打包配置。新增一个环境
npm run build:sit:weapp就可以打包sit里面域名的环境啦。3.package.json里面新增一条指令。2.config-index.js里面加上。
2023-04-21 17:51:41 517
原创 git提交报错:husky - pre-commit hook exited with code 1 (error)
【代码】git提交报错:husky - pre-commit hook exited with code 1 (error)
2023-04-21 17:06:29 292
原创 使用vite快速安装项目(SyntaxError:Unexpected reserved word?)
前提环境:需要安装nodejs和npm,并且nodejs版本。
2023-04-01 15:14:48 321
原创 vue3里使用改变了一个reactive定义的数组。页面显示的地方并没有改变
系统是通过属性访问进行追踪的,因此我们必须始终保持对该响应式对象的相同引用。使用直接赋值的方式给voiceMoodList但是发现页面并没有改变。并且监听voiceMoodList的地方也没有触发。解决办法可以是我们把这个reactive的替换成ref。
2023-03-28 15:36:27 906
原创 微信小程序设置backgroundColor背景色没有改变
这是因为 backgroundColor 指的窗体背景颜色,而不是页面的背景颜色,即窗体下拉刷新或上拉加载时露出的背景。当我们在微信小程序 json 中设置 backgroundColor 时,实际在电脑的模拟器中根本看不到效果。如果想改变页面的背景。
2023-03-24 10:13:11 1156
原创 taro里面写watch,监听一个reactive的对象。我写了深度监听,但是没有走监听
在vue3中不管是对象还是数组都不能直接将整个数据进行赋值,这样会造成reactive定义的响应式失效。这样的一个个对象的内容赋值就不会失效啦。或者是把reactive改成ref。最后发现reactive定义的对象给他整体的赋值是不会走监听。打印了一下他的确是内容变化了。但是并没有走watch。我想监听这个currentQuery。所以我把赋值的地方改成。
2023-03-21 15:45:01 275
原创 lottie-miniprogram在taro+vue的小程序中怎么使用
使用import LottieView from '@/magic-head/pages/components/lottieView'import lottieJson from './data.json' //json的动画可以找产品要。console.log(res)//打印这个的时候是null。把一个json的动图展示在页面上。//获取设备系统的数据。我们可以应该把获取的生命周期改成useDidShow。但是发现使用在taro使用的时候他会报错。// 初始化加载动画。
2023-03-11 14:25:19 666
pdf.js插件实现在线预览pdf文件.zip
2020-08-25
1超齐全的方法layui的省市区。只知道name回填。只知道id回填.zip
2019-08-23
formSelects.zip
2019-07-29
超全基于layui得省市区三级联动插件.zip
2019-07-16
xlz基于layui的省市区三级联动.zip
2019-07-15
vue elmentui ueditor 数学公式 +新增自定义工具栏按钮 编辑器
2018-12-17
vue+elmentui+ueditor +数学公式 编辑器。完整版
2018-09-17
里面具有公式插件的一个ueditor编辑器
2018-09-07
vue项目模板。这是美容业的啊
2018-06-26
微信小程序多个视频合成一个播放。一个播放完自动在播放另一个。自定义视频进度组件
2022-07-01
mathml公式转为latex公式的前端插件
2020-10-14
vue+elmentui +ueditor编辑器 +数学公式 de 两个例子删除新增编辑器以及切换编辑器.zip
2020-09-23
vue+elmentui+ueditor +KityFormula数学公式 编辑器.zip
2020-09-22
uedotor引入tinymce-formal公式插件的例子的编辑器.zip Latex 公式在线可视化编辑器
2020-09-22
TinyCE结合插件MathType(wiris).zip
2020-09-22
tree第三层节点横向排列.vue
2020-06-18
gulp修改了的node_modules.zip
2020-06-10
一个跨域代理的例子.zip
2020-05-21
vue+vant的一个移动端的框架.zip
2020-05-20
ueditor.zip基于layer的ueditor编辑器,可以上传视频,音频,数学公式,自己添加的复杂公式比如矩阵方程组
2019-09-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人