项目记录
咸鱼要翻身233
这个作者很懒,什么都没留下…
展开
-
招新项目优化
问题本地跑只是卡一下,但是上线跑了以后就卡在加载app.js上,查看了一下本地的app.js,总共24M,由于之前没有学过webpack优化打包,所以我是直接使用npm run build直接打包运行,这一下就提醒自己去学习了!优化方式路由懒加载才知道原来vue-router支持路由懒加载,只在需要用到的时候加载js,分割了js文件,app.js文件大小直接减少了一半,加载速度也提升了一半,使用前加载app.js需要280ms左右,使用以后140ms左右代码压缩gzip按需加载项目中使用了e原创 2021-11-29 09:10:01 · 4009 阅读 · 0 评论 -
2021-11-12 项目自定义组件(模态框)
模态框element的模态框组件实现太复杂了,层层封装工具类,再增添dom,由于项目开发时间赶,就写个能用的就行,使用css阻止模态框外被点击,然后画个框就可以了<template> <div class="cl-dialog-box" v-show="visible"> <div class="cl-dialog"> <div class="cl-dialog-header"> <slot name="header">原创 2021-11-12 15:14:52 · 376 阅读 · 0 评论 -
2021-11-11 项目自定义组件通信
组件通信子孙之间的通信一般使用attr和attr和attr和listener这两个属性,但是如果我的子组件是用户手动添加进去的,就无法把这两个属性直接绑定到标签上面,查了element的解决方式,发现它将组件通信是封装了的,看了一遍它的东西,用的是mixins来实现把子组件的data视为自己的data,就忽略了复杂的组件通信,然后再经过封装来复用。export default { methods: { /** * 发送消息 * @param {Object} componentName原创 2021-11-11 16:52:57 · 176 阅读 · 0 评论 -
前端项目技术解决方案
基于 img2 的渐进式加载解决方案图片加载的时候先加载一个模糊的图片,然后逐渐清晰,实现需要两张图片,一张体积较小,比较模糊,一张体积较大,比较清晰,体积较小的图片会先加载成功,直到原图加载成功才替换图片基于 PJAX 的页面无刷新解决方案页面切换url的时候无需刷新界面前端SKU问题前端图片优化基于@vueuse/core数据懒加载无限列表加载解决前端性能分析前端SPA...原创 2021-11-05 17:37:16 · 635 阅读 · 0 评论 -
2021-10-24项目修改
解决微信小程序swiper高度自适应要求图片的宽度固定790,高度自适应计算出图片的宽高比例,然后把这个高度动态的设置给swiper连续的图片之间有间隙在HTML中,图片文字等inline元素默许是和父级元素的baseline对齐的,而baseline又和父级底边有必定间隔给image设置vertical-align:top/bottom/text-top/text-bottom即可解决。登录问题之前登陆的时候会存在下一次登录还是需要点击才能登录,但是token依然存在的问题,还是没有处理好原创 2021-10-24 21:39:05 · 36 阅读 · 0 评论 -
2021-10-17 TARGET个人博客组件和登录界面
组件参照ElementUI组件,封装组件名称,合成样式的名称,然后遍历样式名称mix混合颜色,方便容易混合出浅色作为hover颜色等切换动画使用css自带的transform-style,3d翻转切换登录注册界面在写代码时候,vue加了一句overflow: hidden导致翻转后界面变成镜面,而不显示注册界面,太坑了...原创 2021-10-19 16:41:55 · 163 阅读 · 0 评论 -
2020-10-08
项目Bugel-tree刷新数据时,展开菜单收起最开始以为是冒泡问题,因为点击右方的操作栏,el-tree会被收起,于是在每个click点击事件后面加上.stop阻止事件冒泡,但是问题依然没有解决,才发现是因为数据刷新导致的,用了el-tree的属性:default-expanded-keys修改分类数据的时候,因为可能等待数据回显,但是数据没有回显更新完成,而导致数据发生添加不成功的情况,这一次更新,选择每次更新数据的时候给一个数据正在加载中的提示,并加一个遮罩,防止非法数据选中。v-Loadin原创 2021-10-11 14:57:27 · 239 阅读 · 0 评论 -
2021-10-10 TARGET个人博客项目BUG
Node.js框架Koa的洋葱模型这个地方本来是没有写成check函数的,但是因为放行问题报错了,没有理解洋葱模型Koa使用async/await来实现中间件,next之后的内容是会继续执行的,知识交出了执行权,所以Koa的中间件模型又叫做洋葱模型。项目前端拦截器使用vue-router的路由守卫,在导航触发的时候,在beforeEach触发,然后查看路由是否存在在白名单中,判断是否需要token,不符合条件的强制跳转回登录界面如果axios的响应coed为401,没有登录或者token失效原创 2021-10-11 14:56:43 · 47 阅读 · 0 评论 -
2020-10-09 TARGET个人博客
module.exports和exports的区别module.exports和exports其实是一个东西,exports如果是指向值类型,那么这两者相等,如果exports指向引用类型,那么这两者就不同。什么是值类型,什么是引用类型? 值类型存储在栈中,引用类型存储在堆中,值类型赋值的时候,会在栈中拷贝一份,就不会对原来那一份有影响,但是引用类型会改变用户鉴权两种方式,一种是session,后端获取登录用户后,生成session存储在redis数据库中,交给前端后,前端每次把session携原创 2021-10-10 12:49:45 · 38 阅读 · 0 评论 -
TARGET个人博客项目技术选型
数据库选择之前一直使用的是mysql,关系型数据库,mysql在不同的引擎上有不同的存储方式,之前一直使用它的原因是体系比较成熟,使用者比较多,学习方便。最近开始学Mongdb,非关系型数据库,相较于mysql,mongdb的数据存储时虚拟内存+持久化,数据存储在硬盘上,经常读取的数据存储在内存中,实现高速读取;mongodb还有高可用性,扩展性;具有Failover机制,主库有问题的时候,副库会选举一个新的主库继续提供服务;JSON的存储格式,适合查询和存储。因此mongdb更适合博客项目。服务器选原创 2021-10-07 10:42:13 · 78 阅读 · 0 评论 -
正向代理和反向代理
解决问题当我在测试环境对接口的时候,因为同源策略,后端验证的cookie无法携带,因为前端项目运行在我本地,两个地址“协议,域名,端口”都不一样,这时候想要携带cookie,只能使用反向代理服务器这时候思考几个问题:为什么会有跨域什么是代理代理有几种,分别解决什么问题跨域跨域是浏览器行为,按照原本的IP协议,是不存在跨域的问题,但是由于浏览器安全性考虑,设置了同源策略,只有在同一个协议,域名,端口下的访问才没有问题,当然这些问题都有解决方案代理什么是代理?之前学Spring的时候我们也原创 2021-09-13 20:19:31 · 194 阅读 · 0 评论 -
2021-08-20 项目总结
Sass学习父选择器&占位符选择器 %foo:与常用的 id 与 class 选择器写法相似,只是 # 或 . 替换成了 %。必须通过 @extend 指令调用。变量定义 !default:可以在变量的结尾添加 !default 给一个未通过 !default 声明赋值的变量赋值,此时,如果变量已经被赋值,不会再被重新赋值,但是如果变量还没有被赋值,则会被赋予新的值。@media:Sass 中 @media 指令与 CSS 中用法一样,只是增加了一点额外的功能:允许其在 CSS 规则中嵌套。原创 2021-08-20 21:51:07 · 48 阅读 · 0 评论 -
2020-08-19 项目笔记
SASS学习昨天本来一直有的bug,全局样式失效问题,今天开项目就消失了,正好解决了我苦恼一天的问题,我怀疑是vscode本身有缓存,导致我重新下载了配置但是设置无效。@mixin是一种简化代码的方法,使用@mixin定义以后可以使用@include引用。今天使用了@include引用参数,@include可以拿到dom的属性并且传给@mixin,感觉这个使用和函数简直一模一样。因为Sass语言学的不明不白,所以样式这一块还是没有写完。具体代码这里的&.#报错了,翻译来是父组件获取原创 2021-08-20 10:46:07 · 39 阅读 · 0 评论 -
2020-08-19 项目记录
排除Bug很久没有启动项目了,换了个软件启动后,发现使用npm run dev总是报debug not found的错误,查了一下npm run dev和npm run serve两种命令的区别,发现vue2.x版本时候支持的是npm run dev,3.x版本以后支持npm run serve这个命令,同时去除了config文件夹,使用vue.config.js来配置vue项目。浏览器安全性预防XSS攻击要预防xss攻击,首先得知道XSS攻击是什么,XSS名为跨站脚本攻击,攻击者在web页面中恶意原创 2021-08-19 18:04:09 · 66 阅读 · 0 评论