二个小朋友-CSDN博客

原创 vue通过自定义组件禁止input输入框输入emoji表情

首先封装好js文件，代码如下，如需自取：import emojiRegex from 'emoji-regex'; //npm install emoji-regeximport Vue from 'vue';Vue.directive('clearEmoji', { bind(el, binding, vnode, oldVnode) { const regex = emojiRegex(); const obj = el.querySelectorAll('.el-input

2022-05-30 15:36:45 814

原创实现element多级复选框封装，带有全部选中功能vue

element多级复选框封装组件，带有全部选中功能<template> <div class="publish-dialog"> <el-dialog title="发布范围" :visible.sync="showSizeDialog" > <div class="dialog-title"> <div v-for="(item, index) in tab

2021-09-01 17:17:30 739

原创小仙女总结computed、methods以及watch的区别

computed:computed计算属性是基于他们的依赖进行缓存的，computed只有在它的相关依赖发生改变时才会重新求值不需要在data中直接声明出要计算的变量。计算属性默认只有getter，可以在需要的时候自己设定settercomputed: { fullName: { // getter get: function () { return this.firstName + ' ' + this.lastName }, // setter

2020-06-08 16:30:31 183 1

原创自学总结：ES6新特性（一）

目前各大浏览器基本上都支持 ES6 的新特性，其中 Chrome 和 Firefox 浏览器对 ES6 新特性最友好，IE7~11 基本不支持 ES6。对于浏览器的兼容问题ES6可以通过 babel 转化成ES5.webpack里面有添加babel进行转化1. let和constlet 声明的变量只在 let 命令所在的代码块内有效。const 声明一个只读的常量，一旦声明，常量的值就不能改变。let var的区别let：在代码块内有效，声明的变量只会声明在当前作用域内. var:

2020-06-02 16:28:36 349

原创 em rem px区别以及vw vh

em rem px区别px是固定的像素，一旦设置了就无法因为适应页面大小而改变。em和rem相对于px更具有灵活性，他们是相对长度单位，意思是长度不是定死了的，更适用于响应式布局。em相对于父元素，rem相对于根元素。em的特点：1.子元素字体大小的em是相对于父元素字体大小。2.子元素的width/height/padding/margin用em的话是相对于该父元素的font-size。rem的特点：rem是全部的长度都相对于根元素—html元素。通常做法是给html元素设置一个字体大

2020-05-29 11:08:40 325

原创什么是flex布局？

什么是flex布局？注意：设为flex布局以后，子元素的float、clear和vertical-align属性将失效。采用Flex布局的元素，称为Flex容器。容器内所有子元素称为flex项目。容器内会生成两条轴，分别是沿水平方向的主轴和垂直方向的交叉轴。项目默认沿主轴排列。容器有六个属性1. flex-direction:项目的排列方向row（默认值）：主轴为水平方向，起点在左端row-reverse:主轴为水平方向，起点在右端column:主轴为垂直方向，起点在上沿column

2020-05-27 14:29:32 621

原创 React自学笔记（一）

React自学笔记（一）JSX(需要babeljs转译)什么叫React元素JSX表达式React 如何区分是JSX元素还是表达式呢？Each child in a list should have a unique "key" prop. （Key值作用）react元素是不可变对象react只会更新必要的部分如何定义组件和组件的属性组件的渲染如何渲染函数组件？如何渲染类组件？props具有只读性如何对属性进行类型校验?类型检查为什么是静态属性JSX(需要babeljs转译)看起来像html，但是

2020-05-27 10:24:58 224

AiYa_He的博客