- 博客(18)
- 收藏
- 关注
RSS订阅原创 JS数组常用的方法总结20种
数组是 js 中最常用到的数据集合，其内置的方法有很多，熟练掌握这些方法，可以有效的提高我们的工作效率，同时对我们的代码质量也是有很大影响。
2024-01-26 11:33:31
488
原创 已解决！element-UI 父子组件嵌套使用dilog导致蒙版混乱解决方案！
<el-dialog :modal-append-to-body="false" :append-to-body="true"<
2021-05-31 16:09:50
554
原创 vue 启动项目时间很长？已解决
突然想起来，之前开发vue项目的时候，第一次以及后续每次更改完东西后，页面都需要加载，启动时间很长，需要两三分钟！！解决方案：把config/index.js中的useEslint 属性值改为 false 即可！！！亲测过，真的好用哦！...
2021-05-19 13:46:48
4837
原创 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
1069
原创 什么是原型链？超详细讲解
大家都知道，JavaScript是面向对象的，首先，先看一个截图，我们可以看到，声明了一个空对象test，在没有对这个对象进行任何操作的时候，我们发现，这个对象已经有了很多的属性和方法。为什么会有这么多默认属性呢？下面我们通过console.dir来打印一下看看这个test对象，发现 test 有一个默认的属性_proto_， 恰好这个_proto_对象里的属性，和test的默认属性是一样的。这个时候，大家就知道了，空对象 test 会有很多默认属性其实是跟_proto_有关系的。.
2021-04-30 18:03:35
2403
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
2351
原创 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
669
原创 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
67
原创 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
2278
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
1051
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
1758
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
6276
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
2577
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
3673
原创 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
535
原创 小程序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
936
原创 小程序实现海报分享（包含三方图片以及本地图片）
效果图1.jpg效果图2.jpg注释：图中红色圈以及黑色圈等区域涉及隐私，故此马赛克处理（理解( •̀ ω •́ )✧）wxml 区域<!-- S 页面海报按钮区域 --><view catchtap="showDrawCanvasImg" class="sys-flex acPhone"> <view> <image mode="aspectFill" s...
2020-07-14 16:53:29
632
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人