- 博客(77)
- 收藏
- 关注
RSS订阅原创 24年2月-3月工作笔记整理（前端）
2.箭头函数的特点，如果有花括号包住的话，需要return，如果是简写没有花括号，可以不需要return，两种不能混合用。优化项目启动时间思路：删除冗余的代码文件、卸载不用的依赖、修改webpack配置、忽略不常用源码文件检查。工作做得越来越杂，业务也很多，很难有时间去深入研究其原理，得继续努力了。3.联级组件中调用懒加载方法更新面板数据。1.选择面板设置特殊时间样式逻辑。
2024-04-02 09:35:33
387
原创 23年12月-24年1月工作笔记整理（前端）
2）使用exif-js解析出了图片的时间和地址信息，地址信息需要对数据进行计算出经纬度，并经过坐标系转换后再用高德地图geocoder.getAddress()获取。3）pc端图片解析数据预研结论：前提得是原图且不被修改，苹果手机照片可以解析出位置和时间，安卓手机（华为、oppo、vivo、小米手机）只能解析出时间。坐标系分为：WGS84(国际通用) ，GCJ02(高德、QQ地图) ，BD09(百度地图) ，CGCS2000(2000国家大地坐标)2.css子元素平分父元素的宽度。3.路由的两种参数写法。
2024-01-31 09:43:45
225
原创 23年9月-11月工作笔记整理（前端）
7.css选择前i个元素:nth-child(-n + i)、后i个元素:nth-child(n + i)2.提交代码的时候执行git commit–no-verift - m “提交备注”，就可以跳过代码检查。卸载 node-sass：npm uninstall node-sass。安装 sass：npm install sass --save-dev。禁用下一行/* eslint-disable-next-line*/全局搜索替换：/deep/ 替换为 ::v-deep。8.局部禁用eslint检查。
2023-11-30 11:52:06
146
原创 23年8月工作笔记整理（前端）
1.flex布局让某个子元素靠右 margin-left: auto;靠左 margin-right: auto;2.不清楚子元素多少个，又要等分占空间；1.让数据的最大值和最小值做范围，不从0开始。3.给文字赋上渐变背景。
2023-08-31 15:38:13
366
原创 23年7月工作笔记整理（前端）
2.巩固一下reduce语法：reduce(function(初始值或方法的返回值,当前值,当前值的索引,要累加的初始值))1.js中Number类型的最大值常量：Number.MAX_VALUE，最小值常量：Number.MIN_VALUE。取出对应的存储git stash apply stash@{index}切回本分支 git stash pop把最近一次暂存的弹出来。on(‘refreshNum’, () => { })接收。css属性： white-space: pre-line;
2023-07-31 17:08:39
697
原创 23年6月工作笔记整理（前端）
2.使用v-if的时候，注意父元素要保持不变，同时有v-for的话不能使用index作为key，容易报错；5.在css中英文字符超出div的宽度时默认不会换行，需要设置一下word-wrap : break-word;p:first-of-type是所有特定类型p的第一个子元素；只要是该类型元素的第一个就行，不要求是第一个子元素。span:first-child 匹配的是某父元素的第一个子元素，要求是第一个子元素且是span类型才会生效。1.不让选中文字的css设置，一般用于频繁点击的地方。
2023-06-30 15:43:34
403
原创 23年4月工作笔记整理（前端）
/ease-in（动画以低速开始。border-box（裁剪边框外）|padding-box（裁剪内边距外）|content-box（裁剪内容框外）;padding-box（内边距定位）|border-box（边框定位）|content-box（内容框定位）;transform的属性包括：rotate()（旋转） / skew()（倾斜） / scale()（比例） / translate()（位移） ，分别还有x、y之分。一般设置过渡名-enter（开始进入）,过渡名-leave-to（结束离开）
2023-04-27 11:07:15
1142
原创 23年3月工作笔记整理（前端）
传{behavior:auto/smooth,block:垂直方向对齐start/center/end/nearest,inline:水平方向对齐start/center/end/nearest}state是存放公共数据的地方，mutation类似于同步事件（commit触发），action类似于异步事件（dispatch触发），getter类似于computed进行缓存。1.使用dayjs时间戳的入参是数字类型，其他类型可能引起时间不正确。2.灵活宽度，超出区域用省略号显示，同时悬浮可显示全称。
2023-03-31 17:12:54
59
原创 23年2月工作笔记整理（前端）
这个月有点忙，不是在修bug就是在赶需求，埋头加班，学到的东西也不太多。等考完高级软考之后我打算开始刷刷算法题，觉得自己在这方面还比较薄弱，虽然前端用到的算法也不多。
2023-02-28 15:04:56
148
原创 23年1月工作笔记整理（前端）
又是一年过去了，又跟同学朋友们聚了一下聊聊天，发现大家都在默默卷，而我反而松懈了许多，也不知道是不是处于瓶颈期了，还是我做的东西难度就这样了，以前会主动去看公众号的前端技术，现在也犯懒了没时间看，或许需要加一个都是前端开发的学习群，每天和大家交流讨论最新技术，这样也不会技术落后，新技术vue3的一些思想我还没有转变过来，不管它好不好，以后vue2不维护了，是逼着大家用Vue3吧。
2023-01-31 10:05:22
74
原创 22年12月工作笔记整理（前端）
又一年过去了，回顾一下自己的技术水平，由于工作内容都是做业务需求，在业务需求方面，没有很大的问题，只是偶尔会遇到棘手的需求需要想很久，也能做出来；一直都知道自己对项目搭建配置和基础架构思维还是有欠缺的，目前也不可能把这么重要的活给我一个一年半工作经验的前端，所以也没有机会去接触，明年尽可能找机会去学一下吧，对了，室友都杨康了，天选打工人到现在都没有阳。
2022-12-29 17:44:29
1756
3
原创 22年11月工作笔记整理（前端）
1.前端搭建流水线：打开流水线，然后照着其他的前端流水线拷贝过来用，把项目名改为自己的，普通高级都要配置，端口号前面是80，最后一个找一个大家都没用过的，最后把端口号告诉后端，后端配置一下。1.hdr是指高动态范围图像，可以提供更多的动态范围和图像细节，利用每个曝光时间相对应最佳细节的LDR图像来合成最终HDR图像，能够更好的反映出真实环境中的视觉效果。6.flex属性是flex-grow（放大）、flex-shrink（缩小）和flex-basis宽度的简写，默认值为0 1 auto，后两个属性可选。
2022-11-30 14:56:26
1010
2
原创 22年10月工作笔记整理（前端）
在webpack插件里，TerserPlugin里的参数配置exclude:/verdor/；代表第三方的依赖不影响，如不想影响第三方依赖的打印函数。遇到了一个第三方的依赖报错，是因为去除了第三方依赖的consloe，导致出现了undefined错误。1.ref支持所有的类型，而reactive只支持引用类型Array、Object、Map、Set。2.ref取值、赋值都需要加.value，reactive是不需要.value的。1.css悬浮显示全称，如要使用原生悬浮效果，可以使用title属性。
2022-10-31 09:06:35
176
1
原创 22年7月工作笔记整理（前端）
方法索引除以10取余数，把这个余数的索引对应的颜色取到，再开辟一个对象letnode={}把对应要赋值的属性写进去，最后push到这个数组里。参考链接https//blog.csdn.net/qq_36410795/article/details/107109514。5.vue对象格式style=“[{属性值}]”class=“{类名trueorfalse}”情景当颜色只有10种，但是有超过10中的数据，需要被赋值，就要对其进行动态扩容。displaynone;...
2022-08-02 17:04:33
160
原创 22年5月工作笔记整理（前端）
五月份干的都是写琐碎的业务需求，大部分时间都在改样式的东西，所以学会了很多样式的知识目录一、 query传参问题二、 样式问题三、 获取今天是周几四、 千分位方法五、 动态加载图片一、 query传参问题为了保留路由刷新的值不会动，我们项目使用query传参，但是如果这个参数是对象刷新还是会变动。解决的办法：先把对象转为json，再把json转为对象JSON.stringify() JSON.parse()二、 样式问题1.如果给容器加圆角不生效，对容器使用：overflow:hid
2022-05-30 20:11:19
212
原创 22年4月工作笔记整理（前端）
4月底为了上线连着加班好几天晚上了，不过收获和成长也很大，两天晚上写出一个组件也是不容易，还好我导师帮我了，希望下次产品不要在上线前临时加个需求。这篇有时间轴组件源码~目录一、表格勾选回显对应的列的效果二、时间组件问题三、如果不小心把代码合错分支了怎么办(害怕)四、中央总线事件五、时间轴组件踩坑Tips一、表格勾选回显对应的列的效果1.让刚选中的一条取消选中this.$refs.ref名.toggleRowSelection( this.arr.pop(),
2022-04-29 17:26:12
213
原创 22年3月工作笔记整理（前端）
工作内容开始有了挑战，也为我的博客提供了素材，但是疫情的影响，我还负责管部门的健康码行程码收集，还有招聘，导致效率不是很高，只要有收获就行啦。目录一、视频播放遇到的问题二、日历上带有进程事件的组件三、js异步调用引起的问题一、视频播放遇到的问题 <video width="100%" autoplay="autoplay" :poster="playvideo" :src="playvideo"
2022-03-29 17:51:50
1027
原创 22年2月工作笔记整理（前端）
2月份是忙碌但是不加班的一个月，被要求修改各种各样的bug和需求，而且因为天气的原因不太想学习，脑子被冻住了一样难受，但是3月份天气转好，我要开始努力奋斗啦~目录一、头尾固定，中间自由滚动样式二、监听store里的值变化三、表头自定义树形选择实现四、灵活表头的显示自定义五、一些小tips一、头尾固定，中间自由滚动样式有个布局要求：头部固定高度，宽度100%自适应父容器；底部固定高度，宽度100%自适应父容器；中间是主体部分，自动填满，浏览器可视区域剩余部分，内容超出则中间部分出现滚动条.Hea
2022-02-28 15:15:59
394
原创 22年1月工作笔记整理（前端）
1月份开始又轻松了许多，为了年前可以上线按照优先级把需求重新分配了一下，也省略了一些比较复杂又没啥用的交互。后面又感冒了一周，又是年会总结会啥的，除了修修bug也没什么心思工作了。目录一、路由跳转后页面刷新参数消失问题二、文件传给后端的数据处理三、动态加样式的对象语法四、一、路由跳转后页面刷新参数消失问题这个问题一直以为是框架的问题，后面有位同事提出一种最简单的方式解决，但是参数会在浏览器地址上显示，不安全。路由传参的三种方式：1.使用path带参数跳转,页面刷新数据不会丢失//跳转
2022-02-10 19:42:08
548
原创 12月工作笔记整理（前端）
12月快忙疯了，但是我学到了很多东西吧，由于产品经理的严格，导致我前端被逼无奈加了很多细节交互，不靠谱后端导致联调时间还在补接口，然后延期算在前端头上，很不开心。好不容易第一个阶段结束了，抽空写一下总结。目录一、关于表格的一些交互二、关于表单填写校验三、图片的上传与回显三、其他知识点一、关于表格的一些交互1.表头自定义需求分析：结合了elementUI的table组件做的一个需求，要求通过一个表头选择，触发表格的表头项的变化。需求拆分：要把表头作为一个数组灵活导入，还要通过选项改变这个数组，就可
2022-01-05 10:14:10
379
原创 11月工作笔记整理（前端）
11月还做了一段时间的文员（整理材料），有点心累，毕竟我不擅长，而且根本不能理解领导到底想要啥样的。12月也一直在忙新项目，周六加班赶进度，顺便把11月的工作笔记写了。目录一、大屏项目剩余的坑二、小程序项目需求与维护三、学习内容整理一、大屏项目剩余的坑1.由于我很多样式都是复制网上的老代码，导致版本更新了之后会有警告，重新调整了一下属性的位置。关于修改：对照文档和提示改好就行。2.crlf和lf的格式问题在windows：换行格式是crlf在Linux:换行格式是lfgit 里的格式是lf
2021-12-04 15:10:09
113
原创 10月工作笔记整理（前端）
这次没有迭代需求了，是一个完整的大屏项目，但是还没有进行前后端联调，可能还有一些坑要留到11月的总结写了目录一、学习的内容总结1.uni-app框架2.echarts框架3.element UI框架4.VScode快捷键总结二、项目的内容总结1.接口的封装与使用2.获取今年月和6个月之前的年月3.大屏的问题一、学习的内容总结1.uni-app框架只学到了基础概念，总结一下我对它的想法：语法和vue很像，布局和小程序很像，所以在vue的基础上把< div >替换成< view>
2021-10-28 14:43:00
356
原创 9月工作笔记整理（前端）
按需求分一、增加一个类型选择二、单选表单变多选三、修复趋势图的bug四、清单的记录一、增加一个类型选择这里复用组件，radio，没什么难度，比较简单的的一个需求。二、单选表单变多选这个需求主要是在返工上，在原先的样式和交互上修修补补，最后UI设计稿出来之后就是一次全新的修改，之前的修补就没啥意义，下次一定要等UI出了设计稿我再做，需求细分：首先把样式弄出来，多选的卡片；然后对多选卡片里面的逻辑交互进行实现，比如点击选择种类，点击添加删除，并对对应的添加删除进行可行性的判断和弹窗实现，种类不可重复选
2021-09-30 15:42:58
138
原创 ES6-ES11语法学习
目录一、ES6语法二级目录三级目录一、ES6语法1.let不可重复声明自带块级作用域，块级外访问不到块级内的不存在变量提升不影响作用域链2.const常量：值不能修改的量一定要赋初始值一般常量使用大写（潜规则）常量的值不能修改自带块级作用域对于数组和对象的元素的修改，不算对常量的修改，不会报错（地址不变）3.解构赋值3.1数组的解构const F4 = ['小沈阳','刘能','赵四','宋小宝']let [xiao,liu,zhao,song] = F43.2对象的
2021-09-30 11:45:20
312
原创 BOM和DOM的介绍
什么是BOM？BOM是browser object model的缩写，简称浏览器对象模型。是用来获取或设置浏览器的属性、行为，例如：新建窗口、获取屏幕分辨率、浏览器版本号等。 比如 alert();弹出一个窗口,这属于BOM什么是DOM？DOM是Document ，简称文档对象模型。是用来获取或设置文档中标签的属性，例如获取或者设置input表单的value值。document.getElementById("").value; 这属于DOM...
2021-09-14 11:39:11
83
原创 理解事件循环
js的执行线程有主线程：也就是 js 引擎执行的线程，这个线程只有一个，页面渲染、函数处理都在这个主线程上执行。工作线程：也称幕后线程，这个线程可能存在于浏览器或js引擎内，与主线程是分开的，处理文件读取、网络请求等异步事件。任务队列：所有的任务可以分为同步任务和异步任务，同步任务是立即执行的任务，同步任务一般会直接进入到主线程中执行；而异步任务，就是异步执行的任务，比如ajax网络请求，setTimeout 定时函数等都属于异步任务，异步任务会通过任务队列的机制(先进先出的机制)来进行协调。同步和
2021-09-14 11:15:55
61
原创 JS的作用域与执行过程
目录一、作用域二、执行过程一、作用域作用域类型：全局作用域、函数作用域、块级作用域（ES6）1.全局作用域(1) 全局作用域在页面打开时被创建,页面关闭时被销毁(2) 编写在script标签中的变量和函数,作用域为全局，在页面的任意位置都可以访问到(3) 在全局作用域中有全局对象window,代表一个浏览器窗口,由浏览器创建,可以直接调用(4) 全局作用域中声明的变量和函数会作为window对象的属性和方法保存(5) window对象的属性和方法可以直接调用,如window.an() 可以写
2021-09-09 09:46:55
146
原创 JS中的this详解
目录一、this的定义二、this的四种绑定规则三、绑定规则优先级一、this的定义this具体指向什么，取决于怎么调用函数的二、this的四种绑定规则1.默认绑定非严格模式下，this指向window全局变量2.隐式绑定指向调用函数的最近上下文对象链式调用时，就近原则隐式丢失：用函数别名不会引起this的指向变化，如var bar = obj.foo;bar();用函数名但不带括号不会引起this的指向变化，如obj.foo3.显示绑定用call()或apply()来实
2021-09-08 11:26:00
105
原创 原型、原型链、构造函数的概念和之间的联系
1.构造函数，可以用来创建实例对象，如：function Person() { }var person = new Person();这里的Person就是一个构造函数，person是实例对象。2.原型（prototype）：每个函数都有一个 prototype 属性，每一个JavaScript对象(null除外)在创建的时候就会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型"继承"属性。3.原型链（_proto_）每一个JavaScript对象(除了 null )都具有
2021-09-08 09:49:27
266
原创 vue-router学习专题
Vue-router相关知识点一、原理二、动态路由匹配1.响应路由参数的变化2.捕获所有路由或404路由3.匹配优先级二、嵌套路由三、编程式的路由1.定义路由2.router.replace()3.router.go(n)四、命名路由五、重定向和别名1.重定向2.别名六、路由组件传参1.布尔模式2.对象模式3.函数模式七、路由守卫1.全局前置守卫2.全局解析守卫3.全局后置钩子4.路由独享的守卫5.组件内的守卫6.完整的导航解析流程八、路由元信息九、数据获取1.导航完成之后获取2.导航完成之前获取十、路由懒
2021-08-30 16:20:27
135
原创 8月工作笔记整理（前端）
隔了好久一段时间没有写博客了，一是比较忙，二是后面在学校做的跟我想学的没有关系，三是自己懒惰偷懒了会，也没啥可以写的。现在工作了，又有需求场景可以写啦~按需求分一、下拉框筛选展示内容二、版本号的显示三、 账户注销功能四、展示详情内容五、修改填写内容六、 一天一次的轮播广告弹窗一、下拉框筛选展示内容一开始以为是个很简单的需求，后面发现因为用错组件，后端数据格式不能使用，最后再换了各组件就很容易了。需求细分：选好一个下拉框查询组件，在选中的时候，调用下拉刷新接口（把选择的值传给后端），接收后端返回的数据
2021-08-29 09:44:05
97
原创 关于webpack的学习--编写loader和plugin
一、loader官方定义：Loaders就是对一个模块源码的转换。它们可以在引入或加载文件时对文件进行预处理。因此loaders有点像其他构建工具中的tasks（任务），可以提供一种有力的方式去处理前端构建步骤。Loaders可以将一种不同类型的语言（比如TypeScript）转换为JavaScript，或者将内嵌图片转换为 data URLs。甚至可以在JavaScript模块中直接引入CSS文件。loader就是一个node模块，它输出了一个函数。当某种资源需要用这个loader转换时，这个函数会
2020-08-14 11:38:50
397
原创 leetcode刷题记录（面试top题-数组-简单）2020.8.12
189.旋转数组给定一个数组，将数组中的元素向右移动 k 个位置，其中 k 是非负数。示例 1:输入: [1,2,3,4,5,6,7] 和 k = 3输出: [5,6,7,1,2,3,4]解释:向右旋转 1 步: [7,1,2,3,4,5,6]向右旋转 2 步: [6,7,1,2,3,4,5]向右旋转 3 步: [5,6,7,1,2,3,4]我的思路就是暴力遍历 用循环 数组尾部弹出的放到数组头部去。看了一下题解，发现还有两种比较妙的方式，借用splice的删除和插入。方法一：暴力遍历
2020-08-12 22:38:12
151
原创 业务需求总结记录（使用vuex、在表头旁边加个图标，鼠标悬浮可显示信息、插槽）
1.如何使用封装后的vuex①先引入vuex，再在created里调用这个函数this.queryBtns()。computed里得到这个值 …mapState(“app”, [“btnsObj”]) methods里写这个方法 …mapActions(“app”, [“queryBtns”]), 通过:btnsObj="btnsObj"传给子组件。②在子组件里，props接收btnsObj 调用这个对象就是this.btnsObj2.如何给表头字段旁边加个图标，鼠标悬浮并显示提示消息在对应的表头里
2020-08-07 16:55:34
318
原创 用原生js写图片上传组件v3.0(最终版本)
js图片上传组件：基本要求：1.上传的图片可预览，可删除，可被覆盖更新2.要求图片格式为jpg和png，大小不能超过2M3.模拟回显，可用本地存储（实际上的回显是通过后台传过来的url）4.写传给后台的方法5.解决浏览器的兼容性，主要解决读取文件功能和传给后台的兼容性新加需求：可拖拽图片进行操作上传图片的功能，暂不考虑兼容性（使用H5的drag api）h5 drag apidragstart：事件主体是被拖放元素，在开始拖放被拖放元素时触发。（开始拖动）darg：事件主体是被拖放元素
2020-08-04 09:56:44
849
原创 如何修改echarts源码（其他框架也可适用）
举例：让echarts markpoint动画展示, 修改源码支持动态展示1.npm install echarts2.从nodemodules文件夹中找到echarts源码文件夹3.找到lib和src \lib\chart\helper\Symbol.js和\src\chart\helper\Symbol.js修改源码graphic.initProps(symbolPath, target, seriesModel, idx, ()=>{if (seriesModel.option.afte
2020-07-30 17:37:26
1318
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人