- 博客(88)
- 资源 (1)
- 收藏
- 关注
原创 vue input标签及Element-upload 上传图片及转base64
input标签上传图片及转base64:<img class="appIcon" :src="addForm.appIconStr"><input ref="addAppIcon" type="file" @change="Tobase64()">Tobase64() { let fileObj = this.$refs.addAppIcon.files[0] let reader = new FileReader() reader.readAsD
2021-08-26 17:18:30
346
原创 http-server 内网安装使用及可能会遇到的问题
公司出于安全考虑,所有项目在无法联网的内网开发,导致在使用http-server时无法通过npm install来安装,1,在外网使用npm install http-server -g安装http-server;2,找到http-server的安装路径,将相关文件复制出来拿到内网;3,按照外网的目录结构将http-server文件放在内网npm相关文件里;4,执行 hs -o此时可能会遇到下面问题:http-server : 无法加载文件 C:\Users…\npm\http-se
2020-12-14 16:27:36
1470
4
原创 vant 多个DropdownMenu重叠问题
场景:页面从上到下多个DropdownMenu,点击下方下拉框不选择任何数据,直接再点击上方下拉框,会出现下拉框重叠问题,如图:方法:通过 ref 可以获取到 DropdownItem 实例并调用实例方法,详见组件实例方法例:<van-dropdown-menu> <van-dropdown-item ref="dropdown0" v-model="value0“ :options="option0" @open="open('dropdowm0')" /&
2020-11-30 10:24:43
1771
转载 elementui的el-table根据内容长度自适应调整列宽
转自:https://blog.csdn.net/Amnesiac666/article/details/107841421?utm_medium=distribute.pc_relevant.none-task-blog-title-4&spm=1001.2101.3001.42421,添加<el-table-column prop="name" :width="flexColumnWidth('name',tableData)" label="名称" align="center"
2020-09-03 14:01:28
8183
1
原创 实现 element-ui中el-input 组件获得焦点后边框样式修改
.el-input__inner:focus{border-color:pink}重写el-input__inner:focus即可
2020-05-21 14:15:42
16870
7
原创 vue动态绑定多个class
<li class="li-tab" v-for="(item,index) in tabsParam" @click="toggleTabs(index)" :class="[{active:index==nowIndex},index==0?'li-tab-left':'li-tab-right']">{{item}}</li>仅作自查...
2019-07-04 10:10:50
2016
原创 Vue 回到顶部
滑动区域:<div id="target"> <-- 内容 !--></div>参数设置scrollTop: 0,timer: null,思路:添加滚动监听,获取实时位置,点击返回顶部按钮时开启定时器,在定时器里处理位置 mounted () { document.getElementById('targe...
2019-07-03 17:14:39
2117
原创 vue 手机端适配
在index.html的<head></head>里添加:<script> (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange'...
2019-06-21 13:39:37
916
原创 vue+elementUI,el-table 数据导出Excel ,解决导出的表格有重复数据的问题
1、安装依赖安装了俩依赖,xlsx和file-savernpm install --save xlsx file-saver参考链接:https://github.com/SheetJS/js-xlsxhttps://github.com/eligrey/FileSaver.js2、页面引入import FileSaver from 'file-saver'impo...
2019-04-12 16:20:35
4460
原创 vue excel文件的导入导出
参考:https://www.jianshu.com/p/74d4059403051、index.html文件中导入<script src="http://oss.sheetjs.com/js-xlsx/xlsx.full.min.js"></script>2、要做导入导出的页面<!--导出--><input type="file" ...
2019-04-12 11:26:18
508
1
原创 element 日期选择器 时间格式转化
<el-date-picker v-model="dataForm.beginDate" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" @change="getSTime"></el-date-picker>1、添加value-format="yyyy-MM-dd"2,添加方法...
2019-04-11 17:02:06
5361
原创 vue-router 跳转(自用)
1、内置组件<router-link>1.1 to 进入用户页面,可按返回键返回值初始页面 不携带参数 &携带参数// 不携带参数<router-link :to="/user">用户</router-link> // 携带参数<router-link :to="{path:'/user',query:{id:use...
2019-04-11 08:50:05
133
原创 Vue使用element-ui报错
报错如下:常规引入:import Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';import App from './App.vue';Vue.use(ElementUI);new Vue({ el: '#app', ...
2019-04-04 11:24:47
872
原创 Vue JSON校验格式化编辑框 -- jsoneditor
项目要求编辑框要 字体高亮、可编辑、可格式化、可实时检验,这些jsoneditor都可满足,并且还可以一键修复错误1,安装第一种方式:npm install jsoneditor --save第二种方式:(当然可以使用cnpm,但当时用了cnpm,但在main.js中引入文件名时不是官方名称,别人在根据package.json文件install后启动项目会报错,需要自己手动改...
2019-03-28 15:59:51
11968
9
原创 vue+iview 树型表格
作者:https://javascript.ctolib.com/article/wiki/55707gitHub:https://github.com/huanglong6828/vue-tree-grid1,创建treeGrid.vue(将文件放入components中),其中树型表格的父元素图标不显示,我改了一下(改为ios-arrow-forward和ios-arrow-dow...
2019-03-28 15:38:02
14796
6
原创 使用editormd 使 mardowm 转 html
官网(打开时比较慢):http://pandao.github.io/editor.md/来源:https://blog.csdn.net/zhoumengshun/article/details/76019942依赖jquery,在引入editormd .js文件时注意,jquery一定要在其前面引入代码如下(非实时转):<!DOCTYPE html><ht...
2019-02-14 15:16:22
1833
转载 html页面引入另一个html
在写页面的时候,有些东西是一样的,比如头部的导航或者尾部的标注。所以复用的东西可以写到一个文件中,之后再引入,angularjs或是jsp中都有很好的标签引入,而html没有,但是可以借助一些方式进行引入。angularjs文件引入 angularjs 头部引入<head> <% include configHead.ejs %> <t...
2019-01-04 17:41:26
2550
原创 获取页面URL传递的参数
/** * 获取页面URL参数 * name : URL中参数的名称 * return: 参数对应的值 */function getvalue(name) { var str = window.location.search; //location.search是从当前URL的?号开始的字符串 if(str.indexOf(name) != -1) { v...
2018-11-16 15:49:14
776
原创 时间格式转化&日期比较&指定日期YY-MM 的前某个月
// yy-mm-dd ---> yy年mm月dd日function timeStyleChangeLineToChinese (str) { var arry = str.split("-"); for(var i = 0; i <= arry.length; i++) { var ss = ""; if(arry.length =...
2018-11-16 15:42:43
450
转载 zTree选中本节点时自动选中其子节点
在setting中check下的chkboxType = { "Y" : "s", "N" : "s" };Y指的是勾选checkbox的时候对父结点或子结点产生的影响N指的是取消checkbox的时候对父结点或子结点产生的影响大小写是有区别的。s指子结点,p指父结点...
2018-11-09 11:22:06
900
转载 HTML文件里把所有的css、js文件引入后,其他的HTML文件引入该页面后,可以使用该页面引入的css和js
怎样将一个HTML文件里把所有的css、js文件引入后,然后其他的HTML文件就不需要在进行引入了转自:https://segmentfault.com/q/1010000009980376<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <titl
2018-11-01 13:42:23
2869
原创 千分位 转化
// 千分位 转化function toThousands(num,isInt) { var after; var before; var isOne = num % 1; // 判断是否有 负号 var str = num.toString(); var index = str.indexOf("-"); var numBefore = ""; if (index == -1) {// 没有 -...
2018-07-05 17:07:28
293
原创 给一个指定日期date,往前/后推指定天数
给一个指定日期date,往前推days天function getBeforeDateForDays(date,days){ var date = days.split('-'); var newDate = new Date(date[0], date[1]-1, date[2]); var year,month,day; newDate.setDate(new...
2018-06-05 19:58:47
5501
原创 easyui combobox实现搜索下拉补全功能
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="../plu
2018-05-25 14:53:46
1035
转载 xcode9 ios11 沉浸式状态栏适配 & iPhone X适配
使用沉浸式状态栏的同学在升级iOS11以后,发现之前的沉浸式状态栏没有了,变成了一个灰条,于是开始嚷嚷着让官方修改SDK。在官方做出动作进行通用适配之前,大家也可以自己暂时解决一下:使用离线打包的同学可以在工程内自行设置contentInsetAdjustmentBehavior为UIScrollViewContentInsetAdjustmentNever。喜欢native.js的同学也可以直接...
2018-04-08 15:46:06
2361
原创 几张图片平行立体展示
transform: rotateZ(0deg) rotateX(10deg) rotateY(-15deg);-ms-transform:rotateZ(0deg) rotateX(10deg) rotateY(-15deg); /* IE 9 */-moz-transform:rotateZ(0deg) rotateX(10deg) rotateY(-15deg); /* Fi...
2018-03-07 10:50:38
975
转载 CSS—LESS基础整理
第一次接触CSS预编译,然后对比后发现其实less的上手容易度确实比sass高不少,再加上公司项目也是使用的less。所以想想还是根据网上的各种教程,整理出来了一些比较基础的、而且比较能让我们这种初学者快速上手的例子。菜鸡一只,代码要是有错或者表达不清的地方,请各位批评指正!那么,现在我们就开始正文部分了。1.什么是lessLESS是一种动态的样式语言。Less扩展了CSS的动态行为,比如说,设置...
2018-02-26 11:00:24
481
原创 获取父元素
获取textarea的父元素,用parentNodefunction checkLengthText (obj) { if(obj.value.length > 5) { obj.parentNode.style.height = "1.5rem"; }}
2018-02-02 11:54:57
582
原创 手机端当页面弹出遮罩层的时候,遮罩后面的页面禁止滚动且“锁定当前位置”
$('.xxx').bind("touchmove",function(e){ e.preventDefault(); });
2018-01-26 15:36:41
3234
转载 如何通过class和id使用原生js删除元素?
//删除idfor(i=0;i150;i++){ var idObject = document.getElementById('sidebar'); if (idObject != null) idObject.parentNode.removeChild(idObject); }//通过class获取元素paras = document.ge
2018-01-18 11:46:48
8444
5
原创 phonegap获取手机设备信息
device.uuid 返回手机 uuid device.version 返回系统版本 device.platform 返回手机的平台信息
2018-01-10 15:33:48
206
原创 phonegap 设置引导页
原理就是利用localStorage存储是否是第一次登录的标识,用此标识来判断要跳到哪个页面1,建立一个引导页guide.html,建立一个判断页面judgePage.html 在判断页面judgePage.html 判断该跳到哪个页面,代码如下:var userid = localStorage.getItem("userId"); mui.ini
2018-01-09 18:19:43
203
原创 cordova 修改状态栏的颜色
1,预留出状态栏的高度方法一:var userAgent = navigator.userAgent;if (!(userAgent.indexOf("Android") > -1 || userAgent.indexOf("Linux") > -1)) { document.body.style.marginTop = "20px";}方法二:onDevic
2018-01-08 18:43:22
5839
原创 echarts X轴过长时 滑动显示
主要是对 dataZoom 属性的运用,没什么难点。只需注意一点,如果遇到加了这个属性还是不出现滑动情况的,多半是用的echarts.min.js 不支持此属性,去官网找最新版替换即可 .electricDescribeYear { width:
2017-12-19 17:09:12
35478
转载 echarts x轴文字显示不全(xAxis文字倾斜比较全面的3种做法值得推荐)
echarts x轴标签文字过多导致显示不全如图:解决办法1:xAxis.axisLabel 属性axisLabel的类型是object ,主要作用是:坐标轴刻度标签的相关设置。(当然yAxis也是一样有这个属性的)[html] view plain copy print?axisLabel: { interval:0,
2017-12-19 11:12:35
1552
原创 phonegap 修改app的名称
在phonegap的config.xml中,在对应的平台标签下,修改全局标签的值。如下: app的名称 app的名称 注意,直接修改config.xml第三行 的 hello phonegap iOS会报错Error: The product name change ( tag
2017-10-13 15:14:10
450
原创 h5 上下拉刷新插件简总结
1,mui2,https://github.com/mescroll/mescroll#%E9%AB%98%E7%BA%A7%E6%A1%88%E4%BE%8B-senior-demos-%20#23,https://github.com/mmrxia/js-pull-to-refresh
2017-10-11 17:20:24
2008
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人