h5
kyunsoo
理工大的程序猿
展开
-
使用jOrgChart实现层级树图
代码来源:https://github.com/wesnolte/jOrgChart效果图:树图分为横竖两方向+ 分支带有点击收缩功能1)横向树图:2)竖向树图:出现点击文字收缩功能体验不好...原创 2019-03-27 17:51:29 · 4449 阅读 · 3 评论 -
[email protected]中的validate插件报错
1.2.报错原因:vee-validate和elementUI的field属性冲突.validate.js文件:修改fieldsBagName: 'fields'-->fieldsBagName: 'fieldss', (此处多加了s)const config = {locale: 'zh_CN',errorBagName: 'errors', // change i...原创 2019-03-28 17:07:07 · 779 阅读 · 0 评论 -
layui 新添加数据不重叠
知识点1:注释内容添加新一行内容会导致:添加数据一样(新增的数据会被后添加的数据被同化)。解决:push({id:'' "})。知识点2:获取选中下拉选项的id和name值。$('selece option[value='+data.field.user_auth_id+']')...原创 2019-05-09 10:46:11 · 586 阅读 · 0 评论 -
限制input输入值类型只能为正整数
<input class="layui-input" onkeyup="value=zhzs(this.value)" lay-verify="required|number" id="" name="" value="" maxlength="7">//转化正整数function zhzs(value){ value = value.replace(/[^\...原创 2019-05-09 10:49:11 · 4290 阅读 · 0 评论 -
修改select样式
原创 2019-05-09 11:04:52 · 358 阅读 · 0 评论 -
input输入时提示旧输入记录
input框需要输入时,之前的数据回显示出来,在input框里加入这个autocomplete="off"原创 2019-05-09 11:09:26 · 3222 阅读 · 0 评论 -
页面中添加视频
<iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=d0540qzi1tb" allowFullScreen="true"></iframe>原创 2019-05-09 11:10:53 · 2096 阅读 · 0 评论 -
vue打包文件过大
H5:dist打包有8M左右.原因:1)项目功能繁杂;2)选择任一地址等插件的下载;#尝试解决方法:局部引用element-日期时间选择器。 1,(.babelrc)添加 "es2015", {"modules": false}"plugins": [["component",{"libraryName"...原创 2019-07-28 16:30:53 · 3341 阅读 · 0 评论 -
vue+element:时间日期选择器与手机键盘同弹出
使用日期时间选择器禁止手机键盘弹出:加:editable="false"<el-date-picker :editable="false"></el-date-picker>原创 2019-07-28 18:28:16 · 1226 阅读 · 0 评论 -
数组指定位置添加元素+数组去重
AuthIds.splice(0, 0, 1); //想数组指定位置添加首页id:1AuthIds = [...new Set(AuthIds)]; //去重:id为1重复原创 2019-08-12 15:02:34 · 1980 阅读 · 0 评论 -
es6解构赋值
参考原文链接:https://www.jianshu.com/p/390a65d7a353;实际运用:更换不一线上图片并且展示无线上数据的默认图片,代码优化:原创 2019-08-22 17:49:14 · 125 阅读 · 0 评论 -
全局封装公用变量
1.新建文件夹:单文件组件<script>const imgurl = "/";export default {imgurl //图片前缀路径};</script>2.main.js3.使用:this.global.imgurl原创 2019-08-22 17:58:14 · 358 阅读 · 0 评论 -
vue中使用数据导出功能
1.下载依赖包: npm install -S file-saver xlsx npm install -D script-loader2.webpack.base.conf.js中添加配置 'scss_vars': '@/styles/vars.scss', 'excel': path.resolve(__dirname, '../src/e...原创 2019-03-27 17:30:51 · 15118 阅读 · 0 评论 -
配置并查看码云用户信息
1.配置用户姓名和邮箱: git config --global user.name '' git config --global user.email ''2.查看配置信息 查看系统config:git config --system --list 查看当前用户(global)配置:git config --global --li...原创 2019-03-23 17:19:32 · 15936 阅读 · 0 评论 -
JavaScript之三元运算符
三元条件运算符格式: 表达式1?表达式2:表达式3说明:如果表达式1为true ,则整个表达式的结果就是表达式2的值,如果表达式false,则整个表达式的结果就是表达式3的值.例子:1、使用三元运算符计算2个数的最大值<script type="text/javascript">var a,b,c;a=window.prompt("第1个数");//从页面中接受的是字符串b=windo...转载 2018-06-01 09:32:44 · 29816 阅读 · 0 评论 -
阿里巴巴iconfont字体图标使用方法
iconfont字体图标的使用方法--超简单!这里讲解的默认是元素使用类名;step 1:百度iconfont,找到阿里巴巴矢量图标库官网,然后注册登录,或者用github登录也行,此步骤跳过;step 2:找到图标管理->我的项目->然后新建项目:右边点击新建项目,用于保存自己常用的图标;step 3:项目新建完成后,往项目里添加我们要想使用的图标,找到图标库,搜索一个想要的图标,然...转载 2018-06-29 15:57:13 · 21359 阅读 · 2 评论 -
JS获取复选框被选中的值
<head> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script></head><body> <div id="chkDiv"> <input type=radio v转载 2018-06-19 14:52:14 · 16070 阅读 · 2 评论 -
原生 列表页跳转到详情页的渠道
<body> <a href='www.baidu.com' id='id1' onclick='dian(this)'>请点击我</a> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> <script>原创 2018-06-19 14:56:17 · 1966 阅读 · 0 评论 -
vuex基础
1、npm install vuex --save报错:vuex is not defind;配置时注意vuex的大小统一。2、新建store.js:import Vue from 'vue' //引入vueimport Vuex from 'vuex' // 引入vuexVue.use(Vuex) // 注册vuexexport default...原创 2019-03-05 18:12:06 · 226 阅读 · 0 评论 -
animate.css动画的使用
1、首先引入animate css文件123<head> <link rel="stylesheet" href="animate.min.css"></head>2、给指定的元素加上指定的动画样式名1<div class="animated bounceOutLeft"></div>这里包括两个class名转载 2018-06-28 14:30:11 · 848 阅读 · 0 评论 -
滚动穿透:屏幕上滑动能够滑动背景下面的内容
移动端滚动穿透问题完美解决方案2016年6月1日目录问题css 之 overflow: hiddenjs 之 touchmove + preventDefault解决方案 position: fixeddocument.scrollingElement参考问题众所周知,移动端当有 fixed 遮罩背景和弹出层时,在屏幕上滑动能够滑动背景下面的内容,这就是臭名昭著的滚动穿透问题之前搜索了一圈,找到下...转载 2018-06-29 08:59:11 · 778 阅读 · 0 评论 -
50%+50%的网页特效
效果图:利用hover时图片移动特效实现网页50%+50%的双页面。<style> .percent { width: 100%; } .percent .left{ width: 50%; float:left; overflow: hidden...原创 2018-07-07 14:30:29 · 296 阅读 · 0 评论 -
select切换箭头样式换成图片导致点击图片无法触发select下拉功能
移动端select实现效果图在select标签上定位三角图片结果导致点击三角形图片无下拉效果。备用解决方案 :直接浏览器查看原生类名改变原生三角的颜色!...原创 2019-03-05 17:28:55 · 593 阅读 · 0 评论 -
input下方显示输入记录
input框需要输入时,之前输入的数据会在下方显示出来,解:在input框里加入autocomplete="off"原创 2019-03-05 17:31:16 · 2067 阅读 · 0 评论 -
将本地项目上传至码云仓库
1,首先在码云上新建一个项目 -->复制码云新建项目的地址路径(https或ssh)。2,本地新建一个文件夹 -->点击新建文件夹, 鼠标右键选择使用git bash打开3,git bash操作: git init(初始化文件生成.git文件) -->回车-->git re...原创 2019-03-05 17:54:44 · 2601 阅读 · 0 评论 -
码云配置公钥
生成公钥:git bash输入下图命令行(ssh-keygen -t rsa -C '邮箱'),后在带电脑用户中查找.ssh文件并复制key值原创 2019-03-05 18:00:08 · 674 阅读 · 0 评论 -
搭建vue项目出现 bash:vue: command not found
问题所在:解:电脑全局搜索cmd右键以管理员身份运行。1.npm install -g cnpm --registry=https://registry.npm.taobao.org2.cnpm install -g vue-cli实现效果:原创 2019-03-06 11:26:23 · 19749 阅读 · 3 评论 -
小米,华为手机上显示移动端上线项目部分样式不全,已解决!!!
线上移动端样式无故失效:白框内的字体颜色显示不出来,线上和本地效果在电脑上是好的 没问题。因xsmax手机洋气效果实现无出现差错,尝试小米和华为手机无效,长按白框发现内部框内有显示内容。考虑为手机兼容性问题?样式覆盖的问题?尝试方法1:白框内的文字颜色值提高权值加important;尝试方法2:把父级元素的字体颜色值去掉,内部块样式分开另设置;以上方法无解决bug...原创 2019-03-06 18:44:42 · 1293 阅读 · 0 评论 -
动态添加排行前三不一背景图片
原创 2019-03-23 10:31:59 · 177 阅读 · 0 评论 -
vue中使用时间戳
1.新建js文件(文件位置自定义)export function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)); } let o =...原创 2019-03-23 10:36:56 · 6659 阅读 · 0 评论 -
Vue点击切换功能
原创 2018-05-31 16:19:15 · 2067 阅读 · 0 评论