知识积累
zhlCool
i Design
展开
-
基于axios进行二进制流下载功能
axios下载二进制流文件原创 2022-01-20 10:45:58 · 867 阅读 · 0 评论 -
自定义input组件实现拖拽文件上传
自定义input组件实现拖拽文件上传原创 2021-12-22 12:35:29 · 1968 阅读 · 0 评论 -
el-upload自定义上传触发多次change事件解决方案
el-upload自定义上传触发两次change事件解决方案原创 2021-12-22 12:20:59 · 6030 阅读 · 2 评论 -
vue+element踩坑记录(持续更新中)
目前项目中关于使用element-ui框架时的一些踩坑写法,大家如果有好的踩坑记录可以帮我指出,我这边会及时更新....原创 2021-12-10 14:38:58 · 1080 阅读 · 0 评论 -
关于Es6的几个书写小技巧
es6的一些实用小技巧,简化代码,书写工整。原创 2021-12-09 09:45:00 · 149 阅读 · 0 评论 -
vue使用sass根据环境进行样式判断区分
使用webpack + sass 进行css if else 环境区分样式编写在vue文件中使用:原创 2021-12-08 14:42:33 · 1281 阅读 · 0 评论 -
如何做前端Code Review
向互联网大厂学习,从代码格式、代码错误、代码习惯、代码优化四个角度进行前端Code Review的具体细则实施。一、代码格式代码格式问题可以通过自动化工具来解决。VSCode格式化设置 标准的 eslint 规则( 如Airbnb或公司统一推出的eslint规则) + husky( 本地pre-commit校验 ) 远端 CI 流水线校验(开启cache,增量校验)二、代码错误2.1 是否存在会导致内存泄露的代码对于 SPA 应用,用户无需刷新浏览器,所以要想确保垃圾回收生效,我原创 2021-12-07 18:27:34 · 1049 阅读 · 0 评论 -
基于el-dialog实现拖拽/最大化处理
技术栈:"dependencies": { "vue": "^2.5.2", "typescript": "^3.9.5", "element-ui": "^2.13.2"}话不多说 直接上代码:<template> <el-dialog ref="dialog" v-dialogDrag="drag" v-dialogEnlarge="{get: getVal, value: zoomable}" v-bind="{ ..原创 2021-12-06 08:30:00 · 1693 阅读 · 0 评论 -
主题换肤处理(css var)
具体功能实现:document.body.setAttribute('data-theme', 'red')设置当前body内容的data-theme属性,想数据持久化则存储到localStorage即可。在css中定义var变量@function hexToRGB($hex) { @return red($hex), green($hex), blue($hex);}// 默认颜色:root{ --primary: #F56C6C; // 主色 --primary-原创 2021-12-05 20:35:58 · 1734 阅读 · 0 评论 -
浏览器相关及知识积累
前言作为一名前端er,日常工作打交道最多(之一)的莫过于熟悉而又陌生的浏览器了,熟悉是每天都会基于浏览器的应用层面之上码业务,陌生是很多人可能跟我一样不熟悉其内部运行原理,比如js是怎样运行的呢?精美样式页面是怎样渲染到电脑屏幕的呢?在开放的互联网它又是怎样保证我们个人信息安全的呢?带着种种疑云开始肝李兵老师的《浏览器基本原理与实践》,不得不说,大家之作,通俗易懂,层层拨开云雾见青天,下面就(非常非常)简单总结一下。Chrome 架构:仅仅打开了 1 个页面,为什么有 4 个进程线程和进程区别:原创 2021-12-03 23:25:09 · 558 阅读 · 0 评论