- 博客(113)
- 收藏
- 关注
RSS订阅原创 vue使用diff-match-patch和codemirror实现文本对比
vue使用diff-match-patch和codemirror实现文本对比
2022-08-23 10:23:23
1573
1
原创 关于flex布局中,父元素设置display：flex；flex-direction:row；子元素1高度撑开400px，子元素2、子元素3高度40px,如何设置全部自适应撑开?
关于flex布局中,父元素设置display：flex;flex-direction:row;子元素1高度撑开400px，子元素2、子元素3高度40px,如何设置全部自适应撑开?
2022-08-22 17:48:43
759
原创 Vue (preventReClick)防暴点 +防抖（debounce）和节流（throttle）函数
Vue中实现防暴力点击+防抖和节流以及loadsh插件的使用
2022-08-17 11:54:00
1270
原创 uni.app 跳外链，跳webview页面
uni.app 跳外链，跳webview页面前一页面webView(href) { var that = this; let data = { href: href }; let query = encodeURIComponent(JSON.stringify(data)); that.goto('/pages/common/webView/webView?key=' + query); },webview页面接收onLoad(options)
2021-04-28 14:47:16
475
原创 js获取数组对象中某个属性的最大值或最小值
开发中经常会遇到前端自己生成唯一id，然后在数组中增加删除插入对象，这样一来就要的要当前使用的id的最大值。总结一下，有两种比较简便的方法可以做到：将属性值通过map生成一个数组，再使用Math.max取最大值使用排序sort，先对数组的项排序，再取排序后的对应的项的值数组对象如下,求id的最大值和最小值 list: [ { id: 1, name: 'jack' }, { id: 2, name: 'may' }, { id: 3, name:
2021-04-19 15:04:04
1929
3
原创 uni-app实现锚点链接
uni-app实现锚点链接// 锚点链接 anchorLink(targetDom) { uni.createSelectorQuery() .select(targetDom) .boundingClientRect(data => { //目标位置节点 类或者 id uni.createSelectorQuery() .select('.proContent') .boundingClientRect(res => {.
2021-03-31 16:14:04
1637
原创 uniapp中使用Vuex存储全局变量和方法
先在项目的根目录下创建store文件夹并在文件夹中创建index.jsindex.js中写上这些```import Vue from “vue”import Vuex from “vuex”Vue.use(Vuex); export default new Vuex.Store({ state:{ }, mutations:{ }})```main.js中加上这两行import store from '..
2021-03-31 09:33:14
1502
原创 uni-app引入阿里字体图标
下载选择你所需要的图标加入购物车内，添加至项目 （若没有项目就自己新建项目），之后点击下载下载后解压 打开iconfont.css 文件配置删除.css文件中如下部分 并在保留的那一行加上src: ,在行末尾把**,** 换为**；**（注意中英文标点符号）在static 文件夹下面新建font文件夹 将刚刚的css文件添加进去引入在app.vue文件中添加如下代码@import url("@/static/font/iconfont.css");在所需要的文件位置里面加入
2021-03-29 15:47:21
110
原创 uni-app运行到微信小程序报错[ pages/index/index.json] : [“usingComponents“][“u-navbar“] 未找到
uni-app运行到微信小程序时报错：“[ pages/index/index.json 文件内容错误] pages/index/index.json: [“usingComponents”][“u-navbar”] 未找到”这是由于引用了第三方UI库，比如uview，pages.json配置easycom规则(按需引入)，使用了npm安装方式，但微信开发者工具没有构建npm，可以改下下载方式// pages.json{ "easycom": { // 下载安装的方式需要前面
2021-03-25 11:01:52
6745
原创 uni-app判断客户端环境是 Android、iOS 还是小程序开发工具
onShow(){ var that = this; that.getPlatform(); }, methods: { getPlatform(){ var that = this; switch(uni.getSystemInfoSync().platform){ case 'android': console.log('运行Android上') break; case 'ios': co
2021-03-21 14:50:50
605
原创 Google扩展程序中需要安装vue或者react探测器的前期安装添加工作
Google扩展程序中需要安装vue或者react探测器的前期安装添加工作
2021-03-16 09:30:33
86
原创 js匹配string中的img标签，并且获取其src图片链接地址
js匹配string中的img标签，并且获取其src图片链接地址<script> window.onload = function () { var content = '<P><img src="http://bbs.cn.yimg.com/user_img/200701/31/jisuanji986_117025184198149.jpg" mce_src="http://bbs.cn.yimg.com/user_img/200701/31/jisua
2021-03-15 14:17:00
863
原创 js 去掉字符串中的图片标签；js 用正则表达式替换字符串中的图片地址(img src)
js 去掉字符串中的图片标签var tieZiContent = $("#tieZiContent").html().replace(/<img.*?>/g ,'');js 用正则表达式替换字符串中的图片地址(img src)content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, function (match, capture) { console.log(capture);});...
2021-03-09 17:39:57
1685
1
原创 vue中实现滑动解锁
vue中实现滑动解锁话不多说，直接上代码；<template> <div> <div id="box"> <div class="bgColor"></div> <div class="txt">滑动解锁</div> <!--给i标签添加上相应字体图标的类名即可--> <div class="slider"> <
2021-03-08 11:33:17
1150
1
原创 Vue中监听页面刷新与关闭
Vue中监听页面刷新与关闭代码入下：mounted(){ window.addEventListener("beforeunload", (e) => this.beforeunloadFn(e)); }， methods: { beforeunloadFn(e) { // console.log("刷新或关闭"); // ... }, }，
2021-03-07 14:27:41
492
原创 vue项目中判断设备是手机端还是pc端；vue项目中设备为移动端时，使用iframe引入页面移动端页面
在 router/index.js 中有两个页面。export default new Router({ mode: 'history', routes: [ { path: '', redirect: '/pc_index' }, { path: "/pc_index", // pc端首页 name: PcIndex, component: resolve => require(['@/views/PC.
2021-03-07 14:12:25
814
原创 js实现将天时分秒转化成毫秒；将毫秒转化成天时分秒
由于功能比较简单，那就直接上代码吧！ // 时间转为毫秒 timeToMillisec() { //比如时间是7天2小时14分36秒 var dateInfo = { days: 7, hours: 2, mins: 14, secs: 36, }; var millisecond = Number(dateInfo.days * 24 * 3600 * 1000
2021-03-07 11:29:40
706
原创 Vue中的input输入框无法输入
Vue中的input输入框无法输入Vue中的input输入框无法输入刚开始以为是键盘的问题，然后发现别的地方都可以输入，唯独这个input无法输入，可能因为我循环嵌套了三次，太深入无法渲染 <el-input v-model="desc" type="textarea" @input="change($event)" />change(e) { this.$forceUpdate()},...
2021-02-20 16:55:06
1060
原创 vue中$router.push打开新窗口
vue中$router.push打开新窗口rowClick(params) { let url = this.$router.resolve({ path: '/main/portInfo', query: { sbid : params.sbId } }); window.open(url.href, '_blank');}
2021-02-03 09:22:23
445
原创 input输入框输入金额，限制只能输入正数且保留两位小数
<input type="text" onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'').replace('.','$#$').replace(/\./g,'').replace('$#$','.').replace(/\.{2,}/g,'.').replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')" maxlength='20' />
2021-01-14 10:58:50
1254
原创 数组里的字符串转换成数字或者把数字转换成字符串
数组里的字符串转换成数字或者把数字转换成字符串var arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9];arr1.map(String); //结果： ['1', '2', '3', '4', '5', '6', '7', '8', '9']var arr2 = ['1', '2', '3', '4', '5', '6', '7', '8', '9']arr2.map(Number); //结果：[1, 2, 3, 4, 5, 6, 7, 8, 9]...
2020-11-18 16:19:59
1850
原创 elementUI input 限制只能输入金额
elementUI input 限制只能输入金额<el-input maxlength="8" oninput="value=value.replace(/[^\d.]/g,'')" v-model="condition.laborAmount" placeholder="请输入金额" :size="size" style="width:100%" clearable :disabled="disable
2020-11-18 15:04:42
1762
原创 Vue前端常用加密处理base64加密解密
Vue前端常用加密处理base64加密解密安装依赖npm install --save js-base64在需要使用的页面写入，如果很多页面需要使用，可以直接在main.js中引入单个页面引入调用let Base64 = require('js-base64').Base64//或者import {Base64} from 'js-base64'//使用Base64.encode(this.pwd);//加密Base64.decode(this.pwd);//解密公共页面引入
2020-11-12 10:32:02
1759
原创 edge 浏览器自动识别电话号码解问题解决方法
edge 浏览器自动识别电话号码解问题解决方法解决方案:在head里面写入： <head> <meta name="format-detection" content="telephone=no"> </head>
2020-11-12 09:49:36
728
原创 伪元素after实现三角形
伪元素after实现三角形空心三角箭头 .box{ position:relative; width: 580px; height: 300px; padding: 20px 24px; box-sizing: border-box; background: #fff; border: 1px solid #cc
2020-09-04 14:53:26
425
原创 SVN提交时忽略不必提交的文件夹和文件，如node_modules
SVN提交时忽略不必提交的文件夹和文件，如node_modules空白处右键>选中TortoiseSVN>设置(settings)>常规设置(General)>Subversion>编辑(edit)>在弹出的config文件中找global-ignores，复制一行下来，去掉global-ignores前的#。如果是"文件夹" global-ignores = *node_modules如果是文件 global-ignores = .project .git中间
2020-08-31 11:41:53
1452
原创 Vue报错(Do not use v-for index as key on ＜transition-group＞)
Vue报错(Do not use v-for index as key on )在Vue中使用列表渲染需要加上key值作为每一个子元素的唯一索引。原来这样使用没有问题，当我给列表渲染组件加上了动画效果时<div class="skills_left"> <p class="skills_topic">已选功能</p> <draggable :forceFallback="true" v-model="SecletedLi
2020-08-28 14:24:24
5443
原创 vue如何调用高德地图
一、获取高德地图的key获取地址：高德开放平台1、手机号登录高德开放平台2、创建新应用3.点击添加，选择web服务，然后提交，就会生成key的值二、npm安装vue-amap1.npm安装vue-amapnpm install vue-amap --save2.在项目main.js引入vue-amapimport AMap from 'vue-amap';Vue.use(AMap); // 初始化vue-amapAMap.initAMapApiLoader({ // 高德
2020-08-20 16:46:12
1133
原创 js--ES6对象之属性的可枚举性及遍历详解
可枚举性对象的每个属性都有一个描述对象，用来控制该属性的行为，Object.getOwnPropertyDescriptor方法可以获取该属性的描述对象。描述对象的enumerable属性，称为可枚举性，如果为true，为可枚举的，如果为false，就表示某些操作会忽略当前属性。let obj = { foo :1};console.log(Object.getOwnPropertyDescriptor(obj,"foo"));目前有四个操作会忽略enumerable为false的属性。
2020-08-12 12:12:32
656
1
原创 JS中map与forEach的区别
我对map的理解是，这个方法对一个数组arr1中的每一个元素进行遍历(传递给一个数组，参数为(item，index，arr1))，返回值保存到另一个数组中，遍历结束后，整个方法返回这个数组map与forEach其实都是JS中，对array进行遍历的方法，区别在于map是存在返回值的，而forEach返回值为undefinedmaplet array = [1, 4, 7, 11]let result= array .map((item, index, arr) => { consol
2020-08-12 12:03:11
3611
原创 JavaScriptES6对象的Object.key， Object.values， Object.entries
Object.key()在ES5中，就引入了Object.keys方法，返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历（enumerable）属性的键名。let obj = { foo : "bar", baz : 18,}console.log(Object.keys(obj)); //["foo" , "baz"]ES2017引入了跟Object.keys配套的Object.values和Object.entries，作为遍历一个对象的补充手段，供f
2020-08-12 11:52:22
280
原创 jquery禁止鼠标右键 原生js禁止鼠标右键
jquery如何禁止鼠标右键// jq阻止鼠标右键$(".btn").bind("contextmenu", function (e) { return false;});使用js禁止鼠标右键// js禁止鼠标右键document.addEventListener('contextmenu',function(e){ e.preventDefault();})
2020-07-18 10:54:41
210
原创 js如何实现点击复制功能，js点击复制文本
微信小程序自带复制功能，那么网页js如何实现复制功能呢？nput和textarea等文本输入框可以实现选中复制，针对div，p等标签不可以，那么我们需要新建一个文本框标签，不能给display:none; 我们需要怼他进行一个定位，让透明看不见找不到，点击复制，将需要复制的内容赋值给文本框，接着对文本框进行全选，在进行复制操作即可，代码如下：html部分：<p id="content">敏感行业列表内涉及到的行业和业务一定无法申请，外显号码申请受政策影响较大</p><t
2020-07-18 10:44:43
1272
原创 css伪元素实现方框上面打钩
html： <p class="skill_three_con_item_frame"></p> css:skill_three_con_item_frame { width: 36px; height: 36px; background: transparent; border: 1px solid #fff; position: relative; margin-right: 30px;}.skill_three_con_item_fra.
2020-07-14 14:02:40
1574
原创 axios.all()解决并发请求
// 获取类别 loadType() { return this.$axios.get("***/***/gettype?code=type"); }, // 获取详情 loadDetail() { return this.$axios.get("***/***/Detail", { params: { billcode: this.billcode } }); }, load() { var .
2020-06-12 09:15:30
318
原创 JS 通过url地址栏获取html页面名称
有的时候需要获取页面名称，为此我在这里封装了一个方。一、分别根据传递不同的参数，获取到html页面的名称。通过传递参数，获取到html页面的名称；参数params以下是参数解释说明（1）params=1，只获取页面名称，不带.html后缀1.1 例如 url路径是 https://www.ceshi.com/home/index.html只返回页面名称： index（2）params=2， 取页面名称，同时带.html后缀2.1 例如 url路径是 https://www.ceshi.co
2020-05-23 16:36:47
1220
原创 微信小程序实现手指拖动选项排序
wxml：<view> <view class="dileititle">手指移动选项排序</view> <view style="width:740rpx;height:80vh;overflow-y:auto;margin:auto;" id="movebox"> <block wx:for="{{list}}" wx:key="index"> <view catchtouchmove="listitemm.
2020-05-22 16:07:54
1246
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人