- 博客(31)
- 收藏
- 关注
RSS订阅原创 北京工作周期7，8，9，10
摘要：文章讲述了作者近期的工作经历：1）精心培养的实习生因"产出不足"突然离职，引发对新人培养方式的反思；2）与财务就工资扣款据理力争，最终妥协收场，感叹职场人的麻木；3）体验单休工作后强烈建议求职者避免选择单休工作，认为一天休息根本无法缓解工作疲惫。这些经历反映了当代职场新人的困境与无奈。
2025-06-08 21:21:43
508
原创 北京工作周记5，6（摸鱼版）
公司没有按照合同在 10 号发放上个月的薪水，也没有查到 4 月份的社保与医保缴纳记录，希望看到的朋友在找工作的时候，要注意！另外有没有前端的工作推荐一下，有些想润。新人进步感觉不是很快，总是请假，也没有合适的任务给他，准备还给上级给他安排任务，深入实践，进行产出。还是老样子没有详细的设计，怎么简单怎么做，无聊的业务开发，很松散。
2025-05-12 09:25:31
130
原创 前端知识积累2
我之前修复这个项目 bug 时就发现了，这个项目中的某些页面是采用线上配置的方式将文件存储在后端机器上的前端没有实现文件，但是看配置页面也没有关于下载的路径配置，想找一下源文件，在后端的机器上找到源文件后，发现下载按钮点击会调用一个公共的下载方法，这个方法前端代码里面有，通过查找发现下载是使用线上的后端地址的，但是 env 的线上配置使用的是本地 8080，将 env 线上配置改为线上后端地址就好了。将参数以 data 的形式进行传递，会出现的请求体中，post，put 的多采用这种方式。
2025-04-27 15:05:19
532
原创 北京工作周记4
在实际的应用中也针对一些数据的展示方式进行了优化，例如设备的维修次数在表格的展示为‘x次’，在页面中添加一个插槽可以，但是内容太少了，所以我在 TableList 的配置中添加了一项 slotContent 它是一个函数，会接收当前行的数据，返回需要展示的数据格式的模板字符串，在 TableList 中的插槽位置使用 v-html 进行渲染。我的理念是开发是一个积累的过程，一个新人要对问题进行持续的积累复盘，熟练技能，在项目中不断的实践，手高眼底，对简单的问题就不积累，这种我认为在开发初期是不可取的。
2025-04-27 14:19:12
288
原创 北京工作周记3
后端是一个经验很少的开发，他对于系统功能的设计，交互，整体功能实现都不是很清晰，跟他说业务他也是很懵逼的状态，比较高效的办法是直接告诉他怎么做而不是讲业务流程。她目前还没有做完毕设，还在写论文，整体项目开发时间不是很多，这家公司对于实习生的培养是很差的，而且本身的开发流程不规范，如果一个人的在这里插入代码片能力不强，感觉这段实习完全学不到什么东西。在添加默认显示筛选项，隐藏筛选项，显示隐藏按钮与根据组件的宽度变化动态的改变每一行展示的筛选项个数等功能，一个 searchForm 组件就设计好了。
2025-04-20 11:41:06
199
原创 北京工作周记2（负能量吐槽篇，不喜勿入）
我的想法是中国有句老话叫“会哭的孩子有奶吃”，这件事情如果没有大声说出来，估计永远就不会有人重视，一个刚入职的新人谁管你，哪个领导会在意你的诉求，不过是应付了事而已，有的人会觉得一个显示器也能开发，但是有两个凭什么我要用一个，其他人都有两个我为什么就只有一个，其他人的办公设施都是没问题的，我的为什么不能在入职时就是完善的，我个人角度看就是公司的不重视员工的情绪，从公司的归属感上，我对当前的公司没有多少，这只是一份工作而已。项目的整体我的评价是4分不像是一个企业开发出来的产品，更像是一个大学生的课程设计。
2025-04-13 16:38:35
553
原创 前端知识积累1
Vue 是一个框架，也是一个生态。其功能覆盖了大部分前端开发常见的需求。但 Web 世界是十分多样化的，不同的开发者在 Web 上构建的东西可能在形式和规模上会有很大的不同。考虑到这一点，Vue 的设计非常注重灵活性和“可以被逐步集成”这个特点。无需构建步骤，渐进式增强静态的 HTML在任何页面中作为 Web Components 嵌入单页应用 (SPA)全栈 / 服务端渲染 (SSR)Jamstack / 静态站点生成 (SSG)
2025-04-08 14:16:14
801
原创 北京工作周记-1
整体的人员很少，有大部分人在出差，没有测试，没有 ui，目前没有见到产品文档，不知道有没有产品，主管说公司人少所以配置不全，但是我想说的是工作职业既然有产品，ui，测试就有他的道理。整体的开发人员，各自认领部分，例如A确认1-10，B确认11-20，花费一到二个工时确认，后续整体人员进行开会，确认问题，制定解决方案，如有需要进行联系客户，最终 bug 修复完成，进行交付。4月份入职了北京的一家互联网公司，单休周六强制加班，但是不想在家躺平了，还是来上班了，工作一周了，整体的感觉不太好。
2025-04-06 09:14:32
418
原创 前端面试之Map与forEach的区别
1.map适用于需要对数组元素进行转换或处理并返回新数组的场景。2.filter适用于需要从数组中筛选出符合某个条件的元素的场景。。
2025-03-13 15:48:10
321
原创 双 select 联动，数据异步问题
在项目中遇到这样一个场景，在一个表单中，有两个下拉选项组件 select，第一个 select 用于选择内容的大纲，第二个 select 用于获取大纲下的详细选项。最初通过数据的打印，发现页面中的选项会在代码改动后，渲染出来，猜想是因为数据延迟加载，将数据用 nextick 进行包裹，但是并没有解决问题。通过仔细的思考与查阅资料，想到 vue 本身是异步加载数据的，页面的渲染要快于数据的获取，数据的改变不会触发页面的重新渲染。但是当页面中组件的 key 值发生变化时会使组件进行重新渲染。
2024-08-18 22:26:48
336
原创 Es6 map与object的区别
因此，如果需要在项目中存储键值对，并且希望具有顺序保证、键类型不受限制以及更好的性能，可以选择使用。如果只需要简单的键值对映射，并且键为字符串类型，那么。
2024-04-16 10:58:54
256
原创 前端基础之Promise
Promise在我们写函数的时候通常会使用回调函数，当多个函数相互嵌套调用时就可能会产生回调地狱，为了解决这个问题，promise诞生生了，promise可以说是当前最好用的解决回调地狱的方案了。Promise简介promise，中文翻译为承诺，有三种状态pending，fulfilled，rejected，初始时状态为pending，成功时状态为fulfilled，失败时状态为rejected，且状态变化不可逆，只能有pending到fulfilled或pending到rejected。Promi
2022-04-05 16:39:46
1806
原创 前端基础之数组操作
1.数组遍历forEach：会修改原数组map：会返回一个新数组for in：返回属性值for of：可遍历迭代对象2.数组排序Array.sort((a,b)=>a-b) 升序Array.sort((a,b)=>b-a) 降序3.数组过滤filter（function，index，arr）返回全部满足 function 的中条件的元素，没有满足条件的元素返回空数组。filter() 不会对没有值的数组元素执行该函数。filter() 不会改变原始数组。4.数组连接c
2022-03-25 14:36:15
1024
原创 前端基础之数据类型的转换
1.数字转字符串toString 或 Stringlet a = 1234console.log(a.toString()); //1234console.log(String(a)); //12342.数字转数组let a = 1234a = a.toString()a = a.split('')console.log(a); //[ '1', '2', '3', '4' ]3.伪数组转数组[].slice.call();let a = { length: 2,
2022-03-25 11:25:37
2271
原创 前端基础之数据类型的判断
前端数据类型基础数据类型：string，number，boolean，null，undefined，symbol，bigint（后两个为ES6新增）引用数据类型：object（普通对象，数组对象，正则对象，日期对象，Math数学函数对象），function基础数据类型与引用数据类型的区别：1.基础数据类型存储在栈，引用数据类型存储在堆。2.堆比栈空间大，栈比堆运行速度快。3.堆内存是无序存储，可以根据引用直接获取。4.基础数据类型比较稳定，而且相对来说占用的内存小。5.引用数据类型大小是动态
2022-03-25 10:45:59
1218
原创 vue项目开发 b3041-图书馆 登录，注册功能的实现
页面实现登录注册这两个页面的实现主要使用到的就是 element-ui 中的 form 表单和 input 组件，页面的搭建比较简单就不再这里过多说明了。功能实现连接服务器1.对 vue 进行基础配置devServer: { port: 8848, //端口号 host: "localhost", //端口 https: false, //是否使用 https 协议 open: false, //每次启动是否自
2022-03-13 14:08:16
3159
2
原创 vue项目开发 b3041-图书馆 开发准备
node的安装1.下载 node 的安装包，建议下载稳定版node.js官网2. node 安装，一键式安装，一路 next3. 检测 node 是否安装成功win +
2022-03-13 10:46:58
1130
原创 vue项目开发 b3041-图书馆 项目介绍
项目名称b0341 图书馆项目使用技术vue，node，element-ui，mongoDB计划实现1.用户的登录，注册。2.图书的添加，删除，图书信息的更改，查询图书。3.图书的借阅。4.用户的信誉等级和借阅记录。5.用户信息展示。数据计划采用 node 搭建本地服务器，连接 mongDB 进行数据的获取与储存。源码Github：Github：https://github.com/hrbust1914010305/b0341 图书馆...
2022-03-07 20:52:34
581
原创 前端开发 CSS之帧动画
帧动画介绍帧动画的实现格式目标元素 { animation-name:帧动画名称。（注：必写） animation-duration: 帧动画完成时间;（注：必写）}@keyframes 帧动画名称（注：不要与关键子冲突）{ // from {} to{} 代表 0% 和 100% 0% {} 25% {} 50% {} 75% {} 100% {}}...
2022-03-06 17:00:12
1615
原创 uni-app 小项目开发 仿小米商城 后端提供数据3
页面详情页购物车页实现功能详情页1.数据的获取，详情页的轮播图，商品的参数，商品的配置等。2.产生订单，将的商品型号，配置，颜色，数量和服务等信息生成订单。订单页1.订单数据的获取与展示。2.购买商品数量与总价的计算与展示。Bug解决1.分类页面bug解决将 data 中的数据划分出来，改为 3 个数组，这也需要改变页面的数据渲染格式。点击左侧竖向导航，获取对应数据和 type ，根据 type 的值，展示右侧的页面（暂未更改）。源码...
2022-03-04 22:21:15
803
原创 uni-app 小项目开发 仿小米商城 后端提供数据2
页面首页，未作修改，只是数据的获取，未进行数据的模拟，有兴趣的可以自行实现。分类页，部分修改。左侧竖向导航未修改。修改思路：在数据库中模拟左侧导航的数据，数据的可包括导航的名称，id ，种类。点击时，向后台发送当前导航的 _id 和导航的种类，获取对应右侧页面的数据。右侧推荐页做数据的获取。页面的商品点击全部可以获取到商品的 _id ，上方红框内的商品，写了详情页面。...
2022-03-01 20:09:14
470
原创 uni-app 小项目开发 仿小米商城 后端提供数据1
页面介绍第一个页面是 search 页。主要功能1.点击左侧图标返回上一级。2.按下回车搜索框或点击右侧搜索图标，搜索内容会添加到搜索历史中。3.当搜索历史为 0 时，不展示搜索历史，在搜索历史展示时，会有全部删除的图标，可全部删除。4.点击搜索发现的内容可获取内容的 _id 的值。（注：本页面的搜索功能仅能加入搜索历史，不进行页面跳转。搜索历史与搜索发现仅可获取 _id 的值）数据部分发送请求向后端发送请求export default { // 全局配置 默认 common:
2022-02-28 15:10:31
791
原创 uni-app 小项目开发 仿小米商城 服务器与数据库
服务器这个项目使用的 node 与 koa框架结合做的本地服务器，这里注意一点这里用的是 koa 框架，而不是 express 框架，两者之间是有区别的，它们的数据获取和数据格式等是不同的。node 与 koa 结合搭建本地服务器，可以参考这个链接：https://blog.csdn.net/Evan_AF/article/details/105277423https://blog.csdn.net/Evan_AF/article/details/105277423数据库数据库使用的是.
2022-02-28 14:02:21
910
原创 uni-app 小项目开发 仿小米商城 前端开发4
实现点击商品跳转到详情页，详情页的搭建。详情页商品的数据选择和地址选择。购物车页面的搭建。用户页面的搭建。
2022-02-19 21:06:16
717
原创 uni-app 小项目开发 仿小米商城 前端开发3
实现分类页面的搭建页面的切换实现方法1.顶部搜索框的实现采用 inpunt 进行模拟，点击后跳转到搜索页。2.侧边导航的实现这里依旧采用 scroll-view 与 swiper 的联动。scroll-view 提供当前位置，swiper 负责展示相应内容。3.点击商品跳转到对应详情页面在分类页面的商品中添加点击事件，点击后跳转到商品的详情页并传递商品的 id。toDetail(value){ uni.navigateTo({ url:"../detail/de
2022-02-16 14:02:43
543
原创 uni-app 小项目开发 仿小米商城 前端开发2
实现顶部搜索框下的导航栏及点击分类进行换页。推荐页的轮播图搭建。推荐页面中的分类导航。以组件的方式实现商品的展示。实现方法主要采用uni-app组件进行搭建。uni-app链接：https://uniapp.dcloud.io/使用的组件： scroll-view swiper uni-grid uni-group1.顶部搜索框下的导航栏的实现。主要采用 scroll-view 来进行实现。点击时添加 active 和 line 类，改变字体颜色和在字体下添加横
2022-02-14 16:11:01
1013
原创 uni-app 小项目开发 仿小米商城 前端开发1
实现 1.主页面的顶部导航栏和底部导航栏。 2.顶部导航栏功能的实现及相关页面的搭建。实现方法 主要采用uni-app组件进行搭建。uni-app链接：
2022-02-12 15:03:32
1185
原创 uni-app 小项目开发 仿小米商城
uni-App Shop开发计划实现前端框架的搭建。使用数据库进行数据的模拟。前后端建立连接。开发工具 HBuilderX主要功能商品的展示。商品详情。加入购物车。用户信息。GitHub：
2022-02-12 15:02:57
8354
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人