自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 js中给Array添加remove方法

js中是没有remove 方法的,但我们可以手动添加Array.prototype.remove = function (v) { var index = this.indexOf(v); if (index > -1) { this.splice(index, 1); } }

2022-06-30 19:17:49 1379 1

原创 javaScript 深拷贝和浅拷贝

深拷贝 浅拷贝 deepCopy

2022-06-29 19:28:43 329

原创 动画开发 之 Lottie

Lottie

2022-05-09 12:54:41 714

原创 剖析 js 中 constructor

constructor 的含义constructor 是一种用于创建和初始化class创建的对象的特殊方法。在一个类中只能有一个constructor方法,本质是一个构造函数,如果一个类不指定一个构造函数(constructor)方法, 则使用一个默认的构造函数(constructor)。示例代码:首先声明一个 People 类class People{ constructor(sex,age) { this.name = 'xiao fan'; this.sex = se

2022-05-06 15:20:51 10846

原创 浅析 ant design vue 中 xs sm md lg xl xxl

含义参照 Bootstrap 的 响应式设计,预设六个响应尺寸:xs sm md lg xl xxl。具体解释xs extra Small 超小sm small 小md medium 中等的lg large 大的xl extra Large 超大xxl 特大号下面我们通过代码演示<template> <a-row> <a-col :xs="2" :sm="4" :md="6" :lg="8" :xl="10">

2022-04-28 17:43:45 7171 7

原创 CSS3 中 :not(),[],&的用法

:not在css中,“:not”是选择器的一种,如果希望某个样式不作用到选择器上,可以使用:not(选择器),语法格式为“ 元素:not(元素id){属性:属性值;}”;该选择器匹配非指定元素/选择器的每个元素。<div class="item light">A</div><div class="item">B</div><div class="item">C</div><div class="item">D&lt

2022-04-27 11:52:37 4260

原创 浅析CSS3中伪元素和伪类

伪元素伪元素本身不存在DOM文档中,它只是逻辑上的存在,无法通过JS获取改变它用,例如:用::before和::after 在一些存在的元素前后添加文字样式等,这些被添加的内用会以具体的UI显示出来,被用户看到,这些内容不会改变文档的内容,不会出现在DOM 中,不会被复制。仅仅在CSS渲染层加入。<!DOCTYPE html><html><head><meta charset="utf-8"> <title>伪元素</title

2022-04-26 18:00:00 325

原创 vue 中 v-model .sync 双向数据绑定

数据绑定原理数据绑定的几种形式数据绑定的实现

2022-04-25 10:57:48 453

原创 Vue中 .sync修饰符与$emit(update:xxx)

Vue中 .sync修饰符与$emit(update:xxx)

2022-04-25 10:57:16 984

原创 Vue 引用全局公共样式

1.在assets文件夹中创建全局样式表css文件2,global.less 中写入全局样式/* 全局样式表 */html,body{ width:100%; height:100%; margin:0; padding:0;}body,p,dl,dd,ul,ol,li,div,h1,h2,h3,h4,h5,h6,form,input,table,tr,td{ margin:0; padding:0;}body{ font-family: "微软雅黑",

2022-04-20 11:34:16 1759 1

原创 javaScript ‘‘ , {} , [],undefined 和 null true 和 false 判断

由此可以看出 a=’’ 为 falsea= {} 为 truea=undefined 为 falsea=null 为 falsea=[] 为 true

2022-04-18 23:32:53 838

原创 vue mixin 的使用

什么是 mixinmixin 中文是混入的意思,用来分发Vue中的可复用的功能。一个混入对象可以包含任意的组件选项。当组件使用混入对象时,所混入的选项被混入,该组件本身的选项举例://定义一个混入对象var myMixin = {created:function(){this.hello() },methods:{ hello:function(){ console.log('hello from mixin!') } }}// 定义一个使用混入对象的组件var Compo

2022-04-18 22:56:02 177

原创 vue :src 引用图片问题

问题我们引用图片,正常的静态img 图片是这么引用的<img src="@/assets/img/icoms/people.png"/> 没问题,只要路径正确在 vue中动态的引用 img 绑定 :src<img :src="@/assets/img/icoms/people.png"/> 发现图片根本加载不出来,因为 :src 根本不能解析 @/assets/img/icoms/people.png那怎么办呢,我们在封装组件的时候,是动态引用的的需要 :src解

2022-04-11 12:02:22 2238

原创 解析 javaScript 中的Promise

解析 javaScript 中的Promise

2022-04-11 10:44:24 958

原创 插槽的理解与使用

vue 插槽vue 通过 props + emit来进行父子组件传参,props 可以传各种类型,string,list,等等,但传不了组件或者html,针对这个问题 vue的插槽功能应运而生。插槽分为 插槽、具名插槽、作用域插槽List item...

2022-04-07 09:19:48 925

原创 let that = this 或者 var that = this 有什么意义

在vue 开发过程中我们经常会发现 let that = this这样写有什么好处呢首先要理解this,下面简述两点this 永远指向一个对象this 的指向取决于函数调用的位置首先 this 指向的是一个对象,这个好理解,难就难在第二点,在JavaScript 中 一切都是对象,运行环境也是对象,this 的指向是动态的很难确定指向那个对象$('#conten').click(function(){ //this是被点击的#conten var that =thi

2022-04-06 12:42:46 1078

原创 vue data 中如何让一个值赋给另一个值

如下代码:data(){ return { items:['A','B','C'], spec:{ filed:'test' items:this.items } }}发现报错,TypeError: Cannot read property ‘items’ of undefined后来发现自己傻了赋值的时候,data都没有执行完,this.items 根本没有生成所以重新改下data(){ return { items:['A','B','C'],

2022-04-02 17:31:47 4390

原创 js map 、filter 、forEach 、every、some 的区别和用法

js map 、filter 、forEach 、every、some 的区别和用法map首先map 就是将原数组 映射成 新的数组;其次map 有返回值filterfilter 对数组中的每个元素都执行一次指定的函数(callback),并且创建一个新的数组,该数组元素是所有回调函数执行时返回值为 true 的原数组元素。它只对数组中的非空元素执行指定的函数,没有赋值或者已经删除的元素将被忽略,同时,新创建的数组也不会包含这些元素。比如说一棵树 删选出二级节点,过滤掉一级节点forea

2022-04-01 11:04:29 711

原创 vue中 jsbarcode的使用技巧

vue 生成条形码 jsbarcode安装jsbarcodenpm install jsbarcode --save 引入依赖包import JsBarcode from 'jsbarcode'定义 img 标签<img id="barcode" />在使用页面生成 JsBarcode('#barcode', 'DY2020080400088', { format: 'CODE39', lineColor: '#000', backgr

2022-03-31 09:26:42 2104

原创 JSON.stringify() 用法

JSON.stringify() 用法JSON.stringify() 方法将一个 JavaScript 对象或值转换为 JSON 字符串,如果指定了一个 replacer 函数,则可以选择性地替换值,或者指定的 replacer 是数组,则可选择性地仅包含数组指定的属性。console.log(JSON.stringify({ x: 5, y: 6 }));// expected output: "{"x":5,"y":6}"console.log(JSON.stringify([new Num

2022-01-05 15:45:46 795

原创 欢迎来到MES App Tech Support

mesAPP 为生产活动提供全方位决策支持,进行生产过程管理,使用MES轻量级应用框架,去除模块依赖性,易于功能扩展。

2020-12-15 11:21:35 370 1

空空如也

空空如也

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

TA关注的人

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