
笔记
文章平均质量分 67
h_jQuery
这个作者很懒,什么都没留下…
展开
-
javascript——作用域、debug断点调试
作用域作用域:是指一个变量的作用的范围全局作用域:直接编写在script标签的js代码,是全局作用域;全局作用域在页面打开时创建,在页面关闭时销毁;在全局作用中有一个全局对象window,它代表的是一个浏览器的窗口,它由浏览器创建,我们可以直接使用在全局作用域中,创建的变量都会作为window对象的属性保存;创建的函数都会作为window对象的方法保存变量的声明提前:使用var关键字声明的变量,都会在所有的代码之前被声明,如果声明变量时不使用var关键字,则变量不会被声明提前<scri原创 2021-08-09 16:46:17 · 415 阅读 · 0 评论 -
javascript——对象字面量、函数、枚举
对象字面量使用对象字面量,可以在构建对象时,直接指定对象的属性;语法:{属性名:属性值;属性名:属性值;…}属性名与属性值是以键值对的方式存在的;属性名与属性值之间用:连接,属性之间用逗号隔开var obj = { name: "张三", age: 28, //最后一个属性后面没有属性了,就不用加逗号了,不然报错很难找 sex: "男"};console.log(obj);对象字面量的属性名可以加引号也可以不加,原创 2021-08-09 15:14:18 · 364 阅读 · 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 · 180 阅读 · 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 · 440 阅读 · 0 评论 -
javascript——流程控制语句
流程控制语句js中的程序是自上而下的一行一行的执行的通过流程控制语句,可以控制程序执行流程,使程序可以根据一定的条件来选择执行语句的分类:1.条件判断语句使用条件判断语句可以在执行某个语句之前进行判断,如果条件成立才会执行语句,条件不成立则该语句不执行if语句语法1:if(条件表达式) 语句if语句在执行时,会先对条件表达式进行求值判断,如果条件表达式的值为true,则会执行if后的语句,如果条件表达式的值为false,则不会执行if后的语句。if语句只能控制它后面的一条语句,如果原创 2021-08-05 18:12:00 · 206 阅读 · 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 · 401 阅读 · 0 评论 -
javascript——事件防抖、节流处理
防抖在规定时间内,多次触发一个事件,事件内会执行一个函数。应用场景:输入框内搜索,输入关键词就会触发搜索事件函数,一直输入一直触发。用防抖,防止连续发送请求,在规定的时间内(如2000ms内),只会触发一次搜索事件,以规定时间内的最后一次触发为准。按钮多次点击提交,频繁触发提交事件。利用防抖,防止多次提交,在规定时间内,只处理最后一次的提交事件<!DOCTYPE html><html lang="en"><head> <meta charset原创 2021-08-05 11:25:36 · 2115 阅读 · 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 · 312 阅读 · 0 评论 -
javascript复习第三天——运算符,unicode编码、运算符优先级
赋值运算符+=:可以将符号右侧的变量的值赋值给符号左侧的变量a+=5等价于a=a+5-=、*=、/=、%=:原理都差不多关系运算符通过关系运算符比较两个值之间的大小关系。如果关系成立返回true,如果关系不成立,返回false>:判断符号左侧的值是否大于右侧的值,如果大于则返回true,不大于则返回假>=:大于等于<:小于<=:小于等于原理跟数学的符号意思差不多非数值的情况:对于非数值进行比较时,会将其转换为数字,然后再比较。任何值和NaN做比较时都是fal原创 2021-08-04 17:05:58 · 212 阅读 · 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 · 177 阅读 · 0 评论 -
javascript复习第二天——运算符
js02运算符(操作符):通过运算符可以对一个或者多个值来进行运算,并获取运算结果typeof也是运算符,可以用来获得一个值的类型,返回的是一个字符串算数运算符需要两个运算符对非Number类型的值进行运算时,会将这些值转换成Numder然后再运算任何值和NaN运算都得NaN+:可以对两个值进行加法运算,并将结果返回//true转成Number类型为1,false转成Number类型为0true+1=2true+false=11.如果对两个字符串进行加法运算,则会做拼串,会将两个字符原创 2021-08-04 14:58:34 · 143 阅读 · 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 · 116 阅读 · 0 评论 -
JS相关基础知识——数据类型、ECMAScript、对象、数组
一、js的学习1.ECMAScript常量和变量: const 常量名称=值;//常量初始化必须赋值,否则是无用常量,常量名称建议全部大写 var 变量名称;//undefined var 变量名称=值; //变量的类型由值来决定 变量名名称必须是字母,数字,_,@这些特殊符号组成,但是不能以数字开头js的基本数据类型: undefined:未定义类型 null:空类型 boolean:布尔类型 number:字符串类型 string:数字类型类型转换: **原创 2021-04-11 13:48:55 · 159 阅读 · 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 · 184 阅读 · 0 评论 -
JavaScript学习第四天——数组排序、冒泡排序、比较排序、对象
复习 作用域: 全局作用域: 全局变量和全局函数 在函数外部声明的变量是全局变量,可以使用var也可以不使用var,但建议使用var 在内部申明的函数叫做全局函数 局部作用域: 局部变量和局部函数 在函数内部申明的变量是局部变量函数递归: 在一些特殊的常量中,可以通过函数自己调用自己本身来减少循环量注意事项: 1.必须要有终止递归的条件(必须是带参的函数) 递归的次数尽量控制在10之内数组 数组的声明: va原创 2021-03-26 19:42:41 · 216 阅读 · 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 · 206 阅读 · 0 评论 -
跟班学习JavaScript第二天———流程控制、分支、循环、函数
复习:1内嵌到html标签中,配合使用2在html标签中编写js语句块,语句块必须写在标签中,可以放在html的任意地方,2.变量和常量变量是程序运行的一段内存区域,用来存储可以改变的数据变量申明:var 变量名 = 值var 变量名;变量名 = 值常量是一段被初始化赋值之后,就不允许被修改的数据常量申明:const 常量名 = 值;常量和变量可以赋的值:在js中。数据分为两大类型:1.原始的基本数据类型String 字符串Number 数字类型Boolea原创 2021-03-24 17:29:03 · 246 阅读 · 0 评论 -
JavaScript学习第七天——运算符、表达式,递增、递减、优先级
运算符**运算符(operator):**也称操作符,是用于实现赋值、比较和执行算术运算等功能的符号运算符分类:算术运算符:用于执行两个变量或值的算术运算 +(加)、-(减)、(乘)、/(除)、%*(取余数,取模)浮点数,在算术运算里面会有问题,不要直接用小数来进行比较是否相等;因为浮点数值的最高精度是17位小数,但在进行算术运算时其精确度远远不如整数。<script> // 不能直接拿着浮点数来进行比较是否相等 var num = 0.2 + 0原创 2021-03-23 19:41:28 · 280 阅读 · 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 · 125 阅读 · 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 · 149 阅读 · 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 · 816 阅读 · 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 · 331 阅读 · 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 · 329 阅读 · 0 评论 -
JavaScript学习第四天——数据类型、字符串、变量
数据类型为了方便把数据分成所需内存大小不同的数据充分利用空间变量的数据类型js是一种弱类型语言或者是动态语言,意味着不提前声明变量的类型,在程序运行过程中,类型会被自动确定js的变量数据类型只有程序在运行过程中,根据等号右边的值来确定的js是动态语言,变量的数据类型是可以变化[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4Lb0xY6H-1616230087265)(C:\Users\Lenovo\AppData\Roaming\Typora\typora-use原创 2021-03-20 16:49:44 · 148 阅读 · 0 评论 -
CSS学习笔记———浮动,定位,背景
主要是CSS2背景属性(非常重要):背景颜色、图片、图片的重复方式、定位合写属性:backgrand:background-origin:content-box/border-box/padding-box。默认是padding-box,背景从内边距开始铺盒子属性:content(内容):padding(内边距):margin(外边距):border(边框):display:用于转换盒子的显示状态display常用属性:none,inline,block,inline-block,以及弹原创 2021-03-19 08:26:02 · 276 阅读 · 1 评论 -
HTML学习课堂笔记
前端的组成HTML+CSS+JSH5:HTML5+CSS3+JavaScript+API组件就是自定义标签浏览器对于一些不认识的标签,直接忽略,不进行任何的样式渲染每个页面只有一个h1标签(权重最高) //简介描述 //关键词[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Xj4T8sKX-1615876453080)(C:\Users\Lenovo\AppData\Roaming\Typora\typora-user-images\image-202原创 2021-03-16 14:34:58 · 249 阅读 · 2 评论 -
JavaScript学习第二天——BOM、DOM、JS的组成、JavaScript
JavaScript初识导读1.初识JavaScript1.1 JavaScript历史网景公司初命名为LiveScript—>与sun公司合作后,改为JavaScript.1.2 JavaScript是什么JavaScript是世界上最流行的语言之一,是一种运行在客户端的脚本语言(Script是脚本的意思)脚本语言:不需要编译,运行过程中由js解释器(js引擎)逐行来进行解释并执行现在也可以基于Node.js技术进行服务器端编程1.3 JavaScript的作用1.表单动态效验(密原创 2021-03-08 19:06:33 · 673 阅读 · 0 评论 -
JavaScript学习第一天——计算机基础导学(编程语言、计算机基础)
计算机基础导学编程语言1.编程**编程:**就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程**计算机程序:**就是计算机所执行的一系列的指令集合,而程序全部都是用我们所掌握的语言来编写的,所以人们要控制计算机一定要通过向计算机发出命令。从事编程的人员,就是程序员**注意:**上面所定义的计算机指的是任何能够执行代码的设备,可能就是智能手机、ATM机,黑莓PI、服务器等等2.计算机语言计算机语言指用于人与计算机之间通讯的语言,它是人鱼计算机之间传递信息的媒介原创 2021-03-08 16:57:49 · 590 阅读 · 0 评论 -
Java学习第十九天——反射、类加载器(ClassLoader)、构造器(Constructor)
Java高级—反射在程序运行期间,根据类的字节码文件对象来获取类中的成员并使用的一项技术使用方法:1.使用构造方法2.使用成员方法3.使用成员变量反射概述**反射:**在程序运行过程中分析类的一种能力程序运行:在源文件(.java)中编写源代码;—>通过编译,将其编译成后缀名为.class的字节码文件(.class);—>运行时再通过对象.method()(方法名)反射能做什么:分析类(通过类加载器来实现的):加载并初始化一个类;查看类的所有属性和方法**查看并使用对象:*原创 2021-03-08 01:23:56 · 290 阅读 · 1 评论 -
字节流读写文件案例——模拟文件(头像)上传功能
字节流读写文件案例——模拟文件(头像)上传功能需求:使用控制台输出模拟实际开发中上传用户头像的功能需要定义单个方法1.在控制台录入用户头像的路径2.解析路径字符串中文件名是否合法:后缀名为:.jpg\ .png\ .bmp3.判断该路径表示的File对象是否存在,是否为文件:file.exists()、file.isFile()4.读取该文件并写入到指定目录5.提示头像上传成功或失败注意:1.数据源文件和目的地文件的文件名必须相同2.path.getName()是获取文件路径中的文件名,原创 2021-03-05 17:30:24 · 239 阅读 · 2 评论 -
Java入门学习第十七天——字节流读写文件、字节缓冲流拷贝文件
字节流读写文件字节流拷贝文件—按单个字节读写FileInputStream:普通的字节输入流,用来读取数据的构造方法: public FileInputStream(String pathname);成员方法: public int read();单个:一次读取一个字节,并返回读取到的内容,读不到返回-1数组:一次读取一个字节数组,将读取到的内容存入到数组中,并返回读取到的有效字节数,读不到则返回-1FileOutputStream:普通的字节输出流,用来写数据构造方法: pub原创 2021-03-05 15:42:09 · 999 阅读 · 0 评论 -
Java学习第十六天——字符流读写文件、字符缓冲流拷贝文件
字符流读写文件字符流读数据—按单个字符读取创建字符流读文件对象: Reader reader = new FileReader(“readme.txt”);调用方法读取数据: int data = reader.read();只读取一个字符,返回该字符代表的整数(ASCII码),若到达流的末尾,返回-1;异常处理(两种异常处理方式都可用):throws IOException关闭资源:reader.close();需要自己另外创建相关的文件夹即文件package io.dem原创 2021-03-04 20:02:02 · 887 阅读 · 2 评论 -
Java入门学习第十五天——Java常用工具之IO流(异常、字符流、字节流、File类)
Java常用工具之IO流根据API文档使用步骤查找并使用IO流体系中的类:1.查找输入/输出流类2.查看构造方法3.创建输入/输出流对象4.处理异常5.读/写操作6.关闭输入/输出设备异常异常:即非正常情况,通俗地说,异常就是程序出现的错误异常的分类(Throwable 父类)异常(Exception 子类):合理的应用程序可能需要捕获的问题(可预料的),这个才是需要我们处理的异常如:NullPointerException(空指针异常)错误(Error 子类):合理的应用程序不应原创 2021-03-03 17:02:44 · 208 阅读 · 1 评论 -
Java学习案例之模拟斗地主发牌
案例:模拟斗地主发牌需求:使用一个集合对象存储一副扑克牌,将所有扑克牌的顺序打乱,然后分发给用集合表示的三个玩家和底牌,并打印玩家和底牌的集合内容。步骤:1.准备扑克牌将花色和数字分别进行组合,生成所有的普通扑克牌,手动添加“大王”,“小王”1.1创建数字数组String[] nums = {“3”,“4”,“5”,“6”,“7”,“8”,“9”,“10”,“J”,“Q”,“K”,“A”,“2”};1.2创建花色数组String colors = {“黑桃”,“红桃”,“梅花”,“方片”};原创 2021-02-27 18:26:59 · 374 阅读 · 0 评论 -
Java入门学习第十三天————泛型、Collections工具类、Set集合、Map集合
Java常用工具——集合什么是泛型?即泛指任意类型,又叫参数化类型(ParameterizedType),对具体类型的使用起到辅助作用,类似于方法的参数。集合类泛型的解释表示该集合中存放指定类型的元素案例演示:给List集合加上泛型String泛型的好处:类型安全,避免了类型转换package study5.demo;import java.util.ArrayList;import java.util.List;//总结:泛型一般只和集合类相结合使用;泛型是JDK5的新特性,但是从J原创 2021-02-27 16:41:19 · 161 阅读 · 2 评论 -
Java常用工具之集合(List、增强for循环、迭代器)——Java入门学习第十二天
Java常用工具——集合在java中集合是用来存储多个元素的容器;集合是一个体系庞大,结构层次清晰完整的一项技术根据API文档使用步骤查找集合类:1.查找集合类2.查看该集合所属接口名3.查看构造方法4.创建集合对象5.创建元素对象6.添加元素到集合中7.遍历集合集合和数组的区别:元素类型:集合:引用类型(存储基本类型时会自动装箱)数组:基本类型、引用类型元素个数:集合:不固定,可随意扩容数组:固定,不能改变容量集合的好处:不受容器大小限制,可以随时添加删除元素,提供了原创 2021-02-24 23:05:13 · 234 阅读 · 0 评论 -
Java入门学习第十一天———Date类和Calender类、基本类型的包装类、StringBuilder和StringBuffer类的学习
StringBuilder和StringBuffer类简介:可变字符序列,用于构造字符串对象,内部使用自动扩容的数组操作字符串数据。StringBuilder和StringBuffer使相同的APIjava.base—>java.lang—>StringBuilder/StringBufferStringBuilder的运行效率比StringBuffer高,所以在实际开发中用StringBuilder的场景更多构造方法StringBuilder():构造一个空的StringBuilde原创 2021-02-23 15:54:31 · 172 阅读 · 0 评论 -
Java常用工具之API——————JAVA学习第十天
Java常用工具之API根据步骤查找API文档使用对应功能(有构造方法的类的使用)1.查找类名2.查看模块名3.查看包名4.查看构造方法5.找到符合需要的方法6.根据构造方法创建对象并使用API(Application Programming Interface):应用程序接口,这里值的是API文档,通常叫“Java文档”,是java中提供的类的说明书。Java中组件的层次结构:模块(module)—>包(package)—>类或接口(class/interface)模块(原创 2021-02-22 16:19:02 · 189 阅读 · 4 评论 -
java零基础入门学习第九天——final关键字和 static关键字、 接口
final关键字final的概念:最终的,最后的final的作用:用于修饰类、方法和变量final的作用:**1.**修饰类:该类不能被继承,但是可以继承别的类**2.**修饰方法:该方法不能被重写,不能与abstract共存**3.**修饰变量:最终变量,即常量,只能赋值一次;不建议修饰引用类型数据,因为仍然存在可以通过引用修改对象的内部数据,意义不大package study4.demo;//程序员类public class Coder2 extends Enployee {//原创 2021-02-07 22:48:33 · 190 阅读 · 0 评论 -
java零基础入门学习第八天——相关笔记
多态多态:多种状态,同一对象在不同情况下表现出不同的状态或行为Java中实现多态的步骤:1.要有继承(或实现)关系2.要有方法重写3.父类引用指向子类对象(is a关系)package study3.demo;//Animal类的子类public class Dog extends Animal {//因为狗吃骨头,所以优化父类的eat()方法 @Override //方法重写的关键字;有方法重写时建议写上 public void eat() {//原创 2021-02-07 16:55:43 · 204 阅读 · 0 评论