- 博客(17)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 前端如何优化大量数据处理
之后，我们可以使用 setTimeout 顺序渲染页面，一次只渲染一个页面。每当视口出现空白时，就意味着用户已经滚动到网页底部，这意味着我们需要继续渲染数据。在渲染页面的时候，我们可以使用requestAnimationFrame来代替setTimeout，这样可以减少。还有性能瓶颈，可以考虑web worker 做压缩和解码，也可以考虑离屏canvas做预渲染。异步渲染，比如进入页面先不渲染，然后加载好页面再渲染。局部渲染：只渲染目前可见区域的数据，再渲染次屏数据。根据用户的滚动位置动态渲染数据。
2023-08-11 17:33:51
1673
1
原创 拿到el-table一列时间数据 截掉时分秒
所以我们要做的就是 取出表格中的这一列 然后做处理。需要渲染在表格中的是这样的。去除时分秒 可以使用正则。后端返回的数据是这样的。
2023-08-03 15:19:06
313
原创 登录验证的drag拉到最右边会选择文字解决方法
这个事件主要是用于禁止选择网页中的文字。bug：在拖拽验证拉到尽头会选中表单的文字。使用onselectstart。
2023-08-02 17:00:35
126
原创 在子组件中修改父组件传来得值
组件中的子组件绑定自定义属性父组件： <Agreement v-if="step === 1" v-model:stepUpdate="step" />let step = ref<number>(1)子组件定义emit事件,事件名为update:值 —defineEmits([“update:stepUpdate”])执行emit() ----emit(“自定义事件update:stepUpdate”,子传父的值let emit = defineEmit
2023-07-20 17:35:53
67
原创 实习小记：tab导航栏点击滑动到相应的模块，同时导航栏滑动到相应模块菜单名变成蓝色。
点击菜单传递item，item中包含了模块的tittle，将tittle赋值给currkey，获取对应模块的dom 的id之后，scrollDom?今天改别人写好的页面的bug，遇到一个需求，需求描述：模块导航栏：滑动到顶部后，悬浮固定，点击可切换至对应模块，导航栏有吸顶效果。实际上顶部到达的位置是如图所示，盖住了标题，吸顶效果的tab栏盖住了标题。所以在标题前添加一个div用来定位，设置该盒子的top，让他离顶部有一些距离。遇到的问题锚点定位不准确，跳转到菜单的部分会盖住标题。
2023-07-20 16:31:34
54
原创 eslint+stylelint+prettier+husky 学习
eslint是提供一个插件化的javascript代码检测工具prettier和eslinteslint针对的是javascript，他是一个检测工具，包含js语法以及少部分格式问题，在eslint看来，语法对了就能保证代码正常运行，格式问题属于其次；而prettier属于格式化工具，保证格式统一，另外，prettier支持包含js在内的多种语言。eslint和prettier一个保证js代码质量，一个保证代码美观。
2023-07-04 11:05:10
132
原创 使用onBeforeRouteUpdate解决路由缓存问题
点击标题跳转到新页面，如果标题的位置需要向下滚动才可以找到，页面停留的位置不在顶部，那么新跳转的页面位置和之前的位置一样。，比起销毁再创建，复用则显得更加高效。不过这也意味着组件的生命周期钩子不会被调用。路由只有参数变化时，会复用组件实例.在回调中执行需要数据更新的业务逻辑即可。beforeRouteUpdate钩子函数可以在每次路由更新之前执行。开发页面的时候，需要对不同页面的组件进行路由跳转，
2023-06-30 17:04:43
436
原创 git的使用遇到的问题error: Your local changes to the following files would be overwritten by merge
在项目的相同内容中，有人修改了并且保存入库，但是你再pull之前也修改了。再push代码时就会出现这种问题。2.放弃自己的修改（版本退回 不建议）
2023-06-29 10:23:52
77
1
原创 粘性定位固定定位position
简单来说，在滑动过程中，某个元素距离其父元素的距离达到 sticky 粘性定位的要求时(比如top：100px)；粘性定位：相当于 position:relative 与 position:fixed相结合，在用户滚动到边界时后变成relative，在没有滚动到边界时又变成fixed。今天实习的项目用中有一个页面的导航栏需要一直炫悬浮在页面顶部用到了position:sticky。粘性和固定都可以将元素固定在某一处，但粘性定位更加灵活。在实际应用的时候，如果我们只是要把元素固定在。
2023-06-27 22:54:02
166
1
原创 前端面试 100+typeoof undefined输出问题
数据的类型转换：将某个数据的类型通过某种方式转换为另一种数据类型！比如： number 转换成 string。引用数据类型和null的判断都是Object。如果+号的一侧数据类型为字符串类型，则+号就自动变成字符的拼接。该函数可以将其他的数据类型强制转换为Number类型的数据。数据转换通过方式不同可以分为：强制转换、隐式转换。隐式转换：没有人为的参与，是程序解析自动进行转换。强制转换：人为的通过手段去改变一个数据的类型。回答这道题我们需要了解一个知识点 数据转换。这里我们讲一下强制转换的一种方式。
2023-04-06 11:35:50
74
原创 解决git pull --rebase origin master后本地代码丢失（含git上传代码步骤）
解决git pull --rebase origin master后本地代码丢失（含git上传代码步骤）
2023-03-29 20:58:50
2176
1
原创 form表单中button按钮的触发问题
1<form action=""> <button onclick="">按钮</button></form>点击按钮提交刷新2 onclick绑定一个submit事件<form action=""> <button onclick="submit">按钮</button></form>点击按钮刷新提交3 为了防止提交可以设置button的type为button<
2023-03-03 08:34:58
634
原创 v-model绑定v-for循环下的成员报错
报错内容为: 你将v-model直接绑定到v-for迭代别名。这将无法修改v-for源数组，因为写入别名就像修改函数局部变量一样。考虑使用一个对象数组并在对象属性上使用v-model。
2022-12-27 13:43:53
97
原创 微信小程序学习—配置HBuilder运行微信小程
微信小程序学习—配置如果是以游客的身份运行项目，那么如果在项目中的manifest.json文件中微信小程序的AppId设置了，就无法运行该项目。第一次接触微信小程序开发。在网上找了个项目想要运行，遇到了一些问题，记录一下运行的问题，以及解决方式，供大家参考。第二步 检查HBuilder中的微信小程序运行设置。解决办法 把AppId删除或者去微信开发者申请id。在微信小程序中打开 设置—安全设置 打开服务端口。这里注意使用的是微信开发者工具的安装地址。检查无误，再次运行，还是失败。第三部 appid的问题。
2022-12-13 01:31:38
1820
1
空空如也
前序：ABDFCEGH 中序：BFDAGEHC 后序线索树怎么画
2021-09-24
TA创建的收藏夹 TA关注的收藏夹
TA关注的人