weixin_43839317的博客

数组是 js 中最常用到的数据集合，其内置的方法有很多，熟练掌握这些方法，可以有效的提高我们的工作效率，同时对我们的代码质量也是有很大影响。

<el-dialog :modal-append-to-body="false" :append-to-body="true"<

突然想起来，之前开发vue项目的时候，第一次以及后续每次更改完东西后，页面都需要加载，启动时间很长，需要两三分钟！！解决方案：把config/index.js中的useEslint 属性值改为 false 即可！！！亲测过，真的好用哦！...

概述：CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明:一、注释：CSS注释以 "/*" 开始, 以 "*/" 结束eg: /*p{color:red;text-align:center;}*/二、插入css样式表的方式？link 和@import 的区别是?1.外部样式：使用 标签链接到样式表。 标签在（文档的）头部eg : <link rel="stylesheet" type="text/css" hr...

大家都知道，JavaScript是面向对象的，首先，先看一个截图，我们可以看到，声明了一个空对象test，在没有对这个对象进行任何操作的时候，我们发现，这个对象已经有了很多的属性和方法。为什么会有这么多默认属性呢？下面我们通过console.dir来打印一下看看这个test对象，发现 test 有一个默认的属性_proto_， 恰好这个_proto_对象里的属性，和test的默认属性是一样的。这个时候，大家就知道了，空对象 test 会有很多默认属性其实是跟_proto_有关系的。.

最近做了一个公司内部电子合同签署的功能，里面要实现电子签名，觉得可以记录一下！1、HTML部分：<template> <div class='canvas-box> <canvas @touchstart='touchStartHandle' @touchmove='touchMoveHandle' @touchend='touchEndHandle' ref="can...

一、微信支付// 判断是否是微信浏览器isWeiXinHandle(){ var ua = window.navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i) == 'micromessenger'){ this.isWxExplore = true; }else{ this.isWxExplore = false; }},...

总结一下,目前常用的数组去重方法: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.

在vue项目中，使用element-ui的表单校验能节省很多时间，简单的对象表单校验，很简单，使用prop属性就可以直接校验。但是，如果表单项里有通过v-for动态生成的数组对象，又该怎么设置验证呢？1、总结：// 简单总结一下：// 1、prop 属性动态绑定，为model对象下的数据，如formData.trip.days为循环数组：// 则：:model="formData"，:prop="'trip.days.'+ index +'.goProvince'"// 2、在el-form-.

最近在开发中，有这样的需求，比如：一个输入框，只允许输入正整数、或者两位小数，如果每个都加限制的话就很浪费时间，后来查找资料找出了一个一劳永逸的解决方案，就是加一个自定义指令，就与v-model一样，定义好之后，直接使用就可以了！1、在main.js中直接加入代码：import Vue from 'vue'Vue.directive("input-limit", { bind(el, binding) { var wins_0 = /[^\d]/g //整数判断 var wi.

终于解决了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('

在阅读以下文章的基础上查看本篇笔记：第一篇：fabricJs 在vue项目中的实战记录（一）引入以及初始化第二篇：fabricJs 在vue项目中的实战记录（二）fabricjs设置海报背景（图片以及纯色）第三篇：fabricJs 在vue项目中的实战记录（三）元素的上移层级、下移层级以及删除1、前言：// 1、let Shape = new fabric.Textbox('字体内容', currentOptionCss) : currentOptionCss=>字体样式// 2、im.

在阅读以下文章的基础上查看本篇笔记：第一篇：fabricJs 在vue项目中的实战记录（一）引入以及初始化第二篇：fabricJs 在vue项目中的实战记录（二）fabricjs设置海报背景（图片以及纯色）1、前言：// 1、getActiveObject() : 获取当前选中的元素// 2、bringForward() : 上移层级// 3、sendBackwards() : 下移层级// 4、renderAll：重新渲染画布// 5、remove : 删除元素2、template.

在上一篇的基础上阅读：第一篇：fabricJs 在vue项目中的实战记录（一）引入以及初始化1、前言：// 1、引入vue-color组件；// 2、setBackgroundColor：设置画布背景颜色// 3、setBackgroundImage：设置画布背景图片// 4、renderAll：重新渲染画布// 5、const image = new Image()// image.setAttribute('crossOrigin', 'anonymous') 处理跨域// .

fabricJs在VUE项目中的实战记录

效果如下：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

/**1、基本数据赋值：*/data:{ showTip:false, contractForm:{}, types: [],},this.setData({ 'showTip':true, "contractForm.days": 2, "types":["身份证", "护照", "港澳通行证"],})/**2、数组对象赋值（下标）：*/data:{ guestList:[]},//(1) 固定下标：(给下标为1的guestList数组的checkStatus对象

效果图1.jpg效果图2.jpg注释：图中红色圈以及黑色圈等区域涉及隐私，故此马赛克处理（理解( •̀ ω •́ )✧）wxml 区域<!-- S 页面海报按钮区域 --><view catchtap="showDrawCanvasImg" class="sys-flex acPhone"> <view> <image mode="aspectFill" s...