- 博客(48)
- 收藏
- 关注
RSS订阅原创 9.10 跨域请求
什么是跨域：跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript实施的安全限制什么是同域：协议, 域名, 端口号 完全一致, 是同域.协议: http 80, https 443域名: 一级域名, 二级域名, 三级域名端口号: 80(http), 443(https)等!
2025-09-10 17:22:59
600
原创 9.9 json-server
JSON-Server 是一个 Node 模块，运行 Express 服务器，你可以指定一个 json 文件作为 api 的数据源。json-server可以直接把一个json文件托管成一个具备全RESTful风格的API,并支持跨域、jsonp、路由订制、数据快照保存等功能的 web 服务器。
2025-09-09 14:47:20
585
原创 9.8 ajax+php基础语法
变量1, 定义变量以$开头, 不用加 var 2, 变量名由数字, 字母, 下划线组成, 数字不能开头 3, 区分大小写 4, 见名知意$age = 18;$Age = 20;$num;// 如果不赋初值结果是 NULLecho "";变量的赋值// 1, 值赋值$a = 3;$b = 5;$$c = $$a;$c = 100;// 2, 址赋值$$d = &$$b;常量常量定义语法:define(参数一, 参数二, 参数三)
2025-09-08 16:20:27
941
原创 9.8 闭包-事件轮询机制
在js的异步任务中，分为宏任务和微任务宏任务（由宿主也就是浏览器和node引发）： setTimeout，setInterval，Ajax（网络请求），DOM事件微任务（js引擎发布的任务）： Promise async/await promise本身是同步的，then/catch的回调函数是异步的注意：微任务比宏任务的执行时间要早。
2025-09-08 16:15:29
230
原创 9.8 引用数据类型和深拷贝浅拷贝
JS分两种数据类型：一个变量可以存放两种类型的值，基本类型的值（primitive values）和引用类型的值（reference values）。ES6 引入了一种新的原始数据类型 Symbol，表示独一无二的值。它是 JavaScript 语言的第七种数据类型，前六种是：Undefined、Null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。基本类型UndefinedNullBooleanNumberString！基本数据类型与原始数据类型。
2025-09-08 11:07:40
958
原创 9.5 面向对象-继承
面向对象语言的特点: 封装, 继承, 多态 面向对象中，有两个很重要的东西，属性和方法 所以继承的时候就是想办法把属性和方法继承过来就可以了 属性和方法 构造属性／方法 原型属性／方法。构造继承(如上述代码, 通过 call 和 apply 实现) 创建一个Student对象（姓名，性别，年龄，学号） 用.call()和.apply()将父类构造函数引入子类函数。call语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]])用原型继承，继承父级的原型属性和方法。
2025-09-05 15:35:02
306
原创 9.5 面向对象-原型和原型链
总结：new一个实例话对象经历的四个阶段：创建一个空的实例化对象让构造函数中的this指向空的实例化对象执行（调用）构造函数，从而创建实例化对象自身的属性和方法返回实例化对象。
2025-09-05 14:45:08
1028
原创 9.5 递归函数+常见算法
导语：有个很经典的故事：从前有座山，山里有座庙，庙里有个老和尚，正在给小和尚讲故事！故事是什么呢？『从前有座山，山里有座庙，庙里有个老和尚，正在给小和尚讲故事！故事是什么呢？』……好处。
2025-09-05 10:19:02
784
原创 9.4 面向对象
我们一直在用对象 可是你真的理解对象吗，js中有一个说法是一切皆对象，其实这里说的应该是一切皆可看作对象对象就是可以拥有属性和方法的一个集合士兵就是一个对象，它拥有身高体重的属性，保家卫国，吃饭睡觉的动作方法在座的各位都是对象，世界上的万物都可看作对象，所以说，编程世界多姿多彩面向过程：面向过程专注于如何去解决一个问题的过程步骤，是由一个个函数去实现每一步的过程步骤，没有类和对象的概念面向对象：专注于由哪一个对象来解决这个问题，编程特点是出现了一个类，从类中拿到对象，由这个对象去解决具体问题。
2025-09-04 15:42:44
805
原创 9.4 this，this指向
this是Javascript语言的一个关键字它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。
2025-09-04 10:22:37
847
原创 9.3 正则表达式
官方定义：正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。是一个可选的字符串，包含属性 “g”、“i” 和 “m”，分别用于指定全局匹配、区分大小写的匹配和多行匹配。电话号码合法则显示输入成功，否则则显示 - 手机号长度11位，以13/14/15/16/17/18/19开头。是一个字符串，指定了正则表达式的模式或其他正则表达式。正则表达式可以是一个简单的字符，或一个更复杂的模式。
2025-09-03 12:13:27
1289
原创 9.2 BOM对象
BOM（Browser Object Model）浏览器对象模型 BOM 使 JavaScript 有能力与浏览器“对话” BOM尚无正式标准,但是浏览器已经（几乎）实现了 JavaScript 交互性方面的相同方法和属性（window）
2025-09-02 12:17:54
945
原创 8.29 DOM对象
DOM是W3C制定的一个规范(标准)，(Document Object Model，文档对象模型)，是提供了访问和操作网页中各元素的方法，让程序可以动态的修改或改变网页元素的内容、样式、结构。DOM是W3C制定的一个规范(标准)，而这个规范在浏览器中，以对象的形式得以实现。在 1998 年，W3C 发布了第一级的 DOM 规范，所有的浏览器都执行了这个标准，因此，DOM 的兼容性问题也几乎难觅踪影了提供了访问HTML文档的方法, 允许开发者通过JS对HTML文档进行增, 删, 改, 查。
2025-08-29 10:43:42
880
原创 8.28 JS移动端事件
延迟执行的原因是苹果最早在手机上做了一个事件，当双击页面的时候，页面放大，也就是说，在点击页面的300ms之内，如果没有在此触发点击，则认为是单击事件，如果在此触发则认为是双击事件。changeTouches：涉及当前(引发)事件的触摸点的列表数组，常用于手指离开的事件，手指都离开屏幕之后，touches和targetTouches中将不再有值，targetTouches还会有一个只，此值为最后一个离开屏幕的手指的触摸点。这个效果在PC端是没有问题的，但是在移动端，鼠标悬浮的时候，颜色是不会发生改变的；
2025-08-28 16:55:04
754
原创 8.28 Event事件
对于一些标签来说，他们拥有自己的事件，比如：a标签可以跳转，submit/button可以提交表单，reset可以重置按钮，那么如果想要给这些按钮添加事件，并且不让他执行对应的默认事件的话，就需要使用自制时间发生；补充一个知识点：点击a标签的时候，想要将默认的跳转去除掉，添加自己的跳转方式 对于a标签来说，默认的行为就是进行页面跳转，如果不想让a标签进行跳转，可以在注册事件中使用return false。Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。
2025-08-28 11:59:41
883
原创 8.25 JS事件
导语：有时候我们需要用js对页面中的元素执行获取css样式 或者 添加对应的css样式的操作，js中获取css样式的方法比较多（obj.style，getComputedStyle，currentStyle），但是设置样式，只能使用obj.style的方式。而onclick同一个元素只能绑定一个【相同】事件，如有多个，后面的事件会覆盖前面的事件。导语：在淘宝官网中，我们会发现，页面的中返回顶部按钮不是一直存在的，而是当页面滚动到某个高度的时候才会出现，那么想要实现这样的效果，就需要使用js中的滚动事件。
2025-08-25 17:04:15
1355
原创 8.20 JS对象
Math.round(number) //四舍五入整数 Math.ceil(number) //向上取整 Math.floor(number) //向下取整 Math.random() //随机返回0.0~1.0之间的数 Math.max(x,y) //求最大值 Math.min(x,y) //求最小值 Math.pow(x,y) //求xy。导语：页面中的数据，都是从数据库读取出来的，如果返回的数据多，一般情况下会以数组或者对象的形式来进行返回，如果想要删除或者添加数据，就可以使用数组中的方法。
2025-08-20 11:38:23
1260
原创 8.18 JS函数
函数是一个可重用的代码块，用来完成某个特定功能。每当需要反复执行一段代码时，可以利用函数来避免重复书写相同代码。函数包含着的代码只能在函数被调用时才会执行，就可以避免页面载入时执行该脚本在JavaScript中，可以使用以下三种方法来定义一个函数使用function语句定义函数【最常用】使用Function()构造函数来定义函数在表达式中定义函数var 函数名 = new Function(“参数1”，”参数2”，”参数3”……”函数体”);
2025-08-19 14:43:03
932
原创 8.14 JS流程控制
该循环会执行一次代码块，在检查条件是否为真之前，然后如果条件为真的话，就会重复这个循环。do while循环，先执行循环体代码，再进行条件判断。while、for）语句中 用于中止本次循环，根据控制表达式还允许继续进行下一次循环。能够使用switch实现的判断，都可以使用if来实现 但是，能够使用if语句实现的判断，不一定能使用switch实现。While循环，先进行条件判断，再执行循环体的代码。注意：当前循环中，如果不满足条件，一次都不会执行。分类：单分支，双分支，多分支，分支嵌套。
2025-08-16 15:05:05
463
原创 8.13 JS数据类型
解释：可以变化的量变量是用于存储信息的容器【内存空间】 变量是一段命名的存储空间 变量是在程序运行过程中值允许改变变量的值 变量是由变量名，变量值，和变量类型组成，运算符。
2025-08-14 12:18:56
1067
原创 8.12 JS基础语法
弱类型语言：是一种弱类型定义的语言，某一个变量被定义类型，该变量可以根据环境变量自动进行转换，不需要经过显性强制转换。强类型语言：是一种强制类型定义的语言，一旦某一个变量被定义类型，如果不经过强制转换，则它永远就是该数据类型了，强类型语言包括java，net，c++等。javaScript中的语句以一个分号结尾，如果省略分号，则由解析器确定语句的结尾，一般情况下，换行会被当做一个语句的结尾。鼠标点击，鼠标悬浮，鼠标移动，键盘按下，键盘弹起，获取焦点，失去焦点，加载等常用的事件。在页面输出，可以输出标签。
2025-08-12 10:20:08
710
原创 8.11 bootstrap
2011年的时候，Twitter的工程师为了提高内部的分析和管理能力，用业余时间为他们的产品构造了一套,优雅，灵活，可扩展的前端工具集，起名为bootstrap。Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。
2025-08-11 11:49:20
411
原创 8.6 CSS3rem布局
例:html 设置font-size:16px 1rem = 16px 那么640px = 640/16 =40rem 建议设置为100px 方便计算 首先，给页面的html定义一个100px的 html{ font-size:100px;资料:https://blog.csdn.net/m0_60237095/article/details/123634195。参考文档:https://www.cnblogs.com/ajuan/p/10143939.html。鲜花网图片不能访问,添加meta即可。
2025-08-06 12:17:16
570
原创 8.5 CSS3圣杯+流式布局
流式布局，就是百分比布局，也称非固定像素布局，是一种等比例缩放布局方式，在CSS代码中使用百分比来设置宽度。通过将盒子的宽度设置成百分比，从而根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。案例二：使用position定位实现。案例二：使用position定位实现。案例三：使用float浮动实现。案例三：使用float浮动实现。案例一：使用flex实现。案例一：使用flex实现。案例一：使用flex实现。案例二：使用百分比实现。
2025-08-05 16:39:15
351
原创 8.5 CSS3-flex弹性盒子
语法：justify-content：center属性值： 语法：justify-content：center属性值： flex-start（默认值）： 主轴起点对齐 flex-end主轴终点对齐 center：居中 space-between：两端对齐，项目之间的间隔都相等。space-around： 每个项目两侧的间隔相等。所以，项目之间间隔比项目与边框间隔大一倍。可以使每个元素之间和元素距离边距的距离都相等，但是兼容性比较差。!!!!
2025-08-05 15:13:13
1311
原创 8.5 CSS3多列布局
CSS3之多列布局columns CSS3中新出现的多列布局(multi-column)是传统HTML网页中块状布局模式的有力扩充。这种新语法能够让WEB开发人员轻松的让文本呈现多列显示。
2025-08-05 10:56:42
598
原创 8.4 nimate和wow插件
Animate.css内置了很多典型的css3动画,兼容性好,使用方便：github官网版本使用方法第一步：使用link将css文件引入或导入本地文件</第二步：选择样式添加</国内镜像版本使用方式第一步：使用link将css文件引入第二步：选择样式添加 从左边进入页面位置 animated 里面定义了动画执行的时间 fadeInLeft 中定义了动画的样式。
2025-08-04 11:59:17
229
原创 8.4 隐藏元素的方式
语法：transform: rotateY(90deg);top:-当前元素的高度；left：-当前元素的高度 注意： 元素消失，不会占据空间。语法：visibility:hidden 隐藏 / visible显示 注意： 元素消失，但是还会占据空间。语法：width:0;注意： 元素消失，但是还会占据空间。语法：transform:scale(0) 注意：元素消失，但是还会占据空间。语法：display:none 注意：元素消失，不会占据空间。语法：opacity:0 注意：元素消失，但是还会占据空间。
2025-08-04 10:03:16
452
原创 8.1 3D-效果
transform-style 属性规定如何在 3D 空间中呈现被嵌套的元素 需要设置在3D变换的父元素中，并且高于任何嵌套的变形元素。坐标为当前元素的原点。可以使用当前元素改变透视元素的视图角度，默认的是x轴和y轴的中心点。定义3D元素的透视效果 (景深或视角)，（或者可以理解为： 设置从何处查看一个元素） 值越小，元素离视图越近，透视效果越明显，值越大，越远离视图，透视效果越不明显。angle：是一个角度值，主要用来指定元素在3D空间旋转的角度，如果其值为正值，元素顺时针旋转，反之元素逆时针旋转。
2025-08-01 17:13:58
882
原创 7.31 CSS-2D效果
任何一个元素都有一个中心点，默认情况之下，其中心点是居于元素X轴和Y轴的50%处。如果只想扩大x轴或者y轴，那么属性为scaleX(n)和scaleY(n) transform-origin 影响变换方向。语法：transform:scale(x,y) x：表示x轴的缩放比例 y：表示y轴的缩放比例 x,y 值分别为原有元素宽高的倍数。如果只想沿x轴或者y轴进行倾斜，那么属性为skewX(n)和skewY(n)语法：translate(X,Y)，既可以为正值，也可以为负值（向下、向右为正方向）
2025-08-01 10:15:50
362
原创 7.31 CSS3过渡效果
CSS3中，我们为了添加某种效果可以从一种样式转变到另一个的时候，无需使用Flash动画或JavaScript。CSS3中新增加了一个新的模块transition，它可以通过一些简单的CSS事件来触发元素的外观变化，让效果显得更加细腻。CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。CSS3的浏览器私有属性前缀是一个浏览器生产商经常使用的一种方式。浏览器私有属性前缀是为了解决浏览器的兼容问题，当一个属性成为标准，并且被Firefox、Chrome等浏览器的最新版普遍兼容的时候就不再使用了。
2025-08-01 10:15:17
507
原创 7.31 CSS3新增选择器
CSS3是CSS（层叠样式表）技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效（阴影）、多栏布局（display:flex）、2D3D和动画等模块。
2025-08-01 10:14:26
703
原创 7.31HTML5音频视频控件
标签是html5中新标签，几乎所有浏览器都支持。拥有width、height、src、type(src引用文件的MIME 类型)四个属性 embed是针对非IE的浏览器（如火狐、chrome）的媒体播放器;object是针对IE浏览器标签。标签用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。注意：如果你无法看到该视频,那么可能你的电脑不支持该文件格式。
2025-07-31 11:12:46
244
原创 7.31HTML5新增表单和控件
在HTML4中，一个表单内的所有元素只能通过表单的action属性被统一提交到另一个页面，而在HTML5中可以为所有的提交按钮，增加不同的formaction属性，使单击不同的按钮时可以将表单提交到不同的页面。在HTML4中，表单内的从属元素必须写在表单的内部，而在HTML5中，可以把他们书写在页面上的任何地方，然后为该元素指定一个form属性，属性值为表单的id，这样就可以声明该元素的从属指定表单了。在HTML5中，表单元素所具有的默认提示，可以使用placeholder去进行设置。
2025-07-31 11:11:55
430
原创 7.31HTML5新增标签
HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。然而，大部分现代浏览器已经具备了某些 HTML5 支持 h5添加css hack ，css zoom知识点。嵌入的applet（Applet是采用Java编程语言编写的小应用程序）定义文档的节(区域).比如章节,页眉,页脚,或者文档中的其他部分。用于对元素进行组合,使用figcaption元素为元素组添加标题。Applet是采用Java编程语言编写的小应用程序。用于对section或网页的标题进行组合。
2025-07-31 11:11:13
459
原创 7.30定位
position 属性指定了元素的定位类型。static 静态定位【默认值】relative 相对定位absolute 绝对定位【窗口的左上角】fixed 固定定位sticky 粘性定位。
2025-07-31 08:50:35
764
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人