学习
关注
分享
扫一扫
文章平均质量分 59
h_jQuery
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
TS学习——第一天
typeScript原创 2023-01-16 11:54:32 · 239 阅读 · 0 评论 -
冒泡排序详解
冒泡排序原创 2022-11-03 14:43:35 · 309 阅读 · 0 评论 -
vue——插槽slot的学习与使用
Slot介绍：插槽就是子组件提供给父组件使用的一个占位符，用 表示，父组件可以向这个占位符中填充任何的自定义内容。1.普通插槽：具名插槽就正常使用，没有别的要求//父组件<mySon>//子组件里面有slot标签自定义的内容才有效<p>我是父组件</p></mySon>//子组件<div><p>我是子组件</p><slot>//父组件自定义的内容在这里面显示<p>如果原创 2022-05-09 16:44:33 · 338 阅读 · 0 评论 -
TCP协议——三次握手
TCP是什么？TCP（Transmission Control Protocol，传输控制协议）是一个面向连接的、可靠的、基于字节流的传输层协议，是面向客户端和服务器端连接的通讯协议。TCP 的三个特点：面向连接、可靠性和面向字节流。客户端的状态：CLOSED、SYN-SENT、ESTABLISHED服务器端的状态：CLOSED、LISTEN、SYN-RCVD、ESTABLISHEDSYN（Synchronize Sequence Numbers），同步序列编号；ACK（Acknowledge原创 2022-05-07 16:32:50 · 799 阅读 · 0 评论 -
JS—字符串String操作方法
concat()concat()：用于将一个或多个字符串拼接成一个新的字符串let str = 'hello world';let res = str.concat('!')console.log(res);//hello world!slice()/substring()/substr()这三个方法都是返回调用它的字符串的一个子字符串，都不影响原字符串，都可以传入一或者两个参数，若省略第二个参数则截取到字符串末尾参数都是正数slice()/substring()：第一个参数是子字符串的开原创 2022-04-28 17:44:51 · 568 阅读 · 0 评论 -
js单线程如何实现异步？
js在浏览器中执行过程同步-异步同步：会逐行执行代码，前面代码执行完毕后再执行后面的代码，因此会对后续代码造成阻塞（js的单线程跟同步差不多）。异步：调用之后先不管结果，先放入文物队列，然后再继续向下执行任务。(将任务添加到任务队列，进行等待，等执行栈清空后再执行任务队列内的任务)异步任务分为宏任务和微任务，微任务优先于宏任务主任务（执行栈）——微任务——宏任务浏览器是js的宿主环境之一，但浏览器是多线程的GUI渲染线程JS引擎线程事件触发线程定时触发器线程异步http请求线程原创 2022-04-07 22:29:44 · 593 阅读 · 0 评论 -
vue项目创建——vue2/vue3
创建项目，vue2，vue3，vite原创 2022-04-07 15:51:53 · 1748 阅读 · 0 评论 -
javascript——数组、对数组的增删改查
数组slice()<script> var arr = ['孙悟空', '猪八戒', '沙悟净', '唐三藏', '白骨精', '蜘蛛精']; // slice(x,y)：用来从数组中提取指定元素。此方法不会改变原数组， // 而是将提取到的元素封装到一个新的数组中 // [x,y):第一个参数是截取的开始位置的索引（包含），第二个参数是截取的结束位置的索引（不包含） var newArr = arr.slice原创 2021-08-17 16:10:08 · 234 阅读 · 0 评论 -
vue学习——模板语法、数据绑定
1.vue是什么？vue是一套用于构建用户界面的渐进式javascript框架，自底向上逐层的应用vue的特点:1.采用组件化模式，提高代码复用率，且让代码更好维护2.声明式编码，让编码人员无需直接操作DOM，提高开发效率3.使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点学习vue之前要掌握的js基础知识：es6语法规范，ES6模块化，包管理器，原型，原型链，数组常用方法，axios，promise…去除下列的vue提示[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直原创 2021-08-17 16:07:25 · 252 阅读 · 0 评论 -
javascript——数组、数组遍历、forEach、增加删除元素
数组(Array)数组也是一个对象，它和普通对象的功能类似，也是用来存储数据的；不同的是普通对象是使用字符串作为属性名的，而数组是使用数字来作为索引操作元素的对象中是用属性，数组中用索引索引：数组的索引是从0开始的整数，数组的存储性能比普通对象更好，在开发中我们经常使用数组来存储一些数据<script> // 创建数组对象 var arr = new Array(); // 使用typeof检查数组时，会返回object /原创 2021-08-10 17:48:21 · 2597 阅读 · 0 评论 -
javascript——原型、原型对象、原型链
原型 将函数定义在全局作用域，污染了全局作用域的命名空间，而且定义在全局作用域中也很不安全原型(prototype)：创建每一个的函数，解析器都会向函数中添加一个属性（prototype），这个属性对应着一个对象，这个对象就是所谓的原型对象如果函数作为普通函数调用prototype没有任何作用；当函数作为构造函数调用时，它所创建的对象中都会有一个隐含的属性(_proto_)，指向该构造函数的原型对象,我们可以通过__proto__来访问该属性。原型(prototype)指向一个对象(原型对象)原创 2021-08-10 15:07:34 · 203 阅读 · 0 评论 -
javascript——作用域、debug断点调试
作用域作用域：是指一个变量的作用的范围全局作用域：直接编写在script标签的js代码，是全局作用域；全局作用域在页面打开时创建，在页面关闭时销毁；在全局作用中有一个全局对象window，它代表的是一个浏览器的窗口，它由浏览器创建，我们可以直接使用在全局作用域中，创建的变量都会作为window对象的属性保存；创建的函数都会作为window对象的方法保存变量的声明提前：使用var关键字声明的变量，都会在所有的代码之前被声明，如果声明变量时不使用var关键字，则变量不会被声明提前<scri原创 2021-08-09 16:46:17 · 444 阅读 · 0 评论 -
javascript——对象字面量、函数、枚举
对象字面量使用对象字面量，可以在构建对象时，直接指定对象的属性；语法：{属性名:属性值;属性名:属性值;…}属性名与属性值是以键值对的方式存在的；属性名与属性值之间用:连接，属性之间用逗号隔开var obj = { name: "张三", age: 28, //最后一个属性后面没有属性了，就不用加逗号了，不然报错很难找 sex: "男"};console.log(obj);对象字面量的属性名可以加引号也可以不加，原创 2021-08-09 15:14:18 · 408 阅读 · 0 评论 -
javascript——对象
对象js中的数据类型：基本数据类型：都是单一的值，值和值之间没有联系String,Boolean,Number,Null,Undefined,引用数据类型：Object：一种复合的数据类型，在对象中可以保存多个不同的数据类型的属性。对象的分类：1.内建对象：由ES标准中定义的对象，在任何的ES的实现中都可以使用，比如：Math,String,Boolean,Function,Object…2.宿主对象：由JS的运行环境提供的对象，目前来讲主要指由浏览器提供的对象，比如BOM,DOM3.自定原创 2021-08-06 18:06:25 · 194 阅读 · 0 评论 -
javascript——质数判断、break、continue、for循环嵌套
JS质数判断：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti原创 2021-08-06 15:57:18 · 458 阅读 · 0 评论 -
javascript——流程控制语句
流程控制语句js中的程序是自上而下的一行一行的执行的通过流程控制语句，可以控制程序执行流程，使程序可以根据一定的条件来选择执行语句的分类：1.条件判断语句使用条件判断语句可以在执行某个语句之前进行判断，如果条件成立才会执行语句，条件不成立则该语句不执行if语句语法1：if(条件表达式) 语句if语句在执行时，会先对条件表达式进行求值判断，如果条件表达式的值为true，则会执行if后的语句，如果条件表达式的值为false，则不会执行if后的语句。if语句只能控制它后面的一条语句，如果原创 2021-08-05 18:12:00 · 216 阅读 · 0 评论 -
javascript——水仙花数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>7的原创 2021-08-05 18:06:57 · 419 阅读 · 0 评论 -
javascript——事件防抖、节流处理
防抖在规定时间内，多次触发一个事件，事件内会执行一个函数。应用场景：输入框内搜索，输入关键词就会触发搜索事件函数，一直输入一直触发。用防抖，防止连续发送请求，在规定的时间内（如2000ms内），只会触发一次搜索事件，以规定时间内的最后一次触发为准。按钮多次点击提交，频繁触发提交事件。利用防抖，防止多次提交，在规定时间内，只处理最后一次的提交事件<!DOCTYPE html><html lang="en"><head> <meta charset原创 2021-08-05 11:25:36 · 2147 阅读 · 0 评论 -
javascript——九九乘法表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do原创 2021-08-05 10:33:30 · 319 阅读 · 0 评论 -
javascript复习第三天——运算符，unicode编码、运算符优先级
赋值运算符+=：可以将符号右侧的变量的值赋值给符号左侧的变量a+=5等价于a=a+5-=、*=、/=、%=：原理都差不多关系运算符通过关系运算符比较两个值之间的大小关系。如果关系成立返回true，如果关系不成立，返回false>：判断符号左侧的值是否大于右侧的值，如果大于则返回true，不大于则返回假>=：大于等于<：小于<=：小于等于原理跟数学的符号意思差不多非数值的情况：对于非数值进行比较时，会将其转换为数字，然后再比较。任何值和NaN做比较时都是fal原创 2021-08-04 17:05:58 · 222 阅读 · 0 评论 -
javascript复习第一天——数据类型，类型转换
day01js代码的从上到下的逐条执行的JS中严格区分大小写，每个语句用于分号；结尾输出语句alert("我是在弹出框中输出");document.weite("我是在页面输出");console.log("我是在控制台输出");[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LZjiwtlb-1628061053528)(C:\Users\Lenovo\AppData\Roaming\Typora\typora-user-images\image-202107原创 2021-08-04 15:13:45 · 189 阅读 · 0 评论 -
javascript复习第二天——运算符
js02运算符（操作符）：通过运算符可以对一个或者多个值来进行运算，并获取运算结果typeof也是运算符，可以用来获得一个值的类型，返回的是一个字符串算数运算符需要两个运算符对非Number类型的值进行运算时，会将这些值转换成Numder然后再运算任何值和NaN运算都得NaN+：可以对两个值进行加法运算，并将结果返回//true转成Number类型为1，false转成Number类型为0true+1=2true+false=11.如果对两个字符串进行加法运算，则会做拼串，会将两个字符原创 2021-08-04 14:58:34 · 153 阅读 · 0 评论 -
Vue-undefined报错：“TypeError: Cannot read property ‘name‘ of undefined“
控制台报错：Error in render: “TypeError: Cannot read property ‘name’ of undefined”Error in mounted hook: “TypeError: Cannot read property ‘getAttribute’ of undefined”vue的初始化顺序，计算属性(computed)在data的后面。console.log(his.allData)结果为空因为初始化的时候，allData是空数组，那么th..原创 2021-05-18 17:03:46 · 814 阅读 · 0 评论 -
Vue学习——组件、组件之间数据的传送
组件基础：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title原创 2021-04-27 18:38:11 · 177 阅读 · 0 评论 -
vue学习第二天——表单修饰符、自定义指令、侦听器、计算属性、过滤器、生命周期、ES6常用方法
mvvm:m：数据层；v：视图层；vm：控制器，实现数据层和视图层的数据保持一直（实现同步）<script> var str = "hello"; // split("")将字符串分割成数组 // reverse()颠倒数组的顺序 // join("")将数组变成一个字符串 str = str.split("").reverse().join(""); console.log(str); &原创 2021-04-26 18:25:17 · 228 阅读 · 0 评论 -
ES6——数组数据去重
var array = [20, 10, 10, 10, 15, 19, 30, 7, 7, 7, 19, 25, 31, 31];var newArray = array.filter((v, i, self) => {return self.indexOf(v) === i;})console.log(newArray);说明：(v, i, self):当前比较的值(v)，索引(i),原数组(self)；self.indexOf(v) === i:比较的值(v)第一次在原数组(sel原创 2021-04-26 16:33:42 · 1000 阅读 · 0 评论 -
Vue学习第一天——双向绑定、绑定事件、绑定对象、绑定属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta n原创 2021-04-25 16:11:29 · 274 阅读 · 0 评论 -
PHP基础入门学习
浏览器内核两个阵容**:W3C和非W3C**；（IE9以上的都一样）能用浏览器打开的，就是web，如百度，小程序不是web。HTTP服务器（Web服务器）：网站服务器Apache:只要电脑装了Apache，就是一个服务器，web服务器客户端：通过安装客户端软件，索取服务的计算机服务器（端）：通过安装服务器软件，提供服务的计算机软件架构：B/S，C/SC/S：需要安装才能使用；性能高效，使用更加稳定和流畅B/S：不需要安装，只需要浏览器即可；相比CS架构，性能相对较差，没有那么流畅和稳定通过原创 2021-04-13 08:40:12 · 120 阅读 · 0 评论 -
JS相关基础知识——数据类型、ECMAScript、对象、数组
一、js的学习1.ECMAScript常量和变量： const 常量名称=值；//常量初始化必须赋值，否则是无用常量，常量名称建议全部大写 var 变量名称；//undefined var 变量名称=值； //变量的类型由值来决定 变量名名称必须是字母，数字，_，@这些特殊符号组成，但是不能以数字开头js的基本数据类型： undefined:未定义类型 null：空类型 boolean：布尔类型 number：字符串类型 string：数字类型类型转换： **原创 2021-04-11 13:48:55 · 166 阅读 · 0 评论 -
javaScript案例——二级联动、三级联动、省市区三级联动
二级联动：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="./js/联动.js" type="text/javascript" charset="utf-8"></script> </head> <body> <select name="" id原创 2021-04-06 19:40:09 · 875 阅读 · 0 评论 -
JavaScript————冒泡排序和比较排序
冒泡排序和比较排序冒泡排序：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> var arr = [10, 6, 9, 12, 7, 16, 18, 3, 8, 4]; for (var i = 0; i < arr.length - 1;原创 2021-03-27 11:23:36 · 193 阅读 · 0 评论 -
JavaScript学习第四天——数组排序、冒泡排序、比较排序、对象
复习 作用域： 全局作用域： 全局变量和全局函数 在函数外部声明的变量是全局变量，可以使用var也可以不使用var，但建议使用var 在内部申明的函数叫做全局函数 局部作用域： 局部变量和局部函数 在函数内部申明的变量是局部变量函数递归： 在一些特殊的常量中，可以通过函数自己调用自己本身来减少循环量注意事项： 1.必须要有终止递归的条件（必须是带参的函数） 递归的次数尽量控制在10之内数组 数组的声明： va原创 2021-03-26 19:42:41 · 229 阅读 · 0 评论 -
JavaScript学习第四天——数组、Array
复习：流程控制语句：分支语句： 基础分支：if(表达式){执行体} 单分支语句：if(表达式){执行体1}else{执行体2} 多分支语句：if(表达式){执行体1}else if(表达式2) {执行体2}……else{执行n} 特殊的分支语句：switch(值) {case 值1;执行体1;break;case 值2;执行体2;break;……default:执行体;break;};注意事项：如果需要比对的值是固定的。类似于水果名称且我们比较的判断方法不是很多的情况下，建议使原创 2021-03-26 08:36:55 · 210 阅读 · 0 评论 -
跟班学习JavaScript第二天———流程控制、分支、循环、函数
复习：1内嵌到html标签中，配合使用2在html标签中编写js语句块，语句块必须写在标签中，可以放在html的任意地方，2.变量和常量变量是程序运行的一段内存区域，用来存储可以改变的数据变量申明：var 变量名 = 值var 变量名；变量名 = 值常量是一段被初始化赋值之后，就不允许被修改的数据常量申明：const 常量名 = 值；常量和变量可以赋的值：在js中。数据分为两大类型：1.原始的基本数据类型String 字符串Number 数字类型Boolea原创 2021-03-24 17:29:03 · 258 阅读 · 0 评论 -
JavaScript学习第七天——运算符、表达式，递增、递减、优先级
运算符**运算符（operator）：**也称操作符，是用于实现赋值、比较和执行算术运算等功能的符号运算符分类：算术运算符：用于执行两个变量或值的算术运算 +（加）、-（减）、（乘）、/（除）、%*（取余数，取模）浮点数，在算术运算里面会有问题，不要直接用小数来进行比较是否相等；因为浮点数值的最高精度是17位小数，但在进行算术运算时其精确度远远不如整数。<script> // 不能直接拿着浮点数来进行比较是否相等 var num = 0.2 + 0原创 2021-03-23 19:41:28 · 290 阅读 · 0 评论 -
跟班学习JavaScript第一天——运算符、数据类型、ECMAScript
1.js概述js属于脚本语言，属于弱类型的编译性语言JAVAScript=ECMAScript(es)+bom(browser object model)+dom(document object model)3.ECMAScript基本核心部分1)、js的编译环境：1.自己安装js的解释器 node.js2.浏览器内嵌的js(引擎)/解析器 注意：不同的浏览器的内核是不同，所以不同的内核的js解析器的解析效果是不一样的。市面上常见的浏览器内核有五大种：谷歌，欧朋，火狐，苹果，IE2)、原创 2021-03-23 17:25:09 · 133 阅读 · 0 评论 -
JavaScript学习第六天——转换成布尔型、查询资料案例
转换成布尔型Boolean():代表空、否定的值会被转换为false，如’ ',0,NaN,null,undefined;其余值都被转换为true<script> // false console.log(Boolean('')); //空 console.log(Boolean(0)); //0 console.log(Boolean(NaN)); //NaN原创 2021-03-22 19:13:49 · 155 阅读 · 0 评论 -
伸缩盒（Flexble Box）——flex-grow
伸缩盒（Flexble Box）——flex-growflex-grow：扩展比率flex-grow也是写在子元素里面的，flex-grow和flex-shrink的区别：flex-grow是用剩余的容器空间来平均分的flex-shrink是将全部的容器空间，平均之后，再按照一定的比率分，有些子元素盒子没有设置flex-shrink属性，就默认其占一份<!DOCTYPE html><html> <head> <meta charset="utf-原创 2021-03-22 16:15:14 · 826 阅读 · 0 评论 -
伸缩盒（Flexble Box）——flex-shrink
伸缩盒（Flexble Box）——flex-shrinkflex-shrink：收缩比率flex-shrink是放在子元素使用的<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box { width: 600px; height: 700px;原创 2021-03-22 14:43:31 · 339 阅读 · 0 评论 -
JavaScript学习第五天——数据类型转换、布尔型、Undefined和Null
数据类型之布尔型（boolean）布尔型（boolean）有两个值：true和false;true：真（对）；false：表示假（错）布尔型和数字型相加时，true的值为1；false的值为2Undefined和Null一个声明后没有赋值的变量会有一个默认值undefined（如果进行相连或者相加时，注意结果）获取变量数据类型格式：typeof 变量名；就可获得对应变量的数据类型prompt():获取的值是字符型的（string）颜色区分：数字型显示的是蓝色的；字符型显示的是黑色的；原创 2021-03-22 08:22:57 · 344 阅读 · 0 评论