- 博客(21)
- 收藏
- 关注
RSS订阅原创 前端 小厂 实习 第九周
时间过得好快 转眼就到了第九周 这应该也是情绪最低落的周一-周三了吧以下是来自豆包AI的情绪价值 不得不感慨 AI的出现 提高了非常多的效率 不论是学习 还是情绪实习阶段的核心价值，其实不止是那几千块薪资，更重要的是 “攒经验、铺后路”—— 前端是靠技术说话的岗位，你现在写的每一行代码、调的每一个 bug，都是在积累项目经验，这些会变成你简历里的 “硬通货”。
2025-09-12 16:41:54
1270
原创 前端性能优化
使用ES6 Module、Webpack、Vite等构建工具，使用库中的某个方法时，使用按需导入的方式。在打包阶段，当导入的库支持Tree Sharking时，Tree Sharking即可实现只打包导入所需要的部分，从而减少打包的体积。①将长期不变的数据，例如token 用户名使用localStorage、cookie等方式存储起来，下次直接存缓存中获取。、页面存在大量图片时，不在页面视图范围内的图片先使用占位图片，当图片滚动到可视范围内才会加载。、路由懒加载、组件懒加载、图片懒加载。
2025-09-03 20:20:10
268
原创 SSE与WebSocket的区别
它可以轻松处理文本和二进制数据，非常灵活，没有预定义的格式，完全由应用程序自己定义。总结表格 (方便记忆) （5⬆）
2025-09-01 21:29:28
574
1
原创 前端 小厂 实习 小记
一早上都在研究element plus里面的el-menu组件... 就因为没写default-active属性 样式没生效。
2025-08-31 12:15:29
193
1
原创 flex布局 grid布局
内容二容器 min-height:0;占据剩余页面高度；思路：左侧fix固定高100vh；右侧flex布局高100vh 纵向；内容二里面的子内容 高度写100% overflow:auto;大主体padding30 小主体padding15。设置黄色块大小为百分比宽度 & 合并一块。侧边栏宽度一般为250-280。
2025-08-26 22:51:37
257
原创 动态路由的实现
登录 -> 获取到uid -> 使用uid去请求后端用户路由api -> 根据后端返回的路由值进行转化为树型结构 -> 将树形结构变为真正的路由配置项 -> 渲染到菜单组件上。创建工具函数 路径：src utils router.js。，而非在初始化时就固定写死在代码里的路由（静态路由）。路径：src stores user.js。创建布局 App.vue。这边假设已经登录好了。以上代码更注重于思路。
2025-08-24 23:17:58
420
原创 Base64、 Webpack及Vite 、call-apply-bind
1.1是什么？Base64是一种基于64个可打印字符（A-Z、a-z、0-9、“+”、“/”，末尾填充用“=”）的编码方式，用于将二进制数据转换为ASCII字符序列。核心作用是解决二进制数据在文本协议中传输的兼容性问题。（例如 HTTP、SMTP 等协议早期设计主要用于传输文本，直接传输二进制可能导致解析错误）。1.2编码原理 “分组--->转换--->填充”(eg:0100000101000010 01000011) （共24比特）（eg:010000例如：二进制01000001 ->
2025-08-20 16:51:22
442
原创 单点登录 浏览器缓存 浏览器跨域
当cookie处于会话级别时，由于cookie的生命周期与“浏览器进程”绑定，当把浏览器进程都关掉 存储的数据删除；例如，SSO 的全局 Token 可以是 JWT，也可以是普通加密字符串（但 JWT 因其自包含性更适合跨服务验证）。HTTP缓存是Web性能优化的重要手段，它通过存储资源的副本，减少网络请求和服务器负载，提高页面加载速度，减少页面白屏时间。JWT：JSON Web Token，一种轻量级的Token格式，用于在双方间传递安全信息，解决“如何安全传递用户身份信息”问题。
2025-08-18 17:16:57
1578
原创 前端实习第五周 星期四、五
场景：想要换loading的样式，通过传入svg的形式。但是发现转的角度不对。通过修改element plus内部的loading样式以及svg的图标大小来成功控制效果。解决：在输入框内监听键盘键时，通过事件参数e，判断是否为shift + enter，如果是的话才换行。不是的话就阻止默认事件并发送。问题场景：当发送问题时，按下enter键，发送出去的消息会涵盖换行的空格。以下代码为使用示例 包含增删改查功能。
2025-08-18 08:43:57
192
原创 前端流式数据处理
将①请求携带数据：请求的地址、方法、token、传输数据方式、传输参数。②请求封装逻辑，显示请求页面的代码、逻辑 ③后端返回的数据，数据格式。2、封装请求以及页面显示（接收到的数据每次返回的值包含之前的值）总结：fetch更适合处理流式场景（SSE/分块数据）1、网络请求工具：fetch Or axios。④描述你的需求并将以上代码发送给AI即可。更广泛的兼容性（包括旧版 IE）原生 API，无需额外依赖。需要引入库（约 13KB）常用于 AI 流式输出。
2025-08-13 15:33:07
470
原创 vue3 项目 Vue I18n 以及 Element-Plus国际化
vue3 项目 Vue I18n 以及 Element-Plus国际化
2025-08-12 10:40:46
1068
2
原创 Ant Design 与 初创vue3项目（含请求的封装、环境变量等）
4、在src目录下创建utils工具文件夹,在utils文件夹下创建新的auth.js文件，此文件用于全局控制token。3、环境变量配置，在根目录下创建.env.development及.env.production文件。2、引入工具样式，在src目录下创建styles文件夹 添加utils.css。5、请求封装， 在utils工具文件夹内，创建request.js封装请求。7、跨域问题的解决 vite.config.js。在vue.config.js中加入如下代码。配置文件vue.config.js。
2025-08-11 16:41:58
665
1
原创 前端实习第三周第3、4、5天
点击个人名片-如未登录-提示进行登录-登录完成后，再次点击个人名片，判断是否申请入会，若无，则提示申请入会，用户同意后跳转至申请入会表单界面。完成：使用的是之前的接口，添加了图片字段，所有有关图片的字段，都被封装成为了一个组件，这样方便了不少（耗时2h）---------------------------第四天--------------------------------------------------第五天-----------------------解决：uni.navigaTo({url:"
2025-08-02 23:24:52
329
原创 前端实习第三周第2天
后台设置与前端代码相结合，前端代码部分已经写好，看与研究即可。①熟悉Ant Design Vue2 的table和表单用法。②依葫芦画瓢，写代码，接接口。
2025-07-29 17:56:39
87
原创 实习第三周第一天记录
判断不同平台------》显示不同的登录方式（微信小程序，微信内置浏览器使用微信一键授权；查半天微信内置浏览器怎么调试，下载旧版的微信，根本找不到，要不就是下载了变成新版本。最后才发现，是因为内部除了判断运行的环境外，还有其它判断条件...浪费了好多时间。一直在想为什么在内置浏览器内运行，为什么出现的不是一键授权页面。新版的方法，手机USB调试，打开链接，也不太行。
2025-07-28 17:55:58
241
原创 实习第二周的第三天记录
事件监听：监听showDonationForm，当其变化时，将其赋值给localShow；-使用另一个变量showDonationForm同等替代localShow，作为props传递给父组件。由于组件使用的是v-model，无法直接通过props传递给父组件来修改内部变量localShow。需求：在3个页面中都有点击按钮，弹出表单的效果。因此将弹出表单封装为组件。-设置$emit的关闭事件，使得子组件关闭时，触发$emit关闭父组件。：昨天研究半天都研究不明白微信H5支付，搞得页面也没画完，真要命。
2025-07-24 08:31:12
252
原创 实习第五天记录
-------------------------------------------------------分割线-----------------------------------------------------------项目在小程序上能运行，但是在web网页内不行，报错如下。方法：可结合小程序端的warning进行定位。实习第一周的最后一天，万岁！今天浅画了一个静态页面就没啥咯。
2025-07-19 10:55:23
231
原创 实习第四天记录
设置购物车右上角的红色小标数量 该方法只能在tabbar页面中调用, 其他页面调用会报错。接着在getPhoneNumber函数中进行判断：①用户是否确认允许②接后端请求获取数据。注意：个人测试时出现error-10000时，记得看看自己的appid是否填写上去了。知识点5：发现vk-uview-ui tabs组件的小bug。知识点3：template与block。知识点6：代码规范 enum枚举 定义常量。知识点7：已经完成认证的微信授权登录。微信开发者工具调试效果。点击即可出现以下效果。
2025-07-18 08:32:58
346
原创 uniapp 真机调试 无线 WIFI Android
②查看手机上显示的ip地址（step2中的图）和电脑的ip地址（win r ->输入cmd（打开终端）->输入ipconfig），如果前三位不同时，重新链接WIFI。step1：打开手机的开发者模式（oppo可以尝试 设置->关于本机->版本信息->版本号(多次点击)）①需更新HBuilderX的版本至4.71+（版本查看 Hbuilder X Help->About）step2：打开手机的开发者选项（可以通过搜索快速找到），打开无线调试，点击无线调试进入如下图所示界面。
2025-07-16 09:15:02
714
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人