自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

越来越好

不实心不成事,不虚心不知事。 不自是者博闻,不自满者受益。

  • 博客(141)
  • 资源 (11)
  • 论坛 (4)
  • 问答 (7)
  • 收藏
  • 关注

原创 H5动画实现简单的转盘抽奖。

H5动画实现简单的转盘抽奖。根据css旋转动画 roate来实现。 计算好奖品数量,算出每份奖品所占的比例/度数。 根据随机度数和单个奖品度数,计算指针停留下来的区域属于哪个奖品。代码部分设置22.5度 是因为整个圆360度,一共有8份,那么每一份就45度,为了让每次指针停留的地方都为每一块的中间,所以除以2,就是22.5度。比如 “谢谢参与” 这个奖品,它对应的是 22.5*15 度,这样算下来刚好是在谢谢参与这块的中间部分。 初始默认为旋转动画为5秒,默认开始旋转基准角度为3600..

2020-09-10 17:13:41 51

原创 elementui后台管理demo

elementui后台管理demo第一次尝试做后台管理的框架,做的时候也有想过用别的demo,后来想一想还是算了,虽然网上很多,但是还是自己写出来的有意义,虽然有很多不足,但是是自己写的,自己知根知底,自己好改进。截图1.PC端时,菜单默认展开,点击后不会缩小宽度。左上角菜单控制按钮隐藏2.手机端时左上角菜单控制按钮出现,点击菜单任意一个后,菜单自动隐藏 ...

2019-05-14 17:27:51 16364 3

原创 做题目页面H5页面(Vue开发)

做题目页面H5页面(Vue开发)最近公司需要,要写一个可以做题目的H5小页面,需求是挺简单的(目前来说),就是可以上一题下一题的,另外不存在什么输入,全是选择题;我仔细想想觉得也不复杂,就打算用前些时候学的Vue的公司来写(之前万年的Jquery的...),这个简单的小功能,我周末写了一天多,,,汗颜,还是太菜了..现在总结一下吧1:题目展示和选项展示首先这个功能不复杂,页面没有什么逻...

2018-12-08 23:57:41 5663 3

原创 phaser入门例子

phaser入门用到的属性 text 文本对象 》 显示得分 image 图片对象 》显示背景图 spritesheet 精灵对象 》人物 group 组对象 》生成星星和着落板 physics 物理引擎 》设置重力、弹性等 代码部分<!DOCTYPE html> <head> <meta charset="UTF-8" /> <title>TEST</title> .

2021-01-25 01:00:16 22

原创 H5页面滑动,一次滑动一屏。

H5页面滑动,一次滑动一屏。用到的属性主要用到jquery中的animate函数。 滑动监听(touch事件)。 对css中overflow属性的控制。实现步骤以四个页面为例,将这四个页面的高度都设置为100%,每一块都能充满当前屏幕。 通过clientHeight获得每个页面的实际高度。 通过调用jq中的animate函数来实现一个页面滚动的动画效果。如果不用这个函数用原生 scrollTop,可能会遇到函数无效的情况,这个时候首先要检查绑定的dom对象有没有设置高度,并...

2021-01-20 10:31:55 52

原创 微信小程序日期转换时间戳

微信小程序日期转换时间戳 安卓正常,IOS需要转换。微信小程序内,字符串时间转换为时间戳 如果字符串格式为 "2020-02-02 15:35:08",此时直接 new Date("2020-02-02 15:35:08") 是转换不成功的。需要将字符串中的 " - " 转换为 " / "。var udate = "2020-02-02 15:35:08";//需要先将 "-" 转换为 "/";udate = udate.replace(/-/g,'/');...

2021-01-12 20:42:12 38

原创 echarts时间轴应用

echarts时间轴应用的两种方法第一种,x轴设置type为value,然后还需要把x轴显示的时间戳通过格式化函数(formatter)转换为日期类型,series中的data转换为时间戳。数据类型一般较为常用的是二位数组的方式 如:[ ['时间戳','y轴值'],['时间戳','y轴值'] ] ; 第二种,x轴设置type为time(不需要转换X轴显示的...

2021-01-04 10:48:04 112

原创 2021年来了。

回顾2020年,工作还算顺利,与同事相处的很好,专业水平也有提高。2021年把工作重心放到C端产品上面,学习做H5游戏,丰富公司的C端产品扩展。汲取优秀C端产品设计理念,提高审美。

2021-01-02 02:46:36 89

原创 ajax多文件上传 fromData

ajax多文件上传 fromData

2020-12-21 17:12:54 19

原创 css显示省略号,指定换行行数

width:200px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;line-height: 36.66rpx;letter-spacing: 3.33rpx;

2020-11-24 10:14:25 77

原创 echarts标域 markArea 层级问题

echarts标域块层级问题柱状图时,如果在series中某个data配置项里面设置标域marbikArea,这个marbikArea的层级默认是没有柱状图高的(导致marbikArea被柱状图遮盖),而且marbikArea没有层级这个概念。解决办法将此配置项添加属性 z:0...

2020-11-12 20:15:19 29

转载 eclipse中svn分支切换到主干

分支切换到主干team > 切换 》 至URL(修改url,主干url)。即可

2020-09-18 11:20:02 81

原创 Vue 监听Sesstionstorage对象,更新视图

Vue 监听Sesstionstorage对象,更新视图。说明在不使用Vuex的情况下,通过对缓存的监听,实现视图渲染。适用场景需要某个js文件控制一个全局变量,然后这个全局变量更新时,视图层也跟随更新。 在不想使用Vuex时。关键代码主要用到了自定义函数 var newCustomEve = document.createEvent('customEve'); 对象派发 window.dispatchEvent(newCustomEve)代码演示 参考链...

2020-08-31 18:35:21 55

原创 Vue中 动态添加class写法 动态静态clas混合

Vue中 动态添加class写法 动态静态clas混合示例//fx,cont-block为静态class ob为动态class<div :class="[ 'fx','cont-block',{ob : index == '0'}]" v-for="(item,index) in objData" @click="changeStatus"> <div class="blocktitle">{{item.name}} .

2020-08-31 11:19:13 1069

转载 vue this.$createElement 理解

vue this.$createElement 理解转载https://www.jianshu.com/p/109c8e0077c0

2020-08-28 18:49:34 976

转载 微信内自动播放音乐(移动端)

微信内自动播放音乐(移动端)转载地址地址<audio autoplay="autoplay" id="music"> <source src="./music.mp3" type="audio/mpeg" /> Your browser does not support the audio element.</audio>function autoPlay(src) { const audio = new Audio(); //...

2020-08-03 00:26:40 165

原创 vue动态添加元素,为动态元素绑定点击事件(根据个人业务记录)

vue动态添加元素,为动态元素绑定点击事件。(根据个人业务记录)需求:返回一个list,首先显示list中某一个的一部分,然后可以点击一个图标,显示对应剩下的一部分。思路:手下想到的是用v-html标签对数据进行拼接,然后再绑定到dom中去。但是这样就涉及到动态添加属性,添加事件了,搜索看了一下觉得不太合适,就没用了。 vue离不开数据驱动,决定从数据入手。实现: 处理数据,将数组数据,转变为数据对象,在每一个对象中都添加一个show属性,通过true,false控制其展示...

2020-07-29 11:01:35 5174

原创 echarts双Y轴横向树状图实现(两个类目)

echarts双Y轴横向树状图实现(两个类目)效果演示效果演示(一个大类有好几个小类,等于就是小类的类目都不同)首先设置X为数值轴,Y轴为类目轴。 Y轴设置为数组,设置两个,其中小类的Y轴进行隐藏(注意隐藏时要设置X轴的文字大小,不然虽然显示了,但是文字依然会占据位置),然后将大类的轴线定位到左边来。 series中小类类目数据放在一起。剩下的大类通过设置宽度barWidth来尽兴分类(比如一共10个小类,那么100/10 = 10;每个小类宽度是10%,然后乘以要分的大类中有几个小类的...

2020-07-25 14:31:14 321

原创 微信小程序自定义头部

微信小程序自定义头部获取导航栏的信息,在app.js中调用,将值存储 //自定义头部组件使用 getSysInfo:function(){ let menuButtonObject = wx.getMenuButtonBoundingClientRect(); const res = wx.getSystemInfoSync(); //此处进行同步调用 console.log("getSystemInfo",res); let sta...

2020-07-17 17:08:54 265

转载 css中的伪类after与before失效

css中的伪类after与before失效及其用法。https://blog.csdn.net/qq_37860963/article/details/81182258

2020-07-13 11:37:59 581

原创 echarts tooltip被遮挡

echarts tooltip被遮挡在制作图表中,发现有时候tooltip会被线条遮挡或者被柱子折线遮挡,这种情况会偶尔出现,解决方案如下positions属性解决。 tooltip: { position:function(point,params,dom,rect,size){ dom.style.transform = 'translateZ(0)'; } }...

2020-07-06 18:39:48 723 2

原创 移动端隐藏X轴滑动条

移动端隐藏X轴滑动条步骤子元素设置高度,设置不换行属性white-space:nowrap和overflow-x:scroll; 父元素设置高度,高度小于子元素,让子元素将父元素高度撑开。设置css属性overflow-x:scroll;代码演示 》ul左右滑动 不显示X轴滚动条.miaosha-content{ width: 100%; overflow: hidden; height: 110px; /*超出高度,隐藏滑动*/ ...

2020-06-22 22:18:15 404

原创 css变量设置随机数,动画持续时长设置随机数

css变量设置随机数,动画持续时长设置随机数。css动画持续时常设置为随机数。通过js随机,然后更改属性的style; var ele = document.querySelector('.an1'); //获取元素 //第一种设置方法 ele.style.cssText += "animation-duration:"+随机数+"s";"color:red;"; //第二种设置方法 ele.style.setProperty('animation-dur

2020-06-19 13:17:46 301

原创 React webapp路由跳转

React webapp路由跳转Router下面只能包含一个盒子标签,类似这里的div。 Link,NavLink代表一个链接,相当于一个a标签。需要有一个to表示地址。 Route,代表路由界面,path代表路径,component代表路径所对应的界面。 项目入口 》Router包括路由组件和底部菜单组件 》 路由组件里面引入所有需要用到的路由(<Route>),底部菜单...

2020-05-06 11:03:19 163

原创 个人纪录,封装Axios。

React中封装Axios创建request.js文件//创建request.js文件//封装axiosimport Axios from 'axios';const GLOBAL_URL = "*****"; //公共地址function request(method,url,body,headers){ //请求类型,地址,参数,请求头 retu...

2020-04-20 00:57:41 86

原创 封装微信小程序wx.request

封装微信小程序wx.request()在utils文件夹下新建文件request.js/** * 封装小程序内置 wx.request */ function getServerData(url,parmadata,loadingflag,method,timeout,header){ //请求地址,参数,是否显示等待框,请求类型,超时时间,请求头 if(loadingfla...

2020-04-16 14:45:50 228

原创 微信小程序蓝牙连接步骤

微信小程序蓝牙连接步骤 注意,微信小程序的低功耗蓝牙,获取附近蓝牙时,ios和android获取的deviceid 是不一样的。android获取的是mac地址,ios获取的是经过内部转换加密过的。 连接成功后,调用wx.getConnectedBluetoothDevices()这个函数时,在不传uuid时,是获取不到的(安卓是可以的)。但是如果只是为了获取已连接的设备,就...

2020-04-14 23:28:29 541

原创 vue动态路由,前端请求路由。addRoutes。

vue动态路由,前端请求路由。addRoutes。需求:之前都是前端固定写好路由,然后跳来跳去,虽然做的有根据登录者类型去做左侧菜单筛选(隐藏,显示),也添加了路由守卫对路由进行拦截处理。但是并不安全,因为在初次加载时就默认已经加载了全部路由信息,而且登陆角色类型是存储在缓存中的,稍微修改就会导致菜单重新刷新获取,这样路由、权限也就乱了。具体做法请看静态路由,分角色进行权限控制。...

2020-03-17 19:12:18 648

原创 canvas小游戏记录

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script type="text/...

2020-03-16 00:52:39 132

原创 vue 前端控制路由权限,分角色控制菜单。

vue 前端控制路由权限,分角色控制菜单。流程说明首先说明,这个路由控制权限全是在前端做的。 流程==》用户登录》存储用户角色和登陆标志》在加载左侧菜单时时根据用户角色类型去筛选。项目结构 //home文件为主框架代码展示router/index.js文件import Vue from 'vue'import Router from 'vue-router...

2020-03-05 10:06:23 1537

原创 vue行内样式绑定写法 :style

:style vue行内样式绑定写法 :style :style="{'visibility': isAppFlag?'hidden':'visible'}" //单个:style="{'visibility': isAppFlag?'hidden':'visible','color': isAppFlag?'red':'blue'}" //多个 :style="{'...

2020-02-17 22:04:17 1669

原创 echarts 标域 放大到一定程度时局部变为空白

echarts 标域 放大到一定程度时局部变为空白正常效果图 放大后 可以很清楚的看到,在放大到一定程度后,会出现留白现象。这个时候需要检查一下你的标域中的data值,如果设置了yAxis的话,要把这个设置删除掉。...

2020-01-04 13:27:25 226

原创 echarts x,y轴数据不一一对应时 折线图和柱状图的写法。

echarts x,y轴数据不一一对应时 折线图和柱状图的写法。根据官网和社区给出的demo来看,柱状图折线图等等,很多都是X,Y轴一一对应画出来的,比如 option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] ...

2019-12-06 10:05:38 1931

原创 element 多文件上传,一次请求完成。

前几天再用element上传功能时发现,element的上传如果一次选择多张图片,则会提交多次。查看API以及搜索得到解决办法主要是首先禁用掉自动伤上传:auto-upload="false" 然后设置自定义提交方法:http-request="uploadFile",这样的话我们通过this.$refs.id.submit(); 提交时就可以触发这个 uploadFil...

2019-11-23 11:30:08 1502

原创 微信内自动播放音乐,队列播放音乐,请求播放音乐。

微信内自动播放音乐,队列播放音乐,请求播放音乐。需求介绍 通过ajax轮询,获得播放信息,如果返回的有音乐名称则播放,反之不播放。个人流程总结首先进入页面调用监听 playReady()函数,在函数中发起第一次请求 在第一次的请求回调中,播放一段静音音乐,然后再进行请求轮询 在请求轮询中根据返回信息判断是不是要放入播放列表,放入后再调用一次播放方法,调用时要根据当前播放状态决...

2019-11-12 11:18:30 333

原创 圆环钟表进度条

圆环钟表进度条,根据不同的状态,画出不同的颜色来显示进度。效果图 从10点34分33秒开始画。实现思路通过canvas画图来实现这个效果。首先要知道这个函数 context.arc(x,y,r,sAngle,eAngle,counterclockwise); 知道这个参数后,根据需求,要想画图首先得知道从什么地方开始画,计算得出,0-2Math....

2019-10-28 13:20:32 225

原创 关于react 左右布局项目的路由问题(个人记录解惑)

最近在学习react,在写一个练手的左右布局后台管理的项目时候出了疑惑;就是路由的问题。个人记录解惑。问题描述:一个项目我登录成功后 这时候跳转到 一个左右布局的后台管理系统中(点击菜单右边内容变换那种) 这时路由为http://localhost:3000/index; 这个时候如果左边有首页这个菜单,怎么自动匹配到这个首页菜单对应的路由呀(这个菜单对应的路由地址为啥非要也写in...

2019-10-25 12:56:12 336

原创 微信小程序左滑出现菜单

微信小程序左滑出现菜单,https://download.csdn.net/download/qq_38880700/11856487实现步骤布局采用绝对定位,通过left的偏移位置进行菜单的出现和隐藏; 捕捉touch事件,对左滑右滑进行处理。代码 布局,初次进入时默认类名为 “content-scroll-text” 的view标签 宽度为100%;向左偏移为0,...

2019-10-12 18:35:30 590

原创 vue父组件数据更新,子组件没有变化。

vue父组件数据更新,子组件没有变化。在父子组件传参时,父组件将值传到子组件后,子组件进行数据展示,在第一次传参时可以正常显示,过一段时间后重新赋值,则发现子组件里面数据没有更新,这个时候需要在子组件中加入watch 进行数据监听示例父组件<div :parenData ="datas"></div><script>data(){...

2019-09-23 10:31:29 13234 2

原创 vue 父组件请求数据,props为undefined,子组件获取不到值。

vue 父组件请求数据,子组件获取不到值。props为undefined解决办法就是 在渲染的时候给组件标签上面加一个条件渲染,在父组件请求完成后,将数据赋值,然后将渲染表达式成立;示例子组件A<div> 我是子组件 {{msg}}<div><script> data(){ return{ m...

2019-09-23 10:20:54 2871

elementui-demo-byf-master.zip

一个简单的布局框架,菜单自适应,纯手写,代码简洁不臃肿(非复制他人demo) 演示地址 http://47.104.244.210:8080/elementui-demo/#/Tx

2019-05-16

h5YOUXI(1)(1).zip

简单的转盘抽奖H5,可以设置奖品。

2020-09-10

环形进度.zip

圆环钟表进度条,根据不同的状态,画出不同的颜色来显示进度。

2019-10-28

微信小程序左滑出现删除菜单

微信小程序,左滑弹出菜单。下载后放到你的工程中,添加路由后可直接运行。 原理和H5一样,标签稍作修改也可以在H5上面用。

2019-10-12

做题H5 vue小程序

做题页面H5,用到了Vue一些常用标签(没有搭建脚手架),上一题,下一题,进度条。。 Ui用到的比较杂(ui小白),有Bootstrap,element和自己写的。

2019-04-28

做题H5小程序

做题页面H5,用到了Vue一些常用标签,上一题下一题,进度条。。 Ui用到的比较杂(ui小白),有Bootstrap,element和自己写的

2018-12-08

表单校验(构造函数的写法)

自己写的表单校验脚本,主要是通过构造函数的方式写的; 里面有demo大家可以看一看 注意:我对每一个输入框都添加了一个自定义属性,方便处理; 欢迎指出可以改进的地方

2018-12-03

table表格导出为excel

table表格导出为excel,方便快捷,非常实用,可以私信我我给你私信发送

2018-08-09

自动匹配可输入的下拉框

自动匹配,可输入可选择的下拉框 可手写,可选择 方便实用。

2018-06-04

下拉框可输入模糊查询,自动匹配

下拉框模糊查询; 可以输入可以直接选择,自动匹配; 非常简单,快捷

2018-06-04

ECharts全国及各个省地图js、json文件

ECharts全国及各个省地图js、json文件或者私信我QQ960519152

2018-05-04

form表单图片上传,当没有选择图片时,文件储存地址会出现没有后缀名的图片

发表于 2017-11-15 最后回复 2020-05-02

csdn个人中心BUG

发表于 2019-06-10 最后回复 2019-06-10

求一个简单的正则表达式

发表于 2017-11-13 最后回复 2017-11-15

怎么把list值给取出来,然后进行判断在赋值,最后传给前台

发表于 2017-07-20 最后回复 2017-07-25

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除