- 博客(29)
- 收藏
- 关注
RSS订阅原创 小程序和h5,请求列表接口自带分页，上拉加载更多
这是关于小程序和h5列表调取接口时，自带分页和上拉加载更多的代码，每次加载10条数据，是封装好的，直接传请求参数和接口就可使用。
2022-10-26 15:28:30
361
1
原创 密码登陆强度的验证
密码强度的验证，在这密码强度分为三级，一级为纯数字或者纯字母或者纯特殊符号，特殊符号不满足的可以自己加~!@#$%^&*// 输入存数字，或者纯字母，或者，纯特殊符号 const weakTips = /^[0-9]{5,18}$|^[a-zA-Z]{5,18}$|^[~!@#$%^&*]{5,18}$/二级为数字和字母，或者字母和特殊符号，或者数字和特殊符号，// 输入数字，字母，特殊符号其中两样 const middleTips =
2022-04-24 12:06:10
318
原创 element-ui 比较时间的大小
时间选择器开始时间和结束时间分开时，一般结束时间不能小于开始时间，代码如下：<el-form-item label="任务开始时间:" prop="taskStartTime"> <div class="block"> <el-date-picker v-model="form.taskStartTime" value-format="yyyy-MM-dd"
2021-11-15 16:46:56
2005
1
原创 element-ui ,table表格的反选
反选就是顾客选择的数据在顾客编辑查看的时候要是已选择的状态，让顾客知道那些是已经选择了的。重点：我们的思想是把我们已经选择的数据和表格的数据做判断，因为我们选择的数据是从表格里面选择的，所以他们一定会有相同的数据，我们就让他们相同的数据显示被选中的状态就可以了。watch: { tableData: { immediate: true, deep: true, handler(list) { if (list.length) {
2021-11-03 10:32:00
603
原创 手机号码，数字和保留两位小数点的正则表达式
1.手机号码的验证正则表达式：/^[1]([3-9])[0-9]{9}$/在vue的表单中这样写： const checkPhone = (rule, value, callback) => { const phoneModel = /^[1]([3-9])[0-9]{9}$/ if (!phoneModel.test(value)) { return callback('请输入正确的手机号') } callback() }
2021-11-03 09:34:42
193
原创 Cookie、 session、localStorage 和sessionStorage的存储区别
你用过哪些存储，都有什么区别Cookie sessionlocalStorage sessionStorage（属于H5的）Cookie是浏览器的属性 ，在客服端存储信息， 大小为4KB,一般用于存储用户名和密码。一、主要内容包括：名字、值 、过期时间 、路径和域。如果不设置时间，cookie存活的时间就是浏览器会话期间，浏览器关闭之后cookie就会消失，使用成为会话cookie。 客户在第一次登录的时候会发送cookie属性给服务器 ，服务器返回cookie方法
2021-04-17 14:07:02
389
1
原创 谈谈get和post的区别
谈谈get和post的区别GET：1.倾向向服务器获取数据2.直接在地址后面进行拼接（请求体是空的）3.大小限制为2KB左右4.会被浏览器主动缓存5.相对于POST请求不是很安全（明文发送）6.对参数的数据类型，GET只接受ASCII字符7.GET产生一个TCP数据包（对于GET方式的请求，浏览器会把http header和data一并发送出去，服务器响应200（返回数据））8.GET请求只能进行url编码，参数通过URL传递，POST:1.倾向于向服务器传递数据2.在请求体里传递数
2021-04-11 21:54:03
85
原创 深拷贝和浅拷贝的区别
1.浅拷贝在创建新实例类型时会用到，并保留在新实例中复制的值。浅拷贝用于复制引用指针，就像复制值一样。这些引用指向原始对象，并且在类的任何成员中所做的更改也将影响它的原始副本。浅拷贝允许更快地执行程序，它取决于所使用的数据的大小。//浅拷贝let a = [ 1 , 2 , 3 ];let b = ab.push(4)console.log(a) // [1, 2, 3, 4]console.log(b) // [1, 2, 3, 4]2.深拷贝用于存储已复制的值。深层复制不会将引用指针
2021-04-05 21:29:59
255
原创 详解js异步加载的三种方式
详解js异步加载的三种方式一.同步加载默认正常模式下，JS是同步加载的，及优先加载JS，只有当JS文件下载完，dom和css才开始加载同步加载是我们使用最多的一种方式，同步模式，又称为阻塞模式，会阻止浏览器的后续处理，停止后续的解析，要等js加载完并执行之后才能执行下一步，所以默认同步执行是最安全的。但这样如果js中有输出document内容、修改dom、重定向等行为，就会造成页面堵塞。所以一般建议把缺点：过多js加载会影响页面效率，一旦网速不好，那么整个网站将等待js加载而不进行后续渲染等工作。&
2021-03-28 22:03:01
5320
原创 JavaScript中var,let和const的区别
JavaScript中var,let和const的区别前言在es6出现之前，javaScript中声明变量就只通过var 关键字，函数声明是通过function关键字，而在es6之后，声明的方式有var ,let,const,function,class,本文主要讨论var ,let ,和const之间的区别一.var如果使用关键字 var 声明一个变量，那么这个变量就属于当前的函数作用域，如果声明是发生在任何函数外的顶层声明，那么这个变量就属于全局作用域。举例说明：var a = 1; //此处
2021-03-20 15:55:23
111
原创 详解http和https原理及区别
详解http和https原理及区别http和https都是解决客服端和服务端交互的问题，http原理http是文明协议，其实http是没有什么原理的 ，就只是简单的客服端访问服务端 服务端给响应的过程http安全问题http在传输信息的时候 别人是能看到通信内容的 所以面临的危险有：1.窃听风险：黑客可以获知通信内容2.篡改风险：黑客可以修改通信内容3.冒充风险：黑客可以冒充他人的身份参与通信https原理https相对于http来说 就是多了一个ssl (安全性) 就是对通信内
2021-03-20 14:55:30
174
原创 # 全屏接口的使用
全屏接口的使用1.开启全屏：requestFullScreen()2.退出全屏:cancelFullScreen()3.是否是全屏状态:FullscreenElement兼容性：不同浏览器要添加不同前缀谷歌：webkit- 火狐：moz- 微软IE：ms-cancelFullScreen() & FullscreenElement 都是对document进行判断CSS代码： <style> .box img { widt
2020-12-24 19:59:41
220
2
原创 transition属性和transform属性
transition属性和transform属性transition在CSS3里使用transition可以实现补间动画（过度效果），并且当前元素只要有“属性”发生变化时就会存在两种情况。就可以实现平滑的度过，语法格式：transition:要过度的属性 花费时间 运动曲线 何时开始；如果有多组属性变化，用逗号隔开属性描述transition简写属性，用于在一个属性中设置四个过渡属性。transition-property过渡 属性的名称。transiti
2020-12-24 19:57:26
1091
1
原创 正则及举例
正则及举例1.基本元字符1> . 表示任一个非换行的字符2> () 表示分组和提高优先级3> [] 表示一个字符, 出现在 [] 中的字符4> | 或var rega = /./ var stra = 'adf' console.log(rega.test(stra)); //true var reg = /[as]/ // 匹配a或s var reg1 = /[f]/ var st
2020-12-20 21:22:26
119
原创 定时器
1 设置定时器1.setTimeout()到达间隔时间之后，只调用一次回调函数语法：setTimeout(回调函数，间隔时间)时间以毫秒为单位返回这个定时器的标识符 是数字类型CSS代码： <style> * { margin: 0; padding: 0; } .box { width: 200px; height:
2020-12-13 22:03:12
209
原创 事件冒泡和事件捕获
事件的三个阶段捕获阶段当前目标阶段冒泡阶段事件对象.eventPhase属性可以查看事件触发时所处的阶段冒泡事件：事件由目标元素往外层触发，至document元素 <style> .box1 { width: 300px; height: 300px; background-color: cyan; } .box2 {
2020-12-13 20:41:30
198
原创 this详解
this详解现在我们需要掌握函数内部的this几个特点1.函数在定义的时候this是不确定的，只有在调用的时候才确定。2.一般函数在执行时，内部this指向全局window.3.函数作为一个对象的方法，被该对象所调用，那么this指向的是对象（谁调用指向谁）。4.构造函数中的this，对象的实例下面相关例题： // 1. 普通函数 function fn() { console.log(this); // this 指向 window
2020-11-29 23:44:40
148
原创 详解for循环结构
详解for循环结构格式：boolean类型for(初始化语句;判断条件语句;控制条件语句){ //循环体结构}执行顺序：1.先执行初始化语句，2.然后执行判断语句，看结果是true 还是false ，如果是true 则继续执行， 如果是false 则循环结束。3.执行循环体语句4.执行控制条件语句5.回到步骤2，继续<script> var j=5; //此时 当i=0的时候 ，判断i是否小于j， 如果是true ，则输出i
2020-11-28 16:06:53
1134
原创 什么是变量
变量变量是一块内存空间，用于保存数据 内存：存取速度快 ，数据容易丢失 硬盘：存取速度慢， 数据永久保存 程序在运行中仅和内存打交道**变量名：**内存空间的别名，可以自定义var a ;//a是变量名 但凡需要自定义命名的位置，都叫着标识符**变量值：**保存在变量中的数据，var a =1 ;//1是变量值变量的三要素：1.数据类型 ： 决定在内存中分配的空间2.变量名 ： 空间别名3.值 ：空间中存储的数据变量的声明语法： 1.声明变量 2
2020-11-21 12:08:35
282
原创 JS中有哪些数据类型？
数据基本类型数据类型 就是我可以了解到的是描述数据的类型数据简单的来说就是一些有用的信息，它的最小空间（内存，硬盘）是位8bit(二进制)=1byte(字节)1024byte=1kb1024kb=1MB1024MB=1GB1024GB=1TBjs基本的数据类型 ：数字类型，字符串型，布尔型，undefined，null ,对象类型,数组基本类型（原始类型）不可以在细分的类型1.数字类型number可以表示32（4个字节）位的整数，也可以表示64位（8个字节）的小数（浮点数）数字类型
2020-11-21 11:03:32
360
原创 CSS清除浮动的几种方法
CSS清除浮动的几种方法首先，浮动有几个很重要的性质脱标：脱离标准文档流贴边（浮动会紧贴着浮动方向的边字围（浮动元素不会挡住没有浮动元素中的文字, 没有浮动的文字会自动给浮动的元素让位置,这个就是浮动元素字围现象收缩：一个浮动的元素，如果没有设置width，那么将自动收缩为文字的宽度这点非常像行内元素。我们也将会利用这几个性质进行清除浮动清除浮动的几个方法1，父级div定义 height<style> .div1 { backgrou
2020-11-15 23:48:18
128
原创 ## CSS样式声明冲突解决方法
CSS样式声明冲突解决方法查找一些教材中（w3schools等），只说css的顺序是“元素上的style” > “文件头上的style元素” >“外部样式文件”，但对于样式文件中的多个相同样式的优先级怎样排列，没有详细说明。在css中，会根据选择器的特殊性来决定所定义的样式规则的次序，具有更特殊选择器的规则优先于一般选择器的规则。如果两个规则的特殊性相同，那么后定义的规则优先。经过测试和继续搜索，得知优先级如下排列：1.比较重要性1.作者样式中的!important样式 IE版本太低不
2020-11-14 23:03:46
375
原创 css基础选择器
css基础选择器选择器1.元素选择器匹配页面所有相同的元素，即页面中相同的元素有相同的样式声明使用。2.ID选择器尽量少用，页面中某个元素特殊的样式声明#idName{}3.类选择器同一页面中任何元素（只需要class的属性值相同）有相同样式声明class的属性值可以写多个.className{}4.通配符选择器能匹配页面里面的所有元素*{}5.属性选择器根据属性名和属性值选中元素6.伪类选择器伪类由一个冒号:开头，冒号后面是伪类的名称和包含在圆括号中的可选
2020-11-06 23:47:30
247
原创 详解HTML常用标签
详解HTML常用标签HTML标签对大小写不敏感，但推荐使用小写HTML标签一般是成对出现的，左边标签一般叫开始标签，右边标签叫结束标签，有始有终，除了些个别是单闭合标签。单闭合标签简称单标签 也叫空标签1.单标签标签功能<br/>插入一个简单的换行符<hr/>定义水平线定义，把上下内容分开<area/>定义图像内部的区域<bace/>定义页面中所有链接的默认地址或目标<img/>定义
2020-11-04 17:44:58
172
1
原创 如何使用js动态创建表格？
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="box"></div> <script> //模拟数据 var headDates = ['姓名','科目','分数','操作'] var
2020-10-27 20:09:53
343
2
原创 javascript函数相关例题
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、函数是什么？二、相关知识及案例如下：1.带参数的函数2.带返回值的函数总结欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与
2020-10-22 00:23:25
455
2
原创 拖拽图案案例
如何让盒子被鼠标拖动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * {
2020-10-20 20:55:49
117
1
翻译 编写一个函数，将如下字符串‘get-element-by-id‘修改为‘geTelemenTbYid
此处有三种方法，具体操作如下：第一种方法：var msg = 'get-element-by-id' while(msg.indexOf('t') != -1) { msg = msg.replace('t','T') } var a = msg.replace('y','Y') // console.log(a) var b = a.split('-') var str = b[0]+b[1]+b[2]+b[3] console.log(str) 第二种方法：
2020-10-13 20:15:00
1505
原创 web前端数组操作有哪些？
concat() 连接两个或多个数组，返回一个新的数组。slice() 数组截取slice(begin, end)，返回被截取项目的新数组。splice() 数组删除splice(第几个开始,要删除个数)，返回被删除项目的新数组 注意，这个会影响原数组eg:...
2020-10-13 20:04:36
264
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人