• 当前频道:前端相关

前端相关 分享一下我的v-form组件

一些吐槽 用vue在做移动端开发的时候,有很多表单需要处理,移动端用的是有赞的vant-ui组件库,其中对于表单组件的调用方式感觉有点繁琐。 比如以下示例,选择器组件一共需要调用三个组件,并且三个组件的数据关联还需要自己处理,一个页面的表单有多个,这个代码就不好维护了,于是就自己打算基于vant封装一个表单组件,让数据

2020-04-19 11:42:11 410 6 6
阅读详情

前端相关 我的后台管理系统终于有了第一版

最近一直在学习Koa2+Mysql做后台系统,终于有了第一版,然后将基础部分抽离一下,后续可以直接在上边进行开发,项目地址:https://github.com/nkm-admin 附上几张截图吧,其中有个element-ui的问题目前还有点不是很好解决

2019-09-09 01:17:50 3529 34 56
阅读详情

前端相关 JavaScript记录鼠标最后一次点击页面

需求 最近做了一个项目,需要在网页中实现类似系统的待机动画那种效果,每隔2分钟页面没有任何操作就播放一个视频,所以需要记录鼠标的最后一次操作。 实现方法 针对这个需要,我的实现方法通过一个倒计时去模拟记录鼠标的最后一次点击,给body加一个onclick事件(或其他的dom节点),每次点击先清除倒计时,在执行这个倒计时

2019-06-23 18:32:49 1616 7 9
阅读详情

前端相关 使用canvas压缩图片大小

目前的项目都有需要用到前端上传图片做压缩处理,结合canvas的toDataURL可以即可做简单的处理,输出格式为base64,下边做了一个简单的封装 /** * [imageCompress 图片压缩] * @param {[Array]} imgSrc [传入图片地址] * @param {Number} [wid

2019-04-03 21:35:48 1923 10 28
阅读详情

前端相关 计算浏览器滚动条在各浏览器的宽度

博客有段时间没有更新了,也比较忙,今天遇见一个需要计算浏览器滚动条的功能,之前在element-ui见过一种写法,这里做一下笔记。 原理是通过两个父子关系的div的宽度相减得到一个差值,这个值就是浏览器滚动条的宽度,outerWidth - innerWidth = scrollBarWidth。 const scro

2019-03-12 18:15:29 1623 3 15
阅读详情

前端相关 分享:使用Chrome自带命令实现网页截图

平时在使用中偶尔需要截取网页中的图片,一般需要安装插件什么的,偶然发现chrome自带一个非常好用的截图功能,不需要任何依赖插件,还带有很多其他命令,所以做一下分享。 第一步打开chrome控制台,可以使用鼠标右键,点击检查菜单打开Elements界面或者使用快捷键,Mac平台command+option+i 第二步使

2018-10-25 21:22:34 4697 6 15
阅读详情

前端相关 一个简单的打字机效果

之前利用字符串截取方法实现简单的打字机效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt

2018-08-06 22:40:38 2096 7 21
阅读详情
  • 1
  • 2
  • 3
  • 4
  • 5
前往