摘要：从2017年底开始做公司批改后台系统（服务内部人员对熊猫小课用户的作业进行批改、对批改员工资结算等）到教务系统（服务于内部人员对熊猫小课等移动端产品的内容进行配置等）、ai-boss系统（服务于内部人员更高效的对python系产品的用户进行服务）、最后到现在的契约运营管理系统。 前两个pc端系统，我
阅读全文
随笔分类 - 日周月-日总结
摘要：package-lock.json的作用： 锁版本，确保项目在后续拉去中，安装依赖包时依赖包的版本始终是统一的 在npm install时会自动生成package-lock.json package.json与package-lock.json相同时，npm安装包时以package-lock.jso
阅读全文
摘要：开发前沟通清楚所有细节，包括和产品对需求的沟通、和后端开发对接口和数据格式的沟通。 这里特别要说的是和后端的沟通，最近好几次提测之后，才发现犯了一些因为和后端没沟通好字段导致的低级错误。比如今天的字段的值的问题，本来为空时需求要求前端渲染显示‘／’，而后端给前端返回的是null。后端也没有事先给前端
阅读全文
摘要：左边是列表，包含了群和成员，右侧是聊天窗口。点击群列表，右侧显示群聊窗口，点击学员，右侧显示私聊窗口。 群聊窗口和私聊窗口是不同的组件，但是窗口中的子组件，例如窗口的头部、中间内容部分、输入框都是复用的同一个组件。 一个花了很长时间才定位到问题的bug： 群聊窗口的表情包弹窗怎么也不显示，但是私聊窗
阅读全文
摘要：人不是在经验中学习，而是在反思经验中学习 1、前端异常处理 写项目中，经常console报错之后，要花很多时间去找出错的地方，有没什么高效的代码编写方式，每当前端出错之后，可以快速定位？ 2、websocket本地发送消息调试 参考资料： 日常调试方法：https://juejin.im/post/
阅读全文
摘要：场景： 一个群发消息列表（数组） 列表下有多条消息（元素） 每条正在发送的消息数据状态需要实时刷新，发送完成时需要显示成功提示符合且不需要刷新，然后3秒消失。首次显示列表时，已经成功的状态不显示这个成功提示符。 1、定位确定采用局部刷新 2、进入消息列表请求获取列表数据的接口，完成发送的消息不需显示
阅读全文
摘要：这周做的项目遇到2个费了很多时间才解决的bug，解决之后，发现根本问题并不是什么很难的技术难点，都是因为自己在写代码的过程中，思维不够清晰。还有一个需要再提高的地方就是解决问题的思维，如何快速定位到问题。 第一个bug很严重：本地前后端联调没有问题，而且调的是和测试环境一样的接口，但是测试环境就是报
阅读全文
摘要：上周被分配一个需求，我评估2天半，这两天半包括：开发、自测、还原样式、联调。 做到第二个的周三才推测试，原计划第二个周的周二早上发版。 导致这样的结果，我分析了几个原因： 1、心态问题：对使用前端ui框架的抵抗心里，1年pc端，用过element-ui、ant-design ，心里上有点对修改框架组
阅读全文
摘要：问题：给父组件上的一个数组中的某个元素中的数组类型值，添加值后，数据没有在子组件上更新。 对元素添加值之后，vue的数据其实已经更新了并传给了子组件，子组件中没有立即更新。 那么这里有个问题，在子组件中到底是如何渲染从父组件中传来的数据的？ 解决思路 1、用子组件中用watch，确保子组件拿到值 子
阅读全文
摘要：前言：始终要相信你能想到的解决方案，基本上都是可以用技术实现的... 解决方法就是在mounted中在this.$nextTick()去获取，如果没有获取到，不是写法错就是，元素没有绑定对地方，注意检查自己的逻辑，自己在写什么思路一定要清晰。 有这样一个需求： 实现一个表格，每一行代表课程的一期，每
阅读全文
摘要：运营同学问：后端返回的一串元素标签，我想在网页中显示的时候，将标签中的内容渲染出来，不希望直接显示标签。 回答：bootstrap加模版组织的网页，模版渲染的数据只能渲染字符串，不能转化富文本。 运营同学问：浏览器是怎么区分富文本和字符串？ ... 上面的对话其实存在很多问题： 1、浏览器应该是如何
阅读全文
摘要：最近打算试试用webstorm，今天从vscode换成了webstorm。 官方下载webstorm 1、下载之后安装，我全部选择默认，因为webstorm是付费ide，到启动面板时，选择激活选项。 2、到http://idea.lanyus.com/去复制注册码，网站里面也说了，使用前0.0.0.
阅读全文
摘要：前言： 数据变更之后，vue如何渲染dom？ 实际场景： 更新数据之后，再设置滚动条的位置为什么设置无效？ 为什么将隐藏的元素设置为显示状态之后，读取元素状态读取不到？ 改变了对象／数组中的值，页面没有更新最新的值？ 关于vue中的数据改变没有触发视图更新的现象： 需要知道的一些细节 vue中dat
阅读全文
摘要：pc端自适应屏幕问题： 1、每个数字需要跟随进度条的后面显示，进度条和数字必须包裹在一个元素里面，这个元素为一定百分比的父元素 2、进度条长度随着屏幕大小自适应，所以元素长度需要用百分比计算，这个占父元素的一定比例 3、有个最大长度，即总长度 4、每一个行有多个元素，所以用了flex布局，设置百分比
阅读全文
摘要：推荐阮一峰的一篇文章：http://www.ruanyifeng.com/blog/2018/10/runner.html 编程和长跑一样，拼的是耐力看谁跑的远。如果一开始拼命往前跑，后面到了关键时刻可能就没有了体力，如果前期慢慢蓄势待发，储备力量，到了关键时刻， 就可以调动全身力量去发力，关键场所
阅读全文
摘要：一、问题描述 首次进入聊天窗口，数据加载之后先显示最早消息，后显示最新消息，也就是数据加载完之后，延迟了一个时间滚动条才自动定位到最底部。 二、解决方案 如果数据在刚好加载完的时候滚动条就定位到了最底部就好了，就不会在进入聊天窗口之后还看到滚动条在往下滚动，出现的问题就是因为获取数据和设置滚动条位置
阅读全文
摘要：从2017年大概12月开始做公司的批改后台，再做教务系统、ninth-studio校园大使到现在做ai-boss运营管理系统，如果说每次的开发只是去考虑如何做出来做到标准的样子，很快你就会觉得自己是在重复做很多没有意思的事情，比如画表单、画控件等等。 用vue做了快1年的后台管理系统，做到现在的ai
阅读全文
摘要：关于如何快速解决一个自己知识以外的问题的思考 做好任何事情都是讲究方法的，这是我健身之后的一个领悟，用正确的方式做事，自己的付出才能有价值。 首先分析问题： 比如我想清除cookie里面的token，我调用了unsetCookie('token'),看下unsetCookie这个方法是怎么
阅读全文
摘要：前言： 关于文件上传给我的如何高效率的解决一个自己从来未解决过的问题的思考，第一个是要会搜索，根据自己的问题搜索关键字，这个很大程度上决定我们解决问题的速度，比如我现在要写一个图片上传的功能，如果搜索“怎么将图片传到服务器”，会搜到有人告诉你文件用input：file上传，用formData将图片转
阅读全文
摘要：一、什么是函数节流和函数防抖 函数节流和函数防抖目的都是避免同时多次执行函数。 函数防抖是将多次执行变成一次执行，函数节流是将多次执行变成每隔一定时间执行一次。 二、具体实现 三、什么时候需要节流，什么时候需要防抖 防抖的应用场景： 实时搜索功能，当用户停止输入之后等待一定时间间隙，再查询搜索结果，
阅读全文
浙公网安备 33010602011771号