首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端专栏
下落香樟树
创建于2021-05-12
订阅专栏
记录前端开发工作中所遇到的问题以及处理方案。
等 14 人订阅
共30篇文章
创建于2021-05-12
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
结束系统进程的操作方式
Windows 系统操作方式 任务管理器 打开任务管理器,找到对应的进程,右键选择“结束进程”; 点击“确定”后,进程将被强制关闭,无法恢复; 终端 - 进程查询 打开终端,输入命令 taskkill
前端开发软件资源汇总
辅助软件 ONE-KEY-HiDPI:https://github.com/xzhih/one-key-hidpi「✅」 「🔥」一键开启 MacOS HiDPI,适配屏幕显示器,优化显示器显示模糊问题
开发常用 NPM 依赖资源汇总
NPM 整理「不定时更新中」 常用 NPM 汇总 NPM 镜像站:https://www.npmjs.com 阿里云镜像站:https://npmmirror.com | 注:汇总一些常用的 NPM
Vue2 ElementUI InfiniteScroll 无限滚动
ElementUI InfiniteScroll 无限滚动 使用场景 在处理无限加载的数据列表时,无论是 PC Web 端还是 Mobile 移动端,皆会涉及数据滚动加载问题。首先无限加载的功能需
VSCode 使用 Jetbrains Mono 字体
VSCode 开发者工具配置 Jetbrains Mono 字体,相对默认的字体来说,更美观、更简洁。
前端工具分享
Web Tools# 注意事项 [✔]:组件或工具后的 [] 标注有 ✔ 的,为已经尝试使用过的。 截图工具# Snipaste「✔ 截屏工具」 PixPin「✔ 截屏工具」 pear-rec「✔ 截
Vuex数据持久化存储
在基于vue开发SPA项目时,为了解决页面刷新后数据丢失的问题,我们一般都是将数据存储在localstorage或sessionstorage中;当数据需要全局处理统一管理时,我们也会借助于vue官方提供的vuex来进行数据的统一管理。vuex相比localstorage或se…
浏览器跨窗口通信
浏览器跨窗口通信 前言 前期主要开发 PC 端网站管理系统,现在在基于前者的基础上需要开发数据统计相关的数据大屏展示。结合现有项目和后续的扩展,综合考虑后决定新开项目主做数据相关的数据大屏展示,以
分享一个 NPM 地区数据包
🚀「业务需求」 在项目开发过程中,总会遇到各种各样的场景和业务需求,此时就需要前端和后端进行协商处理。比如:提交一个地区数据时,最初设想是采用后端封装处理好的省/市/区 数据来进行 API 的查询,此
解析XLS文件转JSON数据
「🚀」场景需求 前边文章已经对“XLSX转JSON”做了相应的处理,早期需求比较紧张,就优先考虑了目前主流的“LSX”格式的Excel文件解析。但是投入使用后发现有一部分用户的操作系统偏老旧,他们办公
解析XLSX文件生成JSON数据
「🚀」场景需求 工作中,最初解析 Excel 文件数据是通过后端开发来对上传的文件内容进行解析的;此时的前端只需能保证把 Excel 文件成功传递到后端即可;然后后端通过编程语言将收到的 File 文
上传前检测媒体文件[MP4]
处理媒体文件上传前置的文件检测,不仅仅要校验文件类型还要检测文件的码率、时长、是否可播放等,目的在于减少无用文件上传造成的资源空间的浪费,同时也便于后端资源文件转码,减少转码失败率。
JavaScript常用方法
分享一些常用的JS方法 1、Copy URL地址 2、处理文件大小展示 3、获取音频/视频时长 4、下载文件 5、对象数组去重 6、获取地址栏参数 7、params参数处理
文件下载(触发浏览器默认下载器)
近期在处理文件上传过程中,产品文档有一个业务需求:在文件资源管理中,对上传成功(已经处理的文件)进行 批量下载。 最初想到的是采用 <a></a> 标签的形式进行,通过动态创建标签来触发“a标签” 的
获取上传文件相关信息
通过上传文件的file对象来获取相关的数据信息,并通过相关函数方法来处理来获取文件本身的相关的基础信息。
「链判断运算符」“?.”和「Null 判断运算符」“??”Jinkens构建失败
事情起因 近期开发前端项目时,打包和发布代码都是基于Jinkens的自动化构建部署;项目采用的技术是基于Vue2.x和Element UI的后台管理系统。因为逻辑判断太多,看到“MDN”上的语法,就在
ElementUI之select多数据加载优化
「🚀」场景 近期着手开发基于ElementUI的后台管理系统,偶然间发现「el-select」下拉选择时候遇到一个问题,当渲染下拉选项的「options」的数据量过多时「本项目中的数据条目已过万」,就
rem布局适配和CSS样式重置
rem布局适配和CSS样式重置 h5-rem.js(压缩): 依据 750*750 设计稿 h5-rem宽度自适应(简1) h5-rem自适应宽度(简2) h5-rem自适应宽度(简3) 移动端r
单个视频播放控制&默认横屏播放兼容设置
注:call():调用一个对象的一个方法,用另一个对象替换当前对象,例如:arrayA.call(A,args1,args2),即A对象调用arrayA对象的方法。 注:#app 默认最小高度:min-height:100vh,高度:height:auto,溢出时隐藏:over…
CSS【vertical-align】属性相关
1、Demo1案例:img元素底部间隙问题 注:图片底部有一定高度的间隙 解决方法: 方法一:给父元素设置 **font-size: 0px **清除底部多余间隙 方式二:给行 内块元素设置 vert
下一页