前端
文章平均质量分 94
m0_50134014
这个作者很懒,什么都没留下…
展开
-
jQuery(二):ajax与jQuery、Json与jQuery、跨域与jQuery
目录1.AJAX1.什么是AJAX2.AJAX核心对象 - 异步对象(XMLHttpRequest)1.什么是XMLHttpRequest [简称为 xhr]2.创建 异步对象 (xhr)3.xhr 的成员3.AJAX的操作步骤1.GET请求2.POST请求2.jquery对 ajax 的支持$.ajax({})3.JSON1.JSON介绍2.JSON表现1.JSON表示单个对象2.JSON表示一个数组3.使用 jq 的 each() 迭代数组4.后台处理JSON5.Python中的JSON处理6.前端中原创 2021-10-24 14:50:27 · 155 阅读 · 0 评论 -
jQuery(一):概述、选择器、操作(元素本身、属性、内容、样式)、元素遍历、事件
jQuery对象 jQuery对象:JavaScript的工具库,对原生JavaScript中的DOM操作、事件处理、包括数据处理和Ajax技术等进行封装,提供更完善,更便捷的方法。 "$()"函数:用于获取元素节点,如$("h1"),创建元素节点或将原生JavaScript对象转换为jquery对象,返回 jQuery 对象 互相转换:原生对象转jquery对象:$(原生对象) jquery对象转原生对象:var div = $("div")[0]或var d原创 2021-10-24 14:40:17 · 303 阅读 · 0 评论 -
es6+ 声明语法规范(五):let声明与const声明
文章目录一、let声明变量1.1 let 声明的全局变量不是全局对象window的属性1.2 用let定义变量不允许重复声明1.3 let声明的变量不存在变量提升1.4 let声明的变量具有暂时性死区1.5 let 声明的变量拥有块级作用域1.6 思考二、Const声明常量重点总结一、let声明变量1.1 let 声明的全局变量不是全局对象window的属性这就意味着,你不可以通过 window. 变量名 的方式访问这些变量,而 var 声明的全局变量是 window 的属性,是可以通过 windo原创 2021-07-08 13:07:58 · 243 阅读 · 0 评论 -
es6+ 解构赋值语法规范(四):数组解构赋值、对象解构赋值、解构赋值在函数传参中的应用
文章目录解构赋值 Desctructuring一、数组解构赋值1.1 赋值元素可以是任意可遍历的对象1.2 被赋值的变量还可以是对象的属性,不局限于单纯的变量。1.3 循环体1.4 可以跳过赋值元素1.5 rest 参数1.6 默认值1.7 字符串解构赋值二、对象解构赋值2.1 基本用法2.2 默认值2.3 rest 运算符2.4 嵌套对象三、解构赋值在函数传参中应用解构赋值 Desctructuring在 ES6 中新增了变量赋值的方式:解构赋值。允许按照一定模式,从数组和对象中提取值,对变量进行赋原创 2021-07-08 15:06:59 · 378 阅读 · 0 评论 -
es6+ 对象语法规范(三):对象属性、方法、遍历方式
es6 Object文章目录一、属性1.1 属性简洁表示法1.2 属性名表达式二、方法2.1 Object.is()2.2 Object.assign()三、对象的遍历方式一、属性1.1 属性简洁表示法在 ES6 之前 Object 的属性必须是 key-value 形式,如下: let name = 'xiecheng' let age = 34 let obj = { name: name, age: age, study: function()原创 2021-07-08 19:28:43 · 110 阅读 · 0 评论 -
es6+函数语法规范(二):函数默认参数、判断函数参数个数、函数作用域、扩展运算符、箭头函数、es10函数扩展
es6 Function文章目录一、默认参数二、判断函数有几个参数三、属性与作用域3.1 length属性3.2 name属性3.3 作用域四、扩展运算符4.1 Spread Operator把数组或伪数组展开成用逗号隔开的值4.2 Rest Parameter用来解决函数参数不确定的场景五、箭头函数5.1 箭头函数与普通函数5.2 参数和返回值的讨论5.3 箭头函数与普通函数中this的指向练习一、默认参数对于函数而言,经常会用到参数,关于参数的默认值通常都是写在函数体中,在 ES6 中的写法:原创 2021-07-08 18:16:11 · 266 阅读 · 0 评论 -
es6+ 数组语法规范(一): 数组遍历方式、方法
Array在 ES6 中新增了很多实用的原生 API,方便开发者对 Array 的操控性更强,如 for…of、from、of、fill、find、findIndex等。一、ES5 中数组遍历方式let arr = [1, 2, 3, 2, 4]for循环for (let i = 0; i < arr.length; i++) { console.log(arr[i])}后来语法有所升级,到 ES5 遍历数组的 API 多了起来,其中有 forEach、every、filter原创 2021-07-08 15:38:52 · 164 阅读 · 0 评论 -
JS 基础(四):DOM、事件、ajax
JS Web API网页操作的API,遵循W3C标准文章目录JS Web API一、DOM节点操作1.1 property与attribute的区别1.2 添加节点/删除节点1.3 DOM性能优化二、BOM1.引入库2.读入数据总结一、DOM节点操作1.1 property与attribute的区别前者修改js变量的值(可修改对象属性),但不会作用到html结构中;后者直接修改html标签属性,会改变html结构;两者都可能引起DOM渲染property:var p1 = document原创 2021-07-05 13:45:20 · 81 阅读 · 0 评论 -
JS 基础(三):JS 异步与单线程、 event-loop、ES8:async/await、宏任务和微任务、练习题
js异步文章目录一、异步与js单线程1.1 同步与异步的区别1.2 promise简介二、 event-loop2.1 event-loop事件轮询机制2.2 再谈promise三、 async/await3.1用同步的方式,编写异步。3.2 与promise的关系3.3异步的本质3.4 for...of四、 宏任务和微任务练习题:Promise catch 连接 thenasync/await 语法问题Promise 和 setTimeout 顺序执行顺序问题一、异步与js单线程 &nbs原创 2021-07-04 17:28:52 · 128 阅读 · 0 评论 -
JS 基础(二):原型与原型链、this的应用场景
文章目录一、原型与原型链1.1 类和继承1.2 隐式原型与显式原型1.3 原型链二、this的应用场景2.1 普通函数中使用2.2 在class的方法中调用2.3 简易的jQuery代码实现 :一、原型与原型链如何准确判断一个变量是不是数组:类型判断-instanceofclass的原型本质,怎么理解1.1 类和继承1.实例属性和方法es5:function People(name,age){ this.name = name this.age = age //实例属性原创 2021-07-08 21:44:31 · 550 阅读 · 0 评论 -
JS 基础(一):DHTML、DOM、BOM
javascript相关技术要点本文介绍了跟javascript相关的技术要点,其中包括js基础语法,js原型与原型链,js作用域和闭包,js异步等内容文章目录javascript相关技术要点一、js基础语法1.1 数据类型1.2 数据类型转换1.3 等于与全等于1.4 truly变量与falsely变量二、原型与原型链2.1 隐式原型与显式原型2.2 原型链总结一、js基础语法1.1 数据类型常见值类型:number、string、boolean、undefined、Symbol('s')常原创 2021-07-02 21:12:43 · 244 阅读 · 0 评论 -
JS 基础(零):js概念、js使用、变量与常量、数据类型、运算符、语句、函数、类和继承、DOM、数组、字符串、正则表达式、Math、时间、BOM(定时器、history、location等)
目录零、js导入;变量与常量;数据类型;运算符一、语句二、函数三、类和继承四、DOM:文档对象模型4.1 实例1:给标题3标签中添加内容4.2 实例2:创建对象五、数组5.1 数组方法应用5.2 实例:从十张图片中随机显示五张六、字符串字符串方法应用:获取用户名和服务商七、正则表达式(Regular Expression)正则表达式应用八、Math对象九、时间对象十、BOM:浏览器对象模型10.1 实例1:模仿页面前进和后退功能10.2 实例2:周期性定时器时器应用一(倒数计时器)10.3 实例3: 轮播图原创 2021-10-23 19:56:51 · 215 阅读 · 0 评论 -
html/css实战(一):课程表、用户注册、背景图设置、广告图、CSS练习
目录一、常见标签与属性1.1 html/css实战1.1.1 实例1 课程表1.1.2 实例2 用户注册1.1.3 实例3 使用img01-2.png作为背景图 在页面中显示 ECDAB(浮动与定位)1.1.4 实例4: 广告图(浮动与定位)1.1.5 实例5:css练习(定位,浮动)一、常见标签与属性1.1 html/css实战<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></scr原创 2021-10-23 18:39:32 · 295 阅读 · 0 评论 -
CSS(三):浮动布局、定位布局
目录1.1 标准流/静态流1.2 浮动布局1.2.1 属性1.2.2 取值1.2.3 特点1.2.4 常见问题1.2.5 解决1.2.6 浮动演示1.2.7 Clear 清除浮动1.2.8 圣杯布局1.3 定位布局1.3.1 属性1.3.2 取值1.3.3 偏移属性1.3.4 分类1.3.5 堆叠次序1.3.6 子元素在父元素中水平且垂直居中1.1 标准流/静态流默认布局方式,按照代码书写顺序及标签类型从上到下,从左到右依次显示除非专门指定,否则所有框都在普通流中定位。也就是说,普通流中的元素的位置原创 2021-10-23 18:39:07 · 847 阅读 · 0 评论 -
CSS(二):内容尺寸、边框、外边距、内边距、盒模型宽度、BFC
目录1.1 内容尺寸1.2 边框border1.2.1 边框实现1.2.2 单边框设置1.2.3 网页三角标制作1.2.4 圆角边框1.3 外边距1.3.1 属性:margin1.3.2 作用:调整元素与元素之间的距离1.3.3 特殊取值1.3.4 单方向外边距:只取一个值1.3.5 子元素在父元素范围内居中显示:1.3.6 带有默认边距的元素:1.4 内边距1.4.1 属性:padding1.4.2 作用:调整元素内容框与边框之间的距离1.4.3 取值:1.4.4 单方向内边距,只能取一个值:1.5 盒模原创 2021-10-23 18:38:35 · 763 阅读 · 0 评论 -
CSS(一):CSS概述、CSS引入方式、CSS优先级、CSS代码格式、CSS属性;CSS选择器;尺寸和颜色单位、背景和文本设置
目录一、CSS1.1 行内元素、块级元素1.1.1 元素的类型1.2 CSS概述1.2.1 CSS是什么1.2.2 组织网页的两种常用方式1.3 引入CSS的四种方式1.3.1 Style属性方式1.3.2 Style标签方式1.3.3 导入方式1.3.4 链接方式1.3.5 四种方式的优先级1.4 CSS代码格式1.4.1 css代码格式1.5 CSS基本选择器1.5.1 html标签名选择器1.5.2 class选择器1.5.3 id选择器1.6 CSS扩展选择器1.6.1 后代选择器1.6.2 子元素原创 2021-10-23 01:36:42 · 373 阅读 · 0 评论 -
HTML(一):行级标签、块级标签、其他标签
这里写目录标题一、HTML1.1 HTML概述1.1.1 HTML是什么1.1.2 HTML基本结构1.1.3 HTML语法细节1.2 字体标签1.2.1 Font标签1.2.2 标题标签1.2.3 特殊字符1.2.4 颜色表示1.3 列表标签1.3.1 定义列表1.3.2 有序列表1.3.3 无序列表1.4 图像1.4.1 Img1.4.2 Map1.5 超链接1.5.1 超链接概述1.5.2 链接资源1.5.3 定位标记1.6 表格1.6.1 table1.6.2 caption1.6.3 TBODY、原创 2021-10-23 01:36:04 · 1783 阅读 · 0 评论