- 博客(18)
- 收藏
- 关注
原创 JS数组常用的方法总结20种
数组是 js 中最常用到的数据集合,其内置的方法有很多,熟练掌握这些方法,可以有效的提高我们的工作效率,同时对我们的代码质量也是有很大影响。
2024-01-26 11:33:31
1285
原创 已解决!element-UI 父子组件嵌套使用dilog导致蒙版混乱解决方案!
<el-dialog :modal-append-to-body="false" :append-to-body="true"<
2021-05-31 16:09:50
624
原创 vue 启动项目时间很长?已解决
突然想起来,之前开发vue项目的时候,第一次以及后续每次更改完东西后,页面都需要加载,启动时间很长,需要两三分钟!!解决方案:把config/index.js中的useEslint 属性值改为 false 即可!!!亲测过,真的好用哦!...
2021-05-19 13:46:48
5228
原创 CSS使用笔记总结(常用属性和值)
概述:CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明:一、注释:CSS注释以 "/*" 开始, 以 "*/" 结束eg: /*p{color:red;text-align:center;}*/二、插入css样式表的方式?link 和@import 的区别是?1.外部样式:使用 标签链接到样式表。 标签在(文档的)头部eg : <link rel="stylesheet" type="text/css" hr...
2021-05-10 19:39:18
1086
原创 什么是原型链?超详细讲解
大家都知道,JavaScript是面向对象的,首先,先看一个截图,我们可以看到,声明了一个空对象test,在没有对这个对象进行任何操作的时候,我们发现,这个对象已经有了很多的属性和方法。为什么会有这么多默认属性呢?下面我们通过console.dir来打印一下看看这个test对象,发现 test 有一个默认的属性_proto_, 恰好这个_proto_对象里的属性,和test的默认属性是一样的。这个时候,大家就知道了,空对象 test 会有很多默认属性其实是跟_proto_有关系的。.
2021-04-30 18:03:35
2440
2
原创 H5 实现电子签名功能-VUE--12301合同签署类似功能
最近做了一个公司内部电子合同签署的功能,里面要实现电子签名,觉得可以记录一下!1、HTML部分:<template> <div class='canvas-box> <canvas @touchstart='touchStartHandle' @touchmove='touchMoveHandle' @touchend='touchEndHandle' ref="can...
2021-04-25 16:19:47
2444
原创 h5 实现微信支付以及易宝银行卡支付
一、微信支付// 判断是否是微信浏览器isWeiXinHandle(){ var ua = window.navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i) == 'micromessenger'){ this.isWxExplore = true; }else{ this.isWxExplore = false; }},...
2021-03-29 17:03:10
708
原创 JavaScript 数组去重的方法合集
总结一下,目前常用的数组去重方法:1. 利用 for循环 进行去重:function arrRemoval (array ) { if (array && array.length) { for (let i = 0; i < array.length; i++) { for (let j = i + 1; j < array.length; j++) { if (array[i] === array[j]) {array.splice(j.
2021-01-11 18:01:26
77
原创 element ui 中循环列表的表单怎么校验(v-for动态绑定的数据)
在vue项目中,使用element-ui的表单校验能节省很多时间,简单的对象表单校验,很简单,使用prop属性就可以直接校验。但是,如果表单项里有通过v-for动态生成的数组对象,又该怎么设置验证呢?1、总结:// 简单总结一下:// 1、prop 属性动态绑定,为model对象下的数据,如formData.trip.days为循环数组:// 则::model="formData",:prop="'trip.days.'+ index +'.goProvince'"// 2、在el-form-.
2020-12-21 20:23:56
2339
2
原创 vue项目 - 自定义数字输入指令 | 限制自定义小数位输入
最近在开发中,有这样的需求,比如:一个输入框,只允许输入正整数、或者两位小数,如果每个都加限制的话就很浪费时间,后来查找资料找出了一个一劳永逸的解决方案,就是加一个自定义指令,就与v-model一样,定义好之后,直接使用就可以了!1、在main.js中直接加入代码:import Vue from 'vue'Vue.directive("input-limit", { bind(el, binding) { var wins_0 = /[^\d]/g //整数判断 var wi.
2020-12-02 16:22:39
1114
3
原创 fabricjs 引入三方字体包,判断字体包是否加载完成
终于解决了fabricjs引入三方字体包画布渲染的问题,有需要的可以看看!vue项目。1、index.html:(1) 中引入fontfaceobserver: <script src="https://cdn.bootcdn.net/ajax/libs/fontfaceobserver/2.1.0/fontfaceobserver.js"></script>(2)app.vue:<style lang="scss" scoped>@import url('
2020-11-26 21:12:45
1910
5
原创 fabricJs 在vue项目中的实战记录(四)添加文字以及文字的操作[字体大小、颜色、字间距、行间距、透明度、加粗、斜体、下划线、删除线、对齐方式、字体设置]
在阅读以下文章的基础上查看本篇笔记:第一篇:fabricJs 在vue项目中的实战记录(一)引入以及初始化第二篇:fabricJs 在vue项目中的实战记录(二)fabricjs设置海报背景(图片以及纯色)第三篇:fabricJs 在vue项目中的实战记录(三)元素的上移层级、下移层级以及删除1、前言:// 1、let Shape = new fabric.Textbox('字体内容', currentOptionCss) : currentOptionCss=>字体样式// 2、im.
2020-11-17 11:24:50
6658
6
原创 fabricJs 在vue项目中的实战记录(三)元素的上移层级、下移层级以及删除
在阅读以下文章的基础上查看本篇笔记:第一篇:fabricJs 在vue项目中的实战记录(一)引入以及初始化第二篇:fabricJs 在vue项目中的实战记录(二)fabricjs设置海报背景(图片以及纯色)1、前言:// 1、getActiveObject() : 获取当前选中的元素// 2、bringForward() : 上移层级// 3、sendBackwards() : 下移层级// 4、renderAll:重新渲染画布// 5、remove : 删除元素2、template.
2020-11-04 17:45:37
2634
1
原创 fabricJs 在vue项目中的实战记录(二)fabricjs设置海报背景(图片以及纯色)
在上一篇的基础上阅读:第一篇:fabricJs 在vue项目中的实战记录(一)引入以及初始化1、前言:// 1、引入vue-color组件;// 2、setBackgroundColor:设置画布背景颜色// 3、setBackgroundImage:设置画布背景图片// 4、renderAll:重新渲染画布// 5、const image = new Image()// image.setAttribute('crossOrigin', 'anonymous') 处理跨域// .
2020-11-04 16:50:42
3831
原创 CSS——超出部分省略号显示(单行-多行)
效果如下:1、单行文本超出省略号:.left-text-wrap { max-width: calc(100% - 180rpx);//固定宽度 overflow: hidden;//超出隐藏 text-overflow: ellipsis;//隐藏显示省略号 white-space:nowrap;//强制文本不换行}2、多行文本超出省略号:.overflowTwo{ display: -webkit-box; overflow: hidden; tex
2020-08-18 13:33:11
572
原创 小程序data赋值 数组对象赋值以及基本数据类型赋值
/**1、基本数据赋值:*/data:{ showTip:false, contractForm:{}, types: [],},this.setData({ 'showTip':true, "contractForm.days": 2, "types":["身份证", "护照", "港澳通行证"],})/**2、数组对象赋值(下标):*/data:{ guestList:[]},//(1) 固定下标:(给下标为1的guestList数组的checkStatus对象
2020-07-27 10:26:38
973
原创 小程序实现海报分享(包含三方图片以及本地图片)
效果图1.jpg效果图2.jpg注释:图中红色圈以及黑色圈等区域涉及隐私,故此马赛克处理(理解( •̀ ω •́ )✧)wxml 区域<!-- S 页面海报按钮区域 --><view catchtap="showDrawCanvasImg" class="sys-flex acPhone"> <view> <image mode="aspectFill" s...
2020-07-14 16:53:29
654
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人