vue
就是要盘vue
胖布欧VS卡卡罗特
这个作者很懒,什么都没留下…
展开
-
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 · 1287 阅读 · 1 评论 -
javaScript 深拷贝和浅拷贝
深拷贝 浅拷贝 deepCopy原创 2022-06-29 19:28:43 · 306 阅读 · 0 评论 -
剖析 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 · 10786 阅读 · 0 评论 -
浅析 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 · 6794 阅读 · 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<原创 2022-04-27 11:52:37 · 4126 阅读 · 0 评论 -
浅析CSS3中伪元素和伪类
伪元素伪元素本身不存在DOM文档中,它只是逻辑上的存在,无法通过JS获取改变它用,例如:用::before和::after 在一些存在的元素前后添加文字样式等,这些被添加的内用会以具体的UI显示出来,被用户看到,这些内容不会改变文档的内容,不会出现在DOM 中,不会被复制。仅仅在CSS渲染层加入。<!DOCTYPE html><html><head><meta charset="utf-8"> <title>伪元素</title原创 2022-04-26 18:00:00 · 319 阅读 · 0 评论 -
vue 中 v-model .sync 双向数据绑定
数据绑定原理数据绑定的几种形式数据绑定的实现原创 2022-04-25 10:57:48 · 439 阅读 · 0 评论 -
Vue中 .sync修饰符与$emit(update:xxx)
Vue中 .sync修饰符与$emit(update:xxx)原创 2022-04-25 10:57:16 · 938 阅读 · 0 评论 -
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 · 1722 阅读 · 1 评论 -
javaScript ‘‘ , {} , [],undefined 和 null true 和 false 判断
由此可以看出 a=’’ 为 falsea= {} 为 truea=undefined 为 falsea=null 为 falsea=[] 为 true原创 2022-04-18 23:32:53 · 801 阅读 · 0 评论 -
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 · 163 阅读 · 0 评论 -
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 · 2156 阅读 · 0 评论 -
解析 javaScript 中的Promise
解析 javaScript 中的Promise原创 2022-04-11 10:44:24 · 943 阅读 · 0 评论 -
插槽的理解与使用
vue 插槽vue 通过 props + emit来进行父子组件传参,props 可以传各种类型,string,list,等等,但传不了组件或者html,针对这个问题 vue的插槽功能应运而生。插槽分为 插槽、具名插槽、作用域插槽List item...原创 2022-04-07 09:19:48 · 908 阅读 · 0 评论 -
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 · 1039 阅读 · 0 评论 -
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 · 4176 阅读 · 0 评论 -
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 · 2039 阅读 · 0 评论