- 博客(23)
- 收藏
- 关注
原创 vue实战之复杂界面复杂数据去魅
在选房界面中,实现诸如此类的选定界面数据定位功能,初开始看到时:好家伙,好复杂的api数据,好复杂的数据构成!这么复杂的数据还要定位到每一个类别,每一个样式的数据还要在各自的类别中精确定位到各个种类的数据占了多少个。里面的active可以直接对应当前项目类型的图片的中的哪一张,用动态类型绑定即可判定。使用时用一个vant现成的组件包裹住,里面根据vant官网给的api填入信息既可,确实很绕,但是分析源码之后,核心还是回到js和css的样式调整。用两次循环把对象中的数据取出,放入一个对象类型的二维数组即可。
2024-04-20 21:14:51 253
原创 vue3源码详解之:Proxy响应式如何实现?和vue2defineProperty比优化了什么?一文带你了解响应式底层原理
vue作为现在前端程序员必不可少的技术栈,大部分人可能都式仅仅学会了怎么调用、怎么调接口、怎么传参、怎么构造限时界面,反之其中的核心底层原理三大部分:reactive/complier/runtime确没有花什么心思学习,那么这样显然是不利于我们程序员钻研技术的,因为没有根的技术总是像浮萍一般,不会造轮子的程序员不是一个有理想的程序员,
2024-05-03 19:01:16 232
原创 2024前端春招有offer了吗?
本人投递月下旬起了,有很多公司互联网大厂已经结束招聘,但是有些还开了,少量hc估计,现在每天就是找国企和遗漏的前端岗位,范围包括新能源、会联网、新势力车企、国企、英航、基金、研究所等等,现在今年的行情基本就是拿到一个offer再说了,没办法行情太差,有哪位大佬还知道有hc的,或者有前端比较多的机会的企业吗?2024春招前端开发岗位你现在找的怎么样了呢?
2024-04-28 20:52:35 95
原创 vue选房项目底层完整详解+总结 — 滚动监听钩子封装、源码解析、时间求解、界面加载缓存、路由、pinia、异步请求、界面展示等核心功能总结
项目经验与代码共享、全部核心代码已在git同步、关键组件分享至文件
2024-04-24 22:24:22 849 5
原创 vue实战常见bug:滚动监听bug和keepalive维持
从home界面跳转到其他界面时,可能会直接导致一次不必要的网络请求,导致出现不必要的数据请求,这里打开页面后,看到了一次网络请求监听到的是是否到页面,在模板中监听的是home,而在useScroll.js中切换到第二页默认是home,home内容很短这样,结合之前的keepalive组件就可以让他不处罚到底部的事件再切换回来:这样就可以让界面不自动触发重新发起数据请求!
2024-04-22 23:27:56 162
原创 vue将顶部控制栏集成到滚动监听函数中
利用动态匹配算法,求出现在的滚动位置,在之前的基础上剪掉44然后再剪掉1,可以看到每多一个栏目,都可以直接看到目前到了哪一栏。
2024-04-22 01:51:19 117 1
原创 vue选房集成百度地图功能API
选取百度注册之后提供的api,改为自己的AK之后,选择并调入系统中。里面的很多功能都被集成到其中,用到的时候只需根据示例填入。
2024-04-21 01:48:23 202 1
原创 vue项目实战之封装load动画界面调错技巧
起初找了半个小时无功而返,最后一步步分析,肯定和servise中的拦截器有关, 于是果断进入拦截器封装模块,立马定位问题所在>>>封装loading界面加载动画,直接根据axios请求中函数加载流程中的config与response两类情况予以处理。其中一处引用了store中在modules在mainStore中封装的小组件的问题,
2024-04-19 21:16:47 142 1
原创 vue深入难点之封装高级钩子函数hook.js监听界面滚动详解
初次接触这种很绕的代码部分初学者可能会觉得很绕,写多了,就越发适应这种高度封装的优美代码。2.监听watch 是否到达底部的响应式数据,再根据后续处理newValue。最近在界面中自己实现了一个模块,简易版监听界面滚动。1.直接在home中调用scroll并传入回调钩子。后续将会封装到一个hook中,实现钩子通用性。最终版本的代码与调用方法分为两步,
2024-04-18 21:16:04 132
原创 2024年了你还不会这一招?奇淫巧计之vue3大型项目keep-alive缓存提升加载性能技巧!
双层for-template循环- 测试热门城市- css样式调整 - 动态数据获取-封装store- pinia-嵌套组件 -动态组件引入- 人们推荐列表拼音首字目bug修改。
2024-04-18 15:09:44 95
原创 岛底vant该咋用之-vue项目练习小细节魔鬼!
在vue文件中嵌套使用子组件时,如果scoped属性选中了,里面的组件是不会被调整到,以为css还有作用域的限制!必须要用deep属性穿透进去才能控制内部嵌套的vant的tabbarItem。
2024-04-15 23:17:34 163 1
原创 vue引入文件之抽取modules易混淆细节之有无{}?
在引入组件时,import {} from"xxxx"和不带{}的区别?如果自己定义的就不要带{}?
2024-04-14 15:43:02 90 1
原创 原来就是我自己之尤雨溪你给我粗来:实战封装钩子useTitle
充分被程序员创始性工作人员的脑子构成之奇伟瑰怪所震惊😅😅😅。原创不一定优秀,优秀并非来自于原创。
2024-04-11 00:34:15 96 1
原创 vue3 实战bug之旅:hook钩子封装常见小bug
最终在钩子里,发现多了个“”,系统自动 认定为变量,导致一致不能改过来,马上去掉,在home和about主体和关于两大组件中切换的同时,改变标题,好家伙。祭出大招:直接onMounted钩子,也就不信你不改?好家伙,还是不变......(漫长的20分钟检查代码)
2024-04-11 00:15:43 99 1
原创 vue3CompositionAPI之bug发现:return与setup的语法bug
return中的语句难道要求一定要。目前未发现问题来源......
2024-04-10 16:08:19 136
原创 ref作用之_还在傻傻分不清楚?
调试代码时,vue3用setup函数获取ref响应式对象,ref变量名直接可以用名称相同默认获取?好家伙,直接先引用titleRef再给他指定一个元素是吧,好一个先开qiang,再找靶子!今日学习结束,明日再战之vue生命周期函数。黄仁勋看不懂但是大为震撼.jpg。
2024-04-10 01:58:21 135 1
vue项目小结 - 滚动监听钩子、时间求解、加载、路由、pinia、异步请求、界面展示、数据架构技巧等核心功能总结
2024-04-24
vue项目小结 - 滚动监听钩子、时间求解、加载、路由、pinia、异步请求、界面展示、数据架构技巧等核心功能总结
2024-04-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人