自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(67)
  • 收藏
  • 关注

原创 vue computed 计算属性那些事

vue

2023-02-22 12:52:45 168 1

转载 echart按需加载

vue echart按需加载

2022-07-08 10:41:11 431

原创 纯css文本超过3行展开收起效果

纯css文本超过3行展开收起效果

2022-07-05 18:46:26 1663

原创 【无标题】

来到新公司需要用到新公司的源,那么就切换到新公司的源,以下是检测当前所用源1.检测当前所用源npm config get registry2.全局切换到官方源npm config set registry http://www.npmjs.org3.全局切换到所需要的源npm config set registry 源地址例如切换到淘宝源npm config set registry https://registry.npm.taobao.org...

2022-05-08 21:55:26 463

原创 cmd 可以使用cnpm vscode无法使用cnpm

右击VSCode图标,选择以管理员身份运行;在终端中执行get-ExecutionPolicy,显示Restricted,表示状态是禁止的;这时执行set-ExecutionPolicy RemoteSigned;此时再执行get-ExecutionPolicy,显示RemoteSigned,则表示状态解禁,可以运行...

2022-05-07 22:52:58 352

原创 element 表格列拖拽效果

1.组件dragatable.vue<template> <div class="w-table" :class="{'w-table_moving': dragState.dragging}"> <el-table :data="data" :ref="option.ref" :class="option.class" :str

2022-03-25 11:41:41 1457

原创 vue解决pc移动滚动穿透问题

上层无滚动(很简单直接@touchmove.prevent)<div @touchmove.prevent>我是里面的内容</div>上层有滚动如果上层需要滚动的话,那么固定的时候先获取 body 的滑动距离,然后用 fixed 固定,用 top 模拟滚动距离;不固定的时候用获取 top 的值,然后让 body滚动到之前的地方即可。示例如下: watch:{ statusShow(val){ if...

2022-03-15 11:41:07 2046

原创 图片识别vue-cropper

vue-cropper图片识别裁剪

2022-02-17 17:35:39 1014 1

原创 vue插件开发 使用pdf.js实现手机端在线预览pdf文档

目前大多数PC浏览器支持在线预览pdf文件,但大多数手机浏览器还未支持,尝试用手机浏览器打开一个pdf文件会弹出是否下载的提示框。网上查了一些资料,在实现的过程中,还是走了比较多的弯路,最后采用了倍受推荐的pdf.js插件来实现(文末附Demo)。 pdf.js可以从github上clone下来,然后本地gulp生成可用的pdf.js和pdf.worker.js(参考re...

2022-02-08 11:17:21 722

原创 git 如何将某个分支的某个提交复制到另外一个分支

如果你需要把一个分支上的某次修改的提交记录合并到另外一个分支上,很简单:1、可以使用git log 命令 或去gitlab界面找 commit的ID号,比如 026d02032、切换到目标分支上(即在要合并到的分支上),执行命令:git cherry-pick aabb4d0203...

2021-12-29 14:21:56 4973

原创 onmouseover、onmouseenter 和 onmousemove 三者之间的区别

onmouseover其支持冒泡,所以当鼠标移入或鼠标移入其子元素的时候都会触发相关事件 其对应的移出事件是 onmouseoutonmouseenter其不支持冒泡,所以当鼠标移入这个元素本身的时候会触发相关事件 其对应的移出事件是 onmouseleaveonmousemoveonmousemove也不支持冒泡事件,当鼠标在元素上移动的时候会触发相关事件...

2020-12-23 15:18:02 734

原创 JSON.parse(JSON.stringify(obj))实现深拷贝

SON.parse()和JSON.stringify()实现深拷贝:实际开发中,如果怕影响原数据,我们常深拷贝出一份数据做任意操作,其实使用JSON.stringify()与JSON.parse()来实现深拷贝是很不错的选择。但是当拷贝的数据为undefined,function(){},...拷贝时会为空,这是就需要采用递归拷贝。使用JSON实现拷贝时,注意拷贝数据,看是否适合使用。http://caibaojian.com/parse-stringify.html//深拷贝fu.

2020-12-11 11:21:35 3703

原创 列表渲染中的key的作用

前言在vue中使用v-for时,一直有几个疑问:v-for为什么要加key 为什么有时候用index作为key会出错带着这个疑问,结合各种博客和源码,终于有了点眉目。virtual dom要理解diff的过程,先要对virtual dom有个了解,这里简单介绍下。【作用】我们都知道重绘和回流,回流会导致dom重新渲染,比较耗性能;而virtual dom就是用一个对象去代替dom对象,当有多次更新dom的动作时,不会立即更新dom,而是将变化保存到一个对象中,最终一次性将改变渲染出来

2020-12-04 11:10:14 745

原创 使用微信jsdk的那些坑(签名失效,导航功能openLocation(),IOS提示invalid coordinate)

一.vue history模式 ios微信获取jsdk签名失效问题分析:苹果手机为何会获取签名失效苹果在微信中浏览器机制和安卓不同,有IOS缓存问题,和IOS对单页面的优化问题,通俗点说安卓进行页面跳转分享时会刷新当前的url,而苹果不会,苹果是通过历史记录进来的,不会刷新url所以会导致签名失败解决方案:1.在需要获取签名的页面加上这样一段代码用来兼容苹果手机(这样就不需要更改vue的跳转了) beforeRouteEnter(to, from, next) {

2020-08-19 11:22:11 2565

原创 拼接时间

timeForMat(count) { // 拼接时间 let time1 = new Date(); time1.setTime(time1.getTime() - (24 * 60 * 60 * 1000)); let Y1 = time1.getFullYear(); let M1 = ((time1.getMonth() + 1) > 10 ? (time1...

2020-07-23 09:37:18 198

原创 手机号用*号展示

比如:  13140121671 => "131****1671"  '王宝宝' =>"*宝宝"noPassByMobile(str){ if(null != str && str != undefined){ var pat=/(\d{3})\d*(\d{4})/; return str.replace(pat,'$1****$2'); } else { ...

2020-06-15 10:35:13 299

原创 有关百度地图信息窗口问题

1.百度地图添加自定义信息窗口的时候,点击地图本身的标注会有百度自己的信息窗口弹出,如图所示如何解决百度默认窗口会弹出的问题(关闭默认地图POI事件):letmap=newwindow.BMap.Map('mapContainer',{enableMapClick:false});初始化地图的时候加上一句:{enableMapClick:false} 即构造地图时关闭底图可点击功能2.在地图的实现自定义信息窗口let sContent ='<div class=\...

2020-05-19 15:07:49 1569

原创 vue全家桶项目构建

步骤一、安装vue-cli首先,我们可以通过npm安装vue-clic,前提是我们需要有node环境,如果电脑还没安装node,先安装,可通过node -v查询node的版本号,有版本号则已经安装成功;node下载https://nodejs.org/en/地址接下来,我们需要确保电脑已经安装了webpack,webpack是一个包管理工具,也是vue-cli的构建工具...

2020-02-06 21:57:02 411

原创 vue中使用自定义指令

一。.什么是自定义指令 自定义一些指令对底层DOM进行操作二。自定义指令方法bind:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 inserted:被绑定元素插入父节点时调用 (仅保证父节点存在,但不一定已被插入文档中)。 update:所在组件的 VNode 更新时调用,但是可能发生在其子 VNode 更新之前。指令的值可能...

2020-01-07 11:37:16 10501 6

原创 js数组的一些方法

所有数组方法https://www.runoob.com/jsref/jsref-obj-array.html1.some方法(方法用于检测数组中的元素是否满足指定条件(函数提供))注意:some() 不会对空数组进行检测。注意:some() 不会改变原始数组。this.historyList=[{waybillNo:1585268956},{waybillNo:158526...

2019-12-19 16:29:55 98

原创 记一次vue中使用echart柱状图

let myChart = this.$echarts.init(document.getElementById('myChart')); let option = { color: ['#FFCD86'],//柱子颜色 backgroundColor: ['#fff'],//背景色 ...

2019-12-13 15:14:30 775

原创 vant插件使用area组件使用心得

1.官方给出的方法中的value是设置默认值的,字符串设置成区的就ok2.areaList是可以自定义的<template> <div class='levelLinkage' v-show='chooseshow'> <div class='mask' @click="close">...

2019-10-31 16:32:32 9778 6

原创 git或gitlab修改密码之后,报错remote: HTTP Basic: Access denied

方案一:1、打开控制面板2、修改密码方案二:git config --system --unset credential.helpergit config --global credential.helper store

2019-10-25 15:13:20 1179

原创 map高德坐标与百度坐标的相互转换

//百度坐标转高德(传入经度、纬度)function bd_decrypt(bd_lng, bd_lat) { var X_PI = Math.PI * 3000.0 / 180.0; var x = bd_lng - 0.0065; var y = bd_lat - 0.006; var z = Math.sqrt(x * x + y * y) - 0.0000...

2019-08-20 11:49:36 1528 1

原创 vue前端实现搜索功能

代码如下 <template> <div class="safetyInfo"> <nut-searchbar placeText="请输入详细地址/门牌号/" v-model="search" @input="submitFun" ...

2019-07-16 14:37:41 13685 2

原创 Vue Baidu Map 插件的使用

官方链接地址:https://dafrok.github.io/vue-baidu-map/#/zh/index

2019-07-08 11:41:00 780

原创 记一次vue中使用webview的扫一扫功能

ewqew

2019-07-07 16:28:35 2793

原创 get请求url参数中有+、空格、=、%、&、#等特殊符号的问题解决

url出现了有+,空格,/,?,%,#,&,=等特殊符号的时候,可能在服务器端无法获得正确的参数值,如何是好?解决办法将这些字符转化成服务器可以识别的字符,对应关系如下:URL字符转义用其它字符替代吧,或用全角的。+ URL 中+号表示空格 %2B空格 URL中的空格可以用+号或者编码...

2019-06-24 18:18:46 28390 5

原创 mui picker省市区三级联动使用方法(包括设置默认值)

请参考mui 文档http://dev.dcloud.net.cn/mui/ui/#placeholdermui官方解释:http://dev.dcloud.net.cn/mui/ui/#pickermui官方demo:http://www.dcloud.io/hellomui/examples/picker.html1.引入<script type="text/javas...

2019-06-18 14:16:14 4874 1

原创 js去除string中的某个字符

关于JS删除String里的字符的方法,一般使用replace()方法。但是这个方法只会删除一次,如果需要将string里的所以字符都删除就要用到正则。 1 2 3 4 varstr ="abcdaabbssaaa"; varreg =newRegExp("a","g"); vara = str.replace(r...

2019-06-18 13:57:51 16053

原创 jQuery生成二维码

https://github.com/jeromeetienne/jquery-qrcode1.将jquery.qrcode.min.js和jquery添加到您的网页中<script src="jquery.min.js"></script><script type="text/javascript" src="jquery.qrcode.min.j...

2019-06-01 16:44:50 5437

转载 git学习

1.本地仓库/分支 mater dadao2.远程仓库/分支 origin/master origin/dadao3.本地缓存 stash4.工作空间 git status查看a.提交代码到本地仓库1.git status 查询当前git状态2.git add . (. 当前路径的代码全部加入到待提交区。)3.git commi...

2019-05-17 11:14:22 142

转载 input各种事件

1.onfocus 当input 获取到焦点时触发2.onblur 当input失去焦点时触发,注意:这个事件触发的前提是已经获取了焦点再失去焦点的时候才会触发该事件,用于判断标签为空。3.onchange 当input失去焦点并且它的value值发生变化时触发,个人感觉可以用于注册时的确认密码。4.onkeydown 按下按键时的事件触发,5.onkeyup 当按键抬起...

2019-05-05 17:14:04 93359

原创 flex布局

一、flex-direction1.row(水平排列)代码: <body> <div style="width:300px;border:1px solid red;display: flex;flex-direction: row;"> <div style="width: 100px;height: 100px...

2019-04-03 10:57:26 241

原创 div随屏幕滚动到一定高度后固定

<body><a name="top" id="top"></a> //放在最高处 <div> <div></div> </div> <div class='catalog-side'> <div class='catalog-main'...

2019-03-28 18:57:36 2476

转载 jquery操作select(增加,删除,清空)

jQuery获取Select选择的Text和Value:$("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的text var check...

2019-03-22 10:29:22 119

原创 知识库

VUEVDom框架https://cn.vuejs.org/es6ECMAScripthttp://es6.ruanyifeng.com/vuex状态管理https://vuex.vuejs.org/zh/D2Admin前端集成方案https://doc.d2admin.fairyever.com/zh/Element-UiVUE组件库http://el...

2018-12-04 17:16:16 145

转载 js实现一键导出Excel

 想要如下页面,一键导出Excel:html:&lt;div class="container"&gt; &lt;table id="backViewTable" class="table table-hover table-sm table2excel"&gt; &lt;tr&gt; &lt;td&am

2018-11-05 10:57:37 4255 2

转载 es6 promise

  for (var i = 0; i &lt; 5; i++) { console.log(i);}“小伟,你说说这几行代码会输出什么?”当面试官在 Sublime 打出这几行代码时,我竟有点蒙蔽。蛤?这不是最简单的一个循环吗?是不是有陷阱啊,我思索一下,这好像和我看的那个闭包的题很像啊,这面试官是不是没写完啊?有毒啊。“应该是直接输出 0 到 4 吧...”,我弱...

2018-11-02 16:32:30 98

原创 循环终止

当有个需求是需要循环往数据库里(有条件的)添加数据的时候,最好使用for循环,中止用break注意:forEach 不能中途跳出,break和return都不行!!!! 需要中途跳出时,需要用for循环 4.遍历2和3得出的结果,用2的数量return_num和3实际出库数量的out_inv_qty做对比 */ for (let v = 0; v < ret.length...

2018-11-02 14:37:03 691

空空如也

空空如也

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

TA关注的人

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