qq_42822993的博客

身份证正则表达式(常见)

qq_42822993 — Tue, 28 Sep 2021 21:36:51 +0800

身份证正则表达式(常见) 15位的身份证正则表达式： /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$/; 解释： [1-9]\d{5} &n

什么？防抖节流就是一个这么简单的玩意？

qq_42822993 — Mon, 27 Sep 2021 23:10:42 +0800

防抖节流个人看法讲解一、对防抖节流的认知我以为的防抖节流：实际上的防抖节流：详细请往下看二、我开始正经了 -------------------防抖 ------------------- 首先先看一个问题：公司给了一个电商里一个搜索框的小模块，需求： 1.用户输入关键词 2.系统给出推荐的相关商品解决思路：简单，一个输入框加一个oninput事件，事件里执行推荐操作不就搞定啦？错错错！如果你是这样想的，你会得到下面的效果：你会发现，用户每输入一个字你就进行一次处理，我这里举例用的是.

call()、apply()、bind()方法的区别和相似点

qq_42822993 — Mon, 27 Sep 2021 11:15:52 +0800

call()、apply()、bind()方法的区别和相似点一、切换函数执行的上下文环境（context），即 this 绑定的对象。 1.call() 方法是预定义的 JavaScript 方法。 2.apply() 方法接受数组形式的参数。编写用于不同对象的方法。 3.bind()方法主要就是将函数绑定到某个对象，bind()会创建一个函数，函数体内的this对象的值会被绑定到传入bind()中的第一个参数的值，例如：f.bind(obj)，实际上可以理解为obj.f()，这时f函数体内的this

相对定位、绝对定位、固定定位、粘滞定位、静态定位的参照和区别

qq_42822993 — Sun, 26 Sep 2021 10:54:55 +0800

相对定位、绝对定位、固定定位、粘滞定位、静态定位的参照和区别定位类型参考点是否脱离文档流相对定位相对原先自己的位置不脱离绝对定位相对具有定位属性的上层元素脱离固定定位相对浏览器窗口定位脱离粘滞定位相对定位+固定定位组合，有临界值脱离 ...

Cannot use import statement outside a module

qq_42822993 — Sun, 26 Sep 2021 09:29:32 +0800

问题： Cannot use import statement outside a module 解决方法： 1.打开package.json文件 2.在“main”:'xxxxx.xxx’下面添加代码"type":"module", 注意：末尾添加逗号 3.保存关闭package.json文件

什么！？ES6这么好用，我居然不知道？

qq_42822993 — Fri, 24 Sep 2021 21:13:18 +0800

一、新增let和const 关键字块级作用域变量声明提升初始值 var Y Y - let X X const X Y 必须有二、新增箭头函数 //普通函数 var fn1 = function (param) { return param++; } // 箭头函数 let fn2 = (param) => { return param++; } 三、新增 '扩展运算符 ’ 和 ‘解构’ 操作扩展运算符 …会把数组中的每一项展开，分别赋值给等

用Babel-cli将ES6转ES5

qq_42822993 — Fri, 24 Sep 2021 20:27:17 +0800

用Babel-cli将ES6转ES5 一、为什么要转ES5 虽然ES6非常好用，但并不是所有浏览器所有客户端都适应ES6的，降成ES5是为了更强的使用性。二、安装转换工具 babel-cli 1.第一步初始化文件夹（如果已经有package.json文件说明已经初始化过了，可以跳过）右键在文件夹在终端中打开，输入命令npm init -y或者cnpm init -y 2.在终端继续输入命令cnpm install --global babel-cli安装 ba

ES6模块化，前端工程的核心！

qq_42822993 — Fri, 24 Sep 2021 19:59:45 +0800

ES6模块化，前端工程的核心！一、什么是模块化？为什么要模块化？概念：模块化把一个复杂的程序板块划分成多个小模块，每一个小模块实现某一特定的功能，目的是为了降低耦合度，提高复用率。模块化的好处：代码可读性高便于维护方便各模块间组合复用有利于多人共同维护一个项目可进行单元测试二、ES6中的模块化 1.背景在 ES6 之前，社区制定

密码输入框（暗文输入）

qq_42822993 — Fri, 24 Sep 2021 10:24:58 +0800

密码输入框（暗文输入）一、暗文与明文密码框实际上就是一个设置了type属性的 input标签明文输入：暗文输入：二、效果三、代码明文
暗文四、扩展常用的type属性取值还有 type 效果 radio 单选框

鼠标悬浮时缓慢放大图片（过渡transition）

qq_42822993 — Fri, 24 Sep 2021 09:58:34 +0800

鼠标悬浮时缓慢放大图片（过渡transition）一、不添加过渡效果：代码：

画布canvas的基础使用

qq_42822993 — Tue, 14 Sep 2021 18:23:48 +0800

画布canvas的基础使用一、基本用法 (1)创建并获取canvas对象–获取画布通过document.getElementById()等方法取得canvas对象。 (2)取得上下文(context) 图形上下文是一个封装了很多绘图功能的对象，用于实现绘制操作，参数只能是“2d” (3)定义填充样式 context.fillStyle=‘red’ (4)绘制填充图形、线条、边框、图像等例1：绘制一个填充矩形效果： html代码

jQuery注意点及常用函数总结

qq_42822993 — Tue, 14 Sep 2021 16:01:11 +0800

jQuery注意点及常用函数总结 1. 1.jQuery库包含以下功能 * HTML选取 * HTML元素操作 * CSS操作 * HTML事件函数 *

什么是深拷贝和浅拷贝，如何进行浅拷贝？

qq_42822993 — Fri, 10 Sep 2021 18:32:27 +0800

什么是深拷贝和浅拷贝，如何进行浅拷贝一、了解深浅拷贝前先来了解一个堆区、栈区栈区存放基础数据类型的值(引用或常量) 堆区存放引用数据类型的值浅拷贝：直接赋值地址深拷贝：在内存中新建一个新的拷贝对象，将引用赋值二、数组深拷贝 1.for循环拷贝 2.slice() 3.concat() 4.ES6的扩展运算符… 三、对象深拷贝方法1：使用 JSON.parse(JSON.stringify(obj)); var obj={ name:'zhangsan', age:12 } var

500错误及服务器内部错误

qq_42822993 — Fri, 10 Sep 2021 16:45:36 +0800

500错误及服务器请求错误一、简言：500错误代表着你请求的后端或者说服务器端出现了错误。可能的原因非常多，因为很多程序内部都会把代码运行出现的错误捕捉然后直接返回一个“服务器内部错误500”，这也就导致了我们在前端发送请求时见到的错误500次数如此多的原因。因为有些时候不管后台哪一个地方的逻辑错了，都会给我们返回500. 二、500到底是什么？

JavaScript常见面试题及答案(1)

qq_42822993 — Thu, 09 Sep 2021 11:14:44 +0800

JavaScript常见面试题及答案(1) 1.js组成 ECMAScript，描述了该语言的语法和基本对象。(JS核心语言标准) 文档对象模型（DOM），描述处理网页内容的方法和接口。是针对XML的基于树的API。描述了处理网页内容的方法和接口是HTML和XML的API，DOM把整个页面规划成由节点层级构成的文档。浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。 2.js代码可以运行在什么地方 1.Nodejs环境下 2.浏览器中 3.js里面的内置函数及对象有哪些

JavaScript内置对象总结

qq_42822993 — Thu, 02 Sep 2021 17:50:06 +0800

JavaScript内置对象总结方法描述 Arguments 函数参数类数组对象 Array 数组对象 Boolean 布尔对象 Date 日期时间 Error 异常对象 Function 函数构造器对象 Match 数值对象 Object 基础对象 RegExp 正则表达式对象 String 字符串对象 ...