- 博客(10)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 【React】使用svg-sprite-loader+svgo-loader完成svg组件封装
使用svg-sprite-loader+svgo-loader完成svg组件封装
2023-02-22 14:07:10
1230
2
原创 Vue自定义指令实现element-ui dialog拖拽调整位置和窗口大小
实现element-ui dialog拖拽调整位置和窗口大小前言参考代码修改拖拽调整宽高前言本文主要记录给element-ui dialog添加可拖拽位置及可拖拽宽高的功能的整个过程。参考代码大部分修改拖拽调整宽高...
2020-12-22 16:30:04
6121
1
原创 css3动画+js实现实时数据滚动
效果图：实现步骤1.实现单条数据在显示区滚动<div class="scrollScreen"> <div class="box"> <div class="Line"> <div class="cell">2016-05-02</div> <div class="cell">王小虎</div> <div class="cell">上海
2020-07-08 11:48:49
3168
原创 使用Element-UI的步骤条和进度条实现二级步骤条
实现效果实现步骤1.完成初步样式将6个部分共同组成一个二级进度条，分别设置样式，用display：flex完成布局html部分：<div class="step"> <!-- 第一部分 --> <div class="dot blue"></div> <div class="step_mod"> <!-- 第二部分 --> <div class="
2020-06-29 11:42:50
6702
原创 微信小游戏-飞机大战（DoodlePlane）
项目内容介绍两种模式经典模式打落敌机可得分数，碰到敌机减少飞机携带的血瓶，当为血瓶数为零时碰到敌机游戏结束。无敌模式处于无敌状态的飞机一次可发射五发子弹，且飞机碰到敌机时飞机不受影响。在两种模式中，飞机都可以通过撞击的方式获取道具道具 （打掉运输机或随机可得）：1.导弹（点击游戏界面中的导弹图标使用，可使当前屏幕内显示的所有敌机打落）2.血瓶（在飞机碰撞到敌机时触发使用）3.多倍子弹(获取后持续一段时间)界面开始界面显示模式选择按钮（经典模式和无敌模式）游戏界面显示当
2020-06-24 14:28:43
4411
原创 Vue安装less踩坑
less安装1.安装less和less-loadernpm install less less-loader --save-dev2.安装成功后，打开build/webpack.base.conf.js ，在module.rules 中添加一段：module.exports = { /*...省略*/ module: { rules: [ /*...省略*/ { test: /\.less$/, loader: "style-l
2020-05-26 15:49:08
1551
原创 Vue2.0和Vue3.0中配置代理解决跨域
Vue2.0在config/index.js中找到proxyTable进行编辑加入代码：proxyTable: { '/api': { target: 'http://localhost:8080',/* 目标代理服务器地址 */ changeOrigin:true,/* 允许跨域 */ pathRewrite: { "^/api": "" /*重新改写地址，原请求地址不含/api,所以替换为""*/
2020-05-26 14:46:29
1047
原创 移动端纯css设置高度自适应
适用情景在设置移动端单页面背景颜色或设置相对屏幕上下居中的元素时，会需要根据屏幕高度来实现自适应。示例原页面：<div class="page"> <div class="box"> </div> </div>.page{ .box{ width: 100px; height: 100px; background-color: #f5ec6c; } }用css完成填充背景和文字水平、垂直居
2020-05-22 15:52:55
2559
原创 记iframe获取src遇到的坑
问题使用iframe.src取出的值对iframe窗口重新赋值 var iframeList = document.querySelectorAll('iframe') for (let i = 0; i < iframeList.length; i++) { iframeList[i].setAttribute('src', iframeList[i].src) }代码运行后，iframe窗口显示的都是父级页面排查过程1.在赋值之前将取出的值在控制
2020-05-21 17:10:10
7329
1
原创 element-ui 表格展开的图标改为自定义图标
应UI小姐姐的需求，要把element-ui表格组件里的展开图标换得美观一点！效果如下：BERORE：AFTER：1.添加css隐藏原有箭头图标：.el-table__expand-column .cell { display: none;}2.引入自定义图标这里我引入的是阿里矢量库的图标 <el-table-colu...
2019-11-25 13:43:12
8380
2
DoodlePlane.zip（飞机大战涂鸦版）
2020-06-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人