- 博客(18)
- 收藏
- 关注
RSS订阅
1原创 Navicat for MySQL 出现 lncorrect string value
lncorrect string value: ‘lxE7\x8E\x8B\xE8\x8FxB2’ for column ‘name’ at row 1数据库字段数据插入失败。解决方法如下：右键表格选择“设计表”选中对应字段后看到下方图片，下拉字符集箭头，选择utf8即可...
2022-04-03 20:36:09
491
原创 防抖和节流
防抖事件处理函数在一定时间后才执行，如果这段时间再次调用，则会重新计算时间，如果超出预定时间没有调用，则执行事件函数<style> #container{ height: 200px; background-color: rgb(119, 115, 110); color: white; text-align: center; line-height: 200px; }</style&
2021-10-20 12:12:48
45
原创 三个常见排序算法
冒泡排序1.比较相邻的元素。如果第一个比第二个大，就交换他们两个。2.对每一对相邻元素做同样的工作，从开始第一对到结尾的最后一对。在这一点，最后的元素应该会是最大的数。3.针对所有的元素重复以上的步骤，除了最后一个。4.持续每次对越来越少的元素重复上面的步骤，直到没有任何一对数字需要比较。let arr=[2,1,3,5,4];let bubbleSort=(arr)=>{ // 控制比较的轮数 for(let i=0;i<arr.length-1;i++){
2021-10-10 10:39:40
158
原创 BFC知识点
BFC的定义块级格式化上下文（Block formatting context）。可以把BFC理解成一块独立的渲染区域，把BFC看成是元素的一种属性， 当元素拥有了BFC属性后，这个元素就可以看做成隔离了的独立容器。容器内的元素不会影响容器外的元素。BFC是页面中的一块渲染区域，并且有一套属于自己的渲染规则，它决定了元素如何对齐内容进行布局，以及与其他元素的关系和相互作用。 BFC属于普通流。BFC的布局规则内部的Box会在垂直方向一个接着一个地放置。Box垂直方向上的距离由margin决定。属于
2021-09-29 10:53:05
81
原创 数组去重的6种方法
1.双层for循环去重let arr=[1,2,3,'hello',3,2,'1'];let unique=(arr)=>{ // i为前一项 for(let i=0;i<arr.length;i++){ // j为后一项 for(let j=i+1;j<arr.length;j++){ // 如果后一项与前一项相同就删除后一项 // 如果用==比较，会把最后一个字符串1也删除掉
2021-09-28 10:59:11
84
原创 CommonJS和ES6模块化
1.什么是模块化前端模块化是将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起，块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信。JavaScript 语言，有两种格式的模块。一种是 ES6 模块，简称 ESM；另一种是 Node.js 专用的 CommonJS 模块，简称 CJS。这两种模块不兼容。2.两种模块的差异语法：CommonJS 模块使用require()加载和module.exports输出ES6 模块使用import
2021-09-26 10:57:36
64
原创 DOM事件流
事件流事件流描述了页面接收事件的顺序。1.事件冒泡（IE事件流）事件被定义为从最具体的元素（文档树中最深的节点）开始触发，然后向上传播至没有那么具体的元素（文档）。事件沿DOM 树一路向上，在经过的每个节点上依次触发，直至到达 document 对象。直接在对应方法中使用event.stopPropagation()便可阻止事件冒泡。2.事件捕获（Netscape事件流）最不具体的节点应该最先收到事件，而最具体的节点应该最后收到事件。事件捕获实际上是为了在事件到达最终目标前拦截事件。由于旧
2021-09-22 22:13:21
57
原创 javascript继承
1.原型链ECMAScript 把原型链定义为 ECMAScript 的主要继承方式。其基本思想就是通过原型继承多个引用类型的属性和方法。原型链的基本构想：每个构造函数都有一个原型对象，原型有一个属性指回构造函数，而实例有一个内部指针指向原型。如果原型是另一个类型的实例那么这个原型本身有一个内部指针指向另一个原型，相应地另一个原型也有一个指针指向另一个构造函数。这样就在实例和原型之间构造了一条原型链。// 创建Animalfunction Animal(){ this.name='a
2021-09-16 19:25:25
37
原创 Web存储和WebSocket
Web存储1. cookie1.一般情况下，cookie是产生于服务器端，保存于客户端2.cookie存储在浏览器中，每次浏览器向服务器发送请求都需要携带cookie3.每次都会携带在HTTP请求头里面，如果使用Cookie保存过多数据会带来性能问题4.只针对于服务器，同一个服务器可以共享cookie5.存储少量数据，一般限制在4KB左右通常通过js-cookie这个库来操作cookie// 在头部标签引入js-cookie<script src="https://cdn.boo
2021-09-15 15:29:40
675
原创 Ajax请求的使用
AJAX介绍AJAX即“Asynchronous Javascript And XML”（异步的JavaScript和XML），是指一种创建交互式网页应用的网页开发技术，用于浏览器和服务器之间进行数据交互。AJAX在浏览器与Web服务器之间使用异步数据传输（HTTP请求），这样就可使网页从服务器请求少量的信息，而不是整个页面。AJAX描述了一种主要使用脚本操作HTTP的Web应用架构，AJAX应用的主要特点是使用脚本操纵HTTP和Web服务器进行数据交换，不会导致页面重载。1.XMLHttpReques
2021-09-14 22:46:38
180
原创 数组方法和字符串方法
数组方法方法名描述返回值toString()在默认情况下都会以逗号分隔字符串的形式返回数组项字符串join()使用指定的字符串用来分隔数组字符串字符串Array.isArray()判断某个变量是否是一个数组对象true/falseArray.from()从类数组对象或者可迭代对象中创建一个新的数组实例新数组Array.of()根据一组参数来创建新的数组实例，支持任意的参数数量和类型新数组push()向数组的末尾添加一个或多个元素，并
2021-09-11 11:07:46
50
原创 数组方法重构
重构数组方法需要注意的点调用方式参数，是否改变原数组实现的功能返回值pop()方法功能：删除数组的最后一个元素返回值：删除的元素参数：无Array.prototype.mypop=function(){ if(this.length==''){ return undefined; } else{ var result=this[this.length-1]; this.length--; retur
2021-08-31 18:38:26
167
原创 css盒模型
CSS盒模型内容盒子(W3C盒子)box-sizing: content-box 为默认盒子模型width 属性仅表示盒子内容所占的宽度height 属性仅表示盒子内容所占的高度内容区的宽：width内容区的高：height盒子的宽：width+paddingLeft+paddingRight+borderLeft+borderRight盒子的高：height+paddingTop+paddingBottom+borderTop+borderBottom所占屏幕空间的宽：width+
2021-08-10 21:45:52
49
原创 iconfont图标引入
字体图标字体图标库使用webFont原理，加载一个图标就像加载一个字体一样，通过控制字体大小、字体颜色来控制图标的大小与颜色。目前比较流行的开源字体图标库有iconfont http://www.iconfont.cn/font-awesome http://fontawesome.dashgame.com/iconfont使用步骤打开iconfont网站 https://www.iconfont.cn/搜索要使用的图标将喜欢的图标加入
2021-08-07 12:56:16
270
原创 HTTP知识点
文章目录前言一、HTTP状态码1.常见的HTTP状态码2.HTTP状态码分类二、HTTP 报文1.请求报文2.响应报文3.在火狐浏览器查看请求头和响应头总结前言记录一些刷题遇到的HTTP知识点一、HTTP状态码1.常见的HTTP状态码200 - 请求成功301 - 资源（网页等）被永久转移到其它URL（永久性重定向）404 - 请求的资源（网页等）不存在500 - 内部服务器错误2.HTTP状态码分类分类分类描述1**信息，服务器收到请求，需要请求者继续执行操
2021-08-04 16:46:29
59
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人