前端开发
文章平均质量分 70
web前端及周边技术分享
Irene1991
加油
展开
-
使用css3 grid 绘制彩虹
本来想写一个彩虹效果,来练习下使用 css3 grid 布局,在实现的过程中,发现用不上表格,哈哈,意外收获一个热气球。彩虹效果在后面。原创 2021-08-18 22:48:03 · 269 阅读 · 0 评论 -
单元测试相关疑问、单元测试、错误调试记录
什么是单元测试?为什么要进行单元测试?单元测试怎么进行?单元测试效果验收?原创 2021-06-22 19:33:17 · 1016 阅读 · 8 评论 -
vue-element-admin 上传进度条
分享一个在 vue-element-admin 中使用的上传组件,使用elementUI 仪表盘形进度条,可以上传图片、视频。图片、视频尺寸根据传入的参数改变。原创 2021-05-11 16:19:57 · 871 阅读 · 6 评论 -
vue-element-admin 项目 tinymce 相关配置
vue-element-admin 项目 tinymce 相关配置原创 2021-04-29 15:33:26 · 1710 阅读 · 2 评论 -
在vue项目中使用md5加密
在vue项目中使用md5加密原创 2021-04-28 16:30:04 · 785 阅读 · 1 评论 -
打包基于 vue-element-admin 项目遇到的问题记录及解决方案
真实商业项目打包遇到的问题记录及解决方案原创 2021-04-28 11:37:00 · 3195 阅读 · 0 评论 -
百度 tts 语音合成前端无法播放问题解决
百度 tts 语音合成前端无法播放问题解决原创 2021-04-22 17:54:15 · 2478 阅读 · 0 评论 -
拼图游戏 Vue 版本
拼图游戏 先有的原生 js 版本,这个版本的博客,修改了很多次,因为我多次对编码进行了优化和拼图逻辑分析逐步深入和细化。https://blog.csdn.net/Irene1991/article/details/115748726然后改成了 vue 版本,是为了打包成移动 APP 在手机上玩。但后来意识到,拼图不适合在手机上玩,因为手机屏幕太小,原本设计的900*900的拼图,在笔记本上玩都有滚动条了,所以,Vue版本的拼图,尺寸修改为 600*600。原创 2021-04-20 19:03:29 · 556 阅读 · 0 评论 -
拼图游戏逻辑分析和源码分享(复制黏贴到本地就能玩)
最近看到一篇博客,实现了拼图游戏并分享了源码。我感觉很好玩,就拿来改了改,实现了一个自己的版本。核心逻辑没有变,主要是优化了样式和交互,增加了些游戏的趣味性。原创 2021-04-16 10:57:03 · 2054 阅读 · 3 评论 -
项目迁移: ‘webpack-dev-server‘ 不是内部或外部命令问题解决 和 eslint 配置记录
项目迁移把个人笔记本上的 vue 项目,原封不动的挪到工作用的 pc 机上,原项目也是最近(半年内)写的。迁移后启动项目报错'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序。解决办法删除 node_modules执行命令npm install最后运行 npm run dev项目是不报错了,但是有 eslint 的错误提示。想来可能是不同项目配置 和 相同的编辑器但不同的设置的问题。解决办法找了工作电脑上运行良好的项目,复制了...原创 2021-03-23 10:36:39 · 559 阅读 · 0 评论 -
ElementUI tree控件获取选中的节点(含父节点)
ElementUItree控件如何取得被选中的节点,以及父节点(即使没被全选)原创 2021-03-18 11:46:30 · 30089 阅读 · 7 评论 -
对象扁平化
因为开发需要,要将前后端交互参数 json 对象扁平化处理,于是抽象了一个工具函数。原创 2021-03-17 14:44:59 · 2227 阅读 · 0 评论 -
jQuery动画练习
源码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>jQuery动画练习</title> <style> .wrapper{ display: flex; flex-direction: row; justif...原创 2020-07-17 15:55:58 · 376 阅读 · 0 评论 -
CSS3实现圆形进度条(附源码)
css3实现圆形进度条原创 2020-06-17 14:00:59 · 1234 阅读 · 0 评论 -
原生js实现呼吸灯网页版
前言最近回顾js基础,看到 event.target.style.color,正好前几天复习到了定时器,就想着写一个呼吸灯玩玩。也是受生活中一些用品充电采用呼吸灯的影响,觉得一闪一闪的好玩又好看。前端原生js,就一个html文件。源码附后。在页面任意位置点击开关灯。白色光和黄色光交替,像呼吸一样。运行效果应用场景哈哈,我是想着晚上睡觉当屏保或小夜灯用。这个灯光交替的时间可以自己在源码中调整,玩一些小游戏时可以做倒计时用。荧光绿的灯罩,灵感来自...原创 2020-06-04 14:48:53 · 1584 阅读 · 0 评论 -
控制元素到达可视区域内触发动效
控制元素到达可视区域内触发动效原创 2019-04-16 17:03:24 · 1807 阅读 · 2 评论 -
前端响应式滚屏翻页
参考代码地址:http://www.jsdaima.com/d-258.html原代码改进:1、新增固定导航条;2、css语法格式错误修改,css样式修改;3、新增页尾内容(不满一屏时)的响应展示;4、静态显示文字优化;5、疑问:比较奇怪的一个地方,只要页头添加了<!DOCTYPE html>,实际滚屏的时候就滚不到最后的页尾。6、注意:在有固定导航的情况下...原创 2019-04-16 15:11:36 · 1386 阅读 · 0 评论 -
前端开发基础模板
html 文件<!DOCTYPE html><!--告诉浏览器,这是一个html文档--><html><head> <!--使用 UTF-8 编码 --> <meta charset="utf-8"> <!-- 不缩放--> <meta name="viewport...原创 2019-04-16 11:40:22 · 522 阅读 · 0 评论 -
bug原因:数组下标的最大值是数组长度-1,而不是数组长度本身。
vue写的前端抽奖(唯一 ,排他,抽中后删除),出现抽空(在还有名单可抽的情况下,没有抽中任何人)的bug。源码<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-wi...原创 2019-01-21 14:12:45 · 1759 阅读 · 0 评论 -
前端单页特效
哈哈,快七夕了,给大家提供一个表白神器,程序员专供。看效果:前端单页特效单页,前端特效,背景音乐,环绕照片墙,自动旋转,可鼠标拖拽。照片和背景乐可以替换成自己喜欢的,注意照片的尺寸,需要360*450。代码下载地址:https://download.csdn.net/download/irene1991/10600846备注:代码是在别人基础上改的,原作者微信在index....原创 2018-08-13 15:52:17 · 598 阅读 · 0 评论 -
真实的上传进度条及优化
真实的上传进度条及优化原创 2018-06-22 14:54:42 · 9832 阅读 · 7 评论 -
h5前端音量调整
使用bootstrap样式,通过调整滑竿,音量大小显示在数字输入框,同时也可以调整输入框,滑杆同步显示。js使用oninput事件,页面用到了H5中表单元素input的两个新属性,type=range和type=number,type=number在谷歌浏览器中会自带数字加减控件按钮。原创 2018-03-26 10:10:11 · 8275 阅读 · 0 评论 -
类递归循环实现表格目录
实现效果如下后端数据结构var res={ "code": 200, "msg": "成功", "data": { "product": [ { "id": "1", "fid": "0", "levelName": "产品第一级&quo原创 2018-02-09 16:39:11 · 382 阅读 · 0 评论 -
三级联动菜单
三级联动菜单正确实现原理1、一级菜单默认全部,即页面加载时就有选项值(后端同步循环填入,或,前端ajax填入);2、用户点击(change)一级菜单,ajax填入二级菜单的内容;3、用户点击二级菜单,ajax填入三级菜单的内容;错误思路1、一级菜单默认全部;2、用户点击(click)二级菜单,填入二级菜单内容;3、用户点击三级菜单,填入三原创 2018-02-01 11:00:08 · 843 阅读 · 0 评论 -
Vue 修改行内样式 + prefixStyle 样式兼容处理
Vue 修改行内样式 + prefixStyle 样式兼容处理原创 2021-01-25 17:35:02 · 900 阅读 · 1 评论 -
移动端H5开发
移动端H5开发,具体需求是配合移动端 APP 开发,写一些嵌入 App 使用的H5页面。如资讯详情页,资讯分享页面。本文重点分享使用 vue-cli 开发的项目,打包上线。原创 2021-01-21 16:53:37 · 5737 阅读 · 0 评论 -
Vue-cli 项目使用 iconfont svg 不显示
Vue-cli 项目使用 iconfont svg 不显示怎么办,主要讲配置的问题。原创 2021-01-14 14:42:43 · 2118 阅读 · 0 评论 -
ElementUI 开发日志
本文主要记录使用ElementUI 的注意点。原创 2021-01-05 10:45:52 · 966 阅读 · 2 评论 -
vue-element-admin 列表页面超出滚动改为满屏显示
vue-element-admin 列表页面超出滚动改为满屏显示原创 2020-12-30 11:32:52 · 2081 阅读 · 0 评论 -
vue-element-admin 动态路由配置
vue-element-admin 动态路由配置原创 2020-12-22 12:04:52 · 1497 阅读 · 0 评论 -
uni-app开发日志
uni-app开发日志原创 2020-12-16 11:07:25 · 1162 阅读 · 0 评论 -
vue-element-admin 开发日志
vue-element-admin 从源码到项目的开发日志原创 2020-12-10 17:56:52 · 864 阅读 · 0 评论 -
Vue实战进阶
最开始学Vue,感觉容易,后来实际应用中,很容易忽略一些问题,犯些低级错误,或者,以前看文档根本没注意的地方。那么,就总结一下吧。原创 2020-11-26 17:36:14 · 326 阅读 · 0 评论 -
vuex 全局状态管理
Vuex 使用总结页面数据(各种查询参数、api获取的结果数组)抽象,放在state中。Vue页面初始化,主动dispatch触发Action请求API数据。Actions获取API数据后,使用同步commit触发Mutations更新state。Vue页面使用计算属性,绑定state中的数据,同步更新视图。Vue页面参数改变,使用同步commit触发Mutations更新state。再使用dispatch触发Action重新请求API数据。原创 2020-09-08 15:57:08 · 304 阅读 · 0 评论 -
CSS3:过渡、转换、动画、3D转换
CSS3:过渡、转换、动画、3D转换原创 2020-06-12 16:14:15 · 228 阅读 · 0 评论 -
基于 Vue-cli 项目打包为移动端 App
基于 Vue-cli 项目打包为移动端 App原创 2020-04-08 18:17:43 · 1411 阅读 · 0 评论 -
正则表达式规则和常用案例
正则表达式规则符号和常用案例以表格的形式整理。原创 2020-03-24 15:13:01 · 371 阅读 · 0 评论 -
七牛云图片上传 Node.js SDK
我太难了,一个前端去搞服务器端的代码,像我这样的开发速度会被开除的。因为自己一个人写,大概梳理下过程就是前端传一张图给后端,后端先保存在项目本地,再从项目本地传给七牛云。七牛云 Node.js SDK 官方说明:https://developer.qiniu.com/kodo/sdk/1289/nodejs官方说明就是demo写的太多太分散,让人根本不知道选哪个,还有少写了一行代码,...原创 2019-11-27 18:21:48 · 658 阅读 · 0 评论 -
vue获取子组件高度
vue获取子组件高度this.loopHeight = this.$refs["vueHeader"].$refs["getHeader"].offsetHeight同理也可以获得子组件的数据和方法。需求描述就是官网的一个二级页内(锚点)导航,位置在轮播图下方。需要在轮播图看不见后,自动贴着一级导航(固定定位 position: fixed),固定定位在页头一级导航下面。...原创 2020-01-09 16:57:01 · 6769 阅读 · 0 评论 -
vue Cannot read property 'get' of undefined
vue Cannot read property 'get' of undefined除了忘记引入vue-resource还可能是this的指向性发生了改变handleDel:function(id){ let that = this; parent.layer.confirm('确认删除?', { btn: ['确认','取消'], ...原创 2020-01-02 17:28:54 · 3722 阅读 · 0 评论