LiuYQing-CSDN博客

原创 JavaScript实用工具函数

1.数字操作(1) 生成指定范围随机数export const randomNum = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;(2) 数字千分位分隔export const format = (n) => { let num = n.toString(); let len = num.length; if(len <= 3) { return

2021-10-28 18:24:06 214

原创关于vue

1.对于MVVM的理解MVVM是 Model-View-ViewModel 的缩写。Model：代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。我们可以把Model称为数据层，因为它仅仅关注数据本身，不关心任何行为。View：用户操作页面，当ViewModel对Model进行更新的时候，会通过数据绑定更新到View。ViewModel：业务逻辑层，View需要什么数据，ViewModel要提供这个数据；View有某些操作，ViewModel就要响应这些操作，所以可以说它是Mo

2021-10-25 23:37:01 147

原创 Vue3.0高频面试题

1. Vue 3.0 性能提升主要是通过哪几方面体现的？(1) 响应式系统提升vue2在初始化的时候，对data中的每个属性使用definepropery调用getter和setter使之变为响应式对象。如果属性值为对象，还会递归调用defineproperty使之变为响应式对象。vue3使用proxy对象重写响应式。proxy的性能本来比defineproperty好，proxy可以拦截属性的访问、赋值、删除等操作，不需要初始化的时候遍历所有属性，另外有多层属性嵌套的话，只有访问某个属性的时候，才.

2021-10-25 11:22:56 851

原创如何居中一个元素

本文主要介绍水平居中，垂直居中，还有水平居中各种办法，思维导图如下：一、水平居中1.行内元素水平居中利用text-align: center;可以实现在块级元素内部的行内元素水平居中。此方法对inline、inline-block、inline-table和inline-flex元素水平居中都有效。.parent { /*在父容器设置*/ text-align: center;}此外，如果块级元素内部包着也是一个块级元素，我们可以先将其由块级元素改变为行内块元素，再通过.

2021-10-24 21:02:30 173

原创 CSS常见技巧汇总

1.设置input的placeholder的字体样式<input type="text" placeholder="请设置用户名"> 设置input占位符的样式input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: red;}input::-moz-placeholder { /* Firefox 19+ */ color: red;}input:...

2021-09-27 20:03:40 131

原创 H5&C3基础测试题

1.display:none与visibility:hidden的区别是什么？答：display：隐藏对应的元素但不挤占该元素原来的空间； vivibility：隐藏对应的元素并且挤占该元素原来的空间2.说明px、 em 、 rem三者关系答：px：长度单位，表示一个像素点 em：相对长度单位，表示当前元素上的字体大小 rem：相对长度单位，表示根(html)元素上声明的字体大小3....

2021-09-25 19:18:34 272 1

原创 ES6的内置对象扩展

Array的扩展扩展运算符可以应用于合并数组//方法一letary1=[1,2,3];letary2=[3,4,5];letary3=[...ary1,...ary2];//方法二ary1.push(...ary2);扩展运算符可以将伪数组或可遍历对象转换为真正的数组letoDivs=document.getElementByTagName('div');oDivs=[...oDivs];...

2021-09-25 18:56:07 179

原创 ES6的新增语法

letES6中新增的用于声明变量的关键字特点：1.let声明的变量只在所处于的块级有效if(true){ leta=10;}console.log(a)//aisnotdefined2.在业务逻辑比较复杂时，能够防止内层变量覆盖外层变量3.拥有块级作用域的变量还有一个好处防止循环变量变成全局变量4.不存在...

2021-09-25 18:37:50 810

原创 js中基础算法题

1.如何实现数组中的去重，即arr = [1,1,2,3,4,3,3,5,6,4]进行代码处理变成arr = [1,2,3,4,5,6]案例分析：1.需要一个去重后接收数据的新数组newArr=[]2.循环遍历旧数组中的数据i=0;i<arr.length;3.查找newArr中是否有当前遍历的旧数组中的当前值newArr.indexOf(arr[i])==-14.如果等于-1就说明newA...

2021-09-02 20:01:00 395

原创 JS中数组小案例

案例一：删除指定数组元素要求：将数组[2, 0, 6, 1, 77, 0, 52, 0, 25, 7]中的0去掉后，形成一个不包含0的新数组案例分析：1.需要一个新数组用于存放筛选之后的数据2.遍历原来的数组，把不是0的数据添加到新数组里面(此时要注意采用数组名+索引的格式接收数据)3.新数组里面的个数，用length不断累加代码实现：案例二：翻转数组要求：将数组['red', 'green', 'blue', 'pink'...

2021-08-30 19:27:30 1169

原创 CSS选择器之复合选择器

复合选择器：目的是为了可以选择更准确更精细的目标元素标签复合选择器是由两个或多个基础选择器通过不同的方式组合的1.后代选择器又称为包含选择器作用：用来选择元素或元素的子孙后代其写法就是把外层标签写在前面，内层标签写在后面，中间体用空格分隔，先写父亲爷爷，再写儿子孙子：父级子级{属性:属性值;属性:属性值;} 语法： .c...

2021-08-23 19:47:55 1362

原创 CSS选择器之CSS基础选择器

CSS选择器作用：找到特定的html页面元素CSS基础选择器 1.标签选择器(元素选择器)--是指用HTML标签名作为选择器，按标签名分类，为页面中某一类标签指定统一的CSS样式，语法如下：标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;} 作用：标签选择器可以把某一类表圈全部选择出来，比如所有的div标签和所有的span标签优点：是能快速为页面中同类型的标签统一样式缺点：不能设计差异化样式 ...

2021-08-23 19:33:03 1823

原创 CSS简介

CSS概述CSS指层叠样式表（Cascading Style Sheets）样式定义如何显示HTML元素，样式通常存储在样式表中把样式添加到HTML4.0，是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率，外部样式表通常存储在CSS文件中多个样式定义可层叠为一个，样式表允许以多种方式规定样式信息。样式可以规定在单个的HTML元素中，在HTML页的头元素中，或在一个外部的CSS文件中，甚至可以在同一个HTML文档内部引用多个外部样式表。层叠次序一般而言，所...

2021-08-10 20:02:26 95

原创浅聊HTML

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。...

2021-08-02 22:33:50 237

原创网络架构模式 B/S C/S

B/S Browser/Server（浏览器/服务器）模式这种模式统一了客户端，让核心的业务处理在服务端完成。你只需要在自己电脑或手机上安装一个浏览器，就可以通过web Server与数据库进行数据交互。这种“B/S”结构有很多好处，维护和升级方式更简单，客户端是浏览器，基本不需要维护，只需要维护升级服务器端就可以。B/S架构有三层，分别为：第一层表现层：主要完成用户和后台的交互及最终查询结果的输出功能。第二层逻辑层：主要是利用服务...

2021-07-27 18:50:43 4267

原创 git学习

git安装git --version // 检测git版本 gitee 码云注册 github创建仓库上传代码注：一个本地仓库和云端的git仓库只能一一对应0. 告诉本地的git软件你是谁git config --global user.name "刘岳清"git config --global user.email "9497884+liuyue...

2021-07-27 18:21:33 107

LiuYQing的博客