- 博客(71)
- 收藏
- 关注
原创 ms_一口气能看完不吃灰的前端小知识
活着本没有意义,是你去赋予他在这个碎片化时代,你能掌握自己的精神力,保持专注,全身心为自己的精神世界搭建桥梁,才不至于在奔忙中迷失于灯红酒绿。
2024-07-30 09:30:00 347
转载 关于vue项目打包部署如何自动清理缓存
location.reload()this.$router.go(0) 这两种都可以刷新当前页面的,缺点就是。1、package.json文件中有一个管理版本号属性:version,在我们每次打包部署之前修改当前版本号。按ctrl+F5 强制刷新那种,整个页面不走缓存重新加载。要用到的是页面刷新方法。
2024-04-24 13:56:00 474
原创 ms-前端八股文
SSR对SEO更加友好,CSR反之;同构渲染在首次渲染时与SSR是一样的,即直接返回静态HTML文件,但是有一点不同的是,同构渲染返回的文件中,不会包含已经处理好的数据。添加keep-alive标签后会增加activated和deactivated这两个生命周期函数,初始化操作放在actived里面,一旦切换组件,因为组件没有被销毁,所以它不会执行销毁阶段的钩子函数,所以移除操作需要放在deactived里面,在里面进行一些善后操作,这个时候created钩子函数只会执行一次,销毁的钩子函数一直没有执行。
2024-04-05 13:28:53 1066
原创 vue随意置换页面元素位置
vue,dom元素、页面中的模块随意换位置、通过拖拽改变元素位置、通过拖拽交换元素位置1.写成渲染函数比较麻烦,一个又一个模块比较复杂,还是用template模版语法渲染比较好2.所以决定分成多个组件,使用动态组件进行渲染。
2023-11-27 09:45:00 1533 5
原创 uniapp大概是怎么个开发法(前端)
一个长久以来困扰开发者的问题,随着各种各样兼容问题的爆发,开发项目并能部署到各个平台平稳运行越来越让人感觉吃力。公司为了app的稳定性和流畅性不得不招ios、安卓开发工程师去开发相同页面相同功能(Native Apps原生开发),两套项目部署到两个端,用人成本很高。如果有个技术栈可以把项目代码转来转去就好了,例如把vue代码尽数抽离解析转化为微信小程序代码uniapp诞生后让人们看到了希望,但最初用uniapp开发是很冒险的,一个又一个坑,颇具实验性。
2023-11-15 09:19:51 2393 14
原创 关于使用vant的tab切换结合动态组件:is后出现生命周期叠加——生命周期方法多次调用的问题
关于使用vant的tab切换加动态组件:is后出现生命周期叠加——生命周期方法多次调用的问题。下方是改进后的代码,把动态组件位置从tab切换组件里面改为外面,成功解决问题。所以判断为组件没有被销毁,生命周期没有被及时释放导致。起初为了不耽误开发进度,直接不使用动态组件。后续进行优化改进发现了导致问题的原因。
2023-07-18 10:05:27 985 2
原创 nginx极简教程
nginx是开发过程中绕不过的一个东西,它主要是拿来做反向代理用,如果我们有多个服务器,nginx就可以起到中间协调作用,前端通过配置就可以自由访问各个服务器资源,反向代理——代理服务器,日常开发中常见的就是让前端完成跨域,成功访问到后端接口。就是当我们有多台服务器时,我们可以指定各个服务器的权重值,这样可以做到用户第一、二次访问是第一台服务器,第三次访问第二台,减少服务器压力,处理高并发问题,更加合理的利用服务器。坑确实不少,一不留神就会报错,什么解析资源错误或重定向错误我都遇到过。
2023-06-19 08:30:00 379
原创 修改依赖包下的子依赖版本,前端项目安全扫描出来的漏洞——解决过程
然后我去网上找webpack3升级5的文章,跟着文章一步一步操作看行不行,坑太多了,这项目是很多年前的项目,很多配置都没注释,跟着网上的文章项目运行不起来,不知道哪里出了问题,这样下去时间成本太高,我决定要使用之前被我否定的强行修改子依赖的方案,兜兜转转还是得这招,虽然最后会留下7-8个必须要升级大依赖版本才能解决的漏洞,但这已经达到我们项目组的预期了。每次我们都是直接忽略,实际这些组件漏洞大部分都是——可能会导致项目被攻击后运行缓慢这种无关紧要的‘假漏洞’,存在矫枉过正的意思。
2023-06-12 10:03:13 5320
原创 关于nginx使用中的bug
像使用WinSCP一样进行项目部署,把自己的电脑当做服务器放前端压缩包dist,让内网-局域网内所有人可访问前端页面首先把nginx的文件夹放到C盘一份在nginx.conf文件做配置,server配置的root写法:找到需要放前端压缩包的文件目录写上去在任务管理器进程一栏里搜nginx,关闭所有的nginx服务在C盘刚放好的nginx文件夹地址栏输入cmd打开窗口,敲nginx.exe启动。
2023-06-06 10:41:09 408
原创 把已有远程代码仓库关联的项目推到另一远程仓库
需要在远程仓库建分支,然后拉取一下远程仓库的代码:git pull origin master。那么我们要找到隐藏的文件夹删除,这样当前文件夹就不与远程代码仓库关联了。使用git status查看状态,会看到有很多new file。首先百度搜把本地文件夹代码关联到远程仓库,然后执行命令。打开文件夹和搜索选项,打开查看,开启开关。然后使用git log查看日志。首先怎样显示.git文件。下面就是执行git命令。
2023-06-06 09:51:52 212
原创 el-popover无法点击、点击没反应、不能正常唤起弹出框
点击更新状态后的那条数据操作按钮。发现element-ui的el-popover无法点击唤出弹窗,但刷新页面就可以正常点击进行操作。即el-popover刷新列表后无法点击。
2023-05-22 15:05:55 2877
原创 项目安全问题-SM4加解密
事实上如果是移动端,也会出现上述情况,我之前在做公众号开发时,就经常在右上角复制页面路径然后改参数值去测试功能,后来是通过一些判断,右上角三个点是否出现,把相关功能给隐藏了才得以解决,关于隐藏右上角的功能按键,微信开发者官方文档应该是写的很清楚,我们可以在指定页面再开启该功能。1.使用SM4加密——请求头加两个参数,一个是token加用户ID加时间戳加当前请求的路径,一个是请求时时间戳,默认query上拼两个参数这种,md5加解密用户信息。web端开发项目时怎么解决安全问题,下文便是我当前项目在用的方法。
2023-05-16 16:59:04 1853
原创 使用element-ui的el-tree组件setCheckedKeys设置无效的解决办法/setCheckedNodes设置不上数据
使用element-ui的el-tree组件setCheckedKeys设置无效的解决办法/setCheckedNodes设置不上数据。当我们使用el-tree时经常会涉及到回显,有的时候回显失败怎么解决,下面是我常用的两种回显方式。关于el-tree的禁用,你只需要在你想要禁止选择或取消选择的数据里加一个disabled参数。注意:一定要确保树形选择器里的数据先与上方代码获取到。
2023-05-11 17:52:32 7630 4
原创 vue文件下载与js方法
场景是这样,在点击编辑时,明明id有赋值但@change没检测到,就没调接口回显相关数据,解决方法是在点编辑时判断,如果id有值直接去调接口,而不是等着@change,这样可能会导致有时接口调了两次,但这是很好的解决方法了,某些场景下大家也可以设置变量,如果调用过就不再调用。,默认是不忽略大小写,'111'.search('1'),会搜索到第一个匹配的字符后返回其下标——0,如果没匹配到就会返回-1。六、elementui的@change监听,v-model数据层级太深监听不到,@change经常不触发。
2023-05-10 16:40:22 676 1
原创 修改element-ui走马灯按钮样式,outline: none;不生效,scss公共路径的使用,scss的样式继承 @extend,vue在tab切换或页面跳转时取消上次的接口请求
有点意思,还能这样……修改element-ui走马灯按钮样式,outline: none;不生效,scss公共路径的使用,scss的样式继承@extend,vue在tab切换或页面跳转时取消上次的接口请求
2023-05-08 18:26:22 770
原创 el-tree一键全选多个树形
vue2监听父组件传过来的值父组件使用的动态组件,然后父传子子组件打印监听vue2引入文件外部css文件,这玩意可以结合媒体查询用。@import引入的css会在页面加载完毕后加载设置伪元素作为图标实现树形结构数据全选,el-tree全选多个树形,使用elementUi实现定义data中的值。。。懒得过滤给你们看具体有哪几个了,主要看功能的实现吧默认全选页面样式与引入的插件-el-tree。
2023-05-05 16:23:02 2198
原创 vue结合el-upload与el-input实现自制简易富文本编辑器,支持上传图片,需要有个接口把本地图片转成在线链接
vue结合el-upload与el-input实现自制建议富文本编辑器,支持上传图片,需要有个接口把本地图片转成在线链接
2023-04-28 16:52:09 789
原创 前端大杂烩
当页面被最小化或处于隐藏状态时,再回到当前页面时我们列表的数据可能会有变化,这个时候,就可以使用下方方法一代码来解决。这玩意好使就好使在如果我们把当前一些筛选框的状态改了,再回来这页面可以只刷新我们想要的数据。实际上visibilitychange这个监听在教育系统上使用也是很有价值,通过对浏览器是否切换窗口或窗口最小化的 监听,我们可以得知用户离开了当前页面,可以给后台用户离开页面次数数据加一,以此来更好的辅助教育工作者做一些线上考试之类的问题。年份选择只能选择今年不能选择未来以后的年份。
2023-04-23 09:42:01 485
空空如也
插件与依赖的区别12345678
2023-11-06
谈谈以前端角度出发做好SEO需要考虑什么
2023-08-29
问题描述不清,请帮我删除这篇问答,http://t.csdn.cn/HF00h
2023-06-16
程序员过往经历怎样美化,面试怎样有吸引力,怎样在一堆简历中脱颖而出
2023-06-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人