自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 查询npm安装包路径

当使用npm安装一些全局的软件包时,不知道安装到了什么位置,可以使用命令npm root -g进行查询

2021-01-28 19:32:18 2820

原创 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

原创 jquery 浏览器窗口大小更改时的触发事件

$(window).resize(function() {     alert("change")}); 

2019-02-15 17:52:02 2410

原创 使用editormd 使 mardowm 转 html

官网(打开时比较慢):http://pandao.github.io/editor.md/来源:https://blog.csdn.net/zhoumengshun/article/details/76019942依赖jquery,在引入editormd .js文件时注意,jquery一定要在其前面引入代码如下(非实时转):&lt;!DOCTYPE html&gt;&lt;ht...

2019-02-14 15:16:22 1833

转载 html页面引入另一个html

在写页面的时候,有些东西是一样的,比如头部的导航或者尾部的标注。所以复用的东西可以写到一个文件中,之后再引入,angularjs或是jsp中都有很好的标签引入,而html没有,但是可以借助一些方式进行引入。angularjs文件引入 angularjs 头部引入&lt;head&gt; &lt;% include configHead.ejs %&gt; &lt;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 ---&gt;  yy年mm月dd日function timeStyleChangeLineToChinese (str) {    var arry = str.split("-");    for(var i = 0; i &lt;= 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&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;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实现搜索下拉补全功能

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;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

原创 iOS appicon 与 launchImage 尺寸一览

2018-03-06 12:06:41 415

转载 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

微信小程序入门开发指南.rar

《从零开始学微信小程序开发》高洪涛著+《微信小程序入门指南》知晓程序著,微信小程序 pdf资源

2019-06-03

空空如也

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

TA关注的人

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