- 博客(28)
- 收藏
- 关注
RSS订阅原创 Jquery进阶
Jquery对象.animate(运动参数,speed,easing，callback)运动参数 数据类型为{} {样式1：目标值，样式2：目标值…}speed 运动时间easing 运动方式callback 回调函数// 每个animate动画都会加入queue动画序列 有顺序的执行 $("div") . animate({
2022-10-03 09:06:59
598
原创 JQuery初识
是原生js封装的一个库，里面有很多方法 事件处理 动画方法等等JQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器，这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。
2022-10-03 08:57:57
123
原创 json数据和字符串json数据相互转换
在前端通过将一个符合 JSON 格式的数据结构序列化为 JSON 字符串，然后将它传递到后端，后端通过 JSON 格式的字符串解析后生成对应的数据结构，以此来实现前后端数据的一个传递。因为 JSON 的语法是基于 js 的，因此很容易将 JSON 和 js 中的对象弄混，但是应该注意的是 JSON 和 js 中的对象不是一回事，JSON 中对象格式更加严格，比如说在 JSON 中属性值不能为函数，不能出现 NaN 这样的属性值等，因此大多数的 js 对象是不符合 JSON 对象的格式的。
2022-10-03 08:53:24
10813
原创 javascript（十 一）创建面向对象，什么是原型和原型链，面向对象的继承
面向对象就是：把数据及对数据的操作方法放在一起，作为一个相互依存的整体——对象。对同类对象抽象出其共性，形成类。类中的大多数数据，只能用本类的方法进行处理。类通过一个简单的外部接口与外界发生关系，对象与对象之间通过消息进行通信。程序流程由用户在使用中决定。对象即为人对各种具体物体抽象后的一个概念，人们每天都要接触各种各样的对象，如手机就是一个对象。
2022-09-24 23:18:26
483
原创 JavaScript（九），缓冲动画
3.验证之后你会得到一个结论 你的假设要么成立 要么不成立 如果成立清除定时器。 1.假设所有属性都达到目标点再去清除定时器 var tag = true。 2.验证你假设的情况 一个一个属性的去验证。问题2：如果多个属性的目标值不一致，个别属性无法到达目标点。
2022-09-19 21:56:25
281
原创 JavaScript（八）懒加载，事件对象
每一个事件都有事件对象 这个对象中用来记录和该事件有关的一些信息注意：在事件处理函数中才可以使用事件对象如何获取事件对象标准浏览器和IE浏览器 window.event老版本火狐浏览器 在事件处理函数中的第一个参数作为事件对象事件对象兼容标签.事件类型 = function(eve){ var ev = window.event || eve }事件流：当事件发生的时候 事件在父子节点之间固定的传递顺序事件流包含两种事件机制捕获型事件。
2022-09-19 21:47:55
108
原创 JavaScript（七）获取节点，操作节点，BOM
BOM 浏览器对象模型 Browser Object Model 主要是针对浏览器进行操作 BOM给我们提供了很多工具方法，可以帮助我们快速操作浏览器window对象是整个BOM中的顶级对象 window对象包括下面的二级对象，其中二级对象中最特殊是document对象，document对象标识html节点 由document对象衍生出整个DOM每一个事件 都会拥有一个对象，这个对象用来纪律该事件的重要信息注意：事件对象只能存在于事件处理函数中 超过这个范围就不能使用了。
2022-09-12 18:32:03
1430
1
原创 javascript（六）数组排序,正则对象
DOM 文档对象模型(document object model) 主要提供一些api方法来操作html文档。
2022-09-12 18:21:03
293
原创 javascript（五）
作用 ：从字符串后面开始往前查找第一次出现的目标位置 如果找到返回正常的索引值 如果找不到则是返回-1。语法 ：str.lastindexOf(searchvalue,index)语法 str.toLowerCase() 转小写。
2022-09-03 20:57:00
2023
原创 javascript（四）
定时器的分类延时定时器语法: setTimeout(函数，时间)作用： 延迟一定的时间再去执行函数里面的代码，只会执行一次使用场景 ：广告弹窗间歇定时器语法：setInterval(函数，时间)作用：每隔一定的时间就去执行函数中的代码 会执行多次使用场景：轮播图 倒计时 计时器 抽奖注意:定时器的时间单位是ms 1s = 1000ms。
2022-09-03 20:23:06
1169
原创 JavaScript（三）
什么是属性:存在开始标签上 属性名=属性值 例如class=“box” id=“wrap”固有属性：系统给定的属性 例如 class id style href src自定义属性:程序员自己定义的属性如何设置和获取自定义属性。
2022-09-03 20:08:41
435
原创 JavaScript（二）
顺序结构(代码依次从上往下执行)选择结构(分支语句) if if-else if-else if-else switch循环结构：for while do-while for-in。
2022-08-27 20:53:43
841
原创 JavaScript（一）基础
1995 年 网景公司研发了第一个商用浏览器 js最开始出现的目的是为了解决表单提交是布兰登艾奇 利用 10 天时间解决了表单提交问题 借鉴liveScript -- - JavaScriptJavaScript和Java有什么区别微软也研发浏览器 1995 年 发布了 IE3 .0 -- -- 自己研发了一个类似于js的东西研发了一套标准：ECMAScript1 . 0 es1现在用的最广泛的标准是ECMASCript5 . 0 简称es5 ECMASCript6 . 0 -- - 简称es6。.....
2022-08-27 20:37:54
148
原创 FC (格式化上下文)
FC的全称是: Formatting Contexts,是 W3C CSS2.1规范中的一个概念。它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用。
2022-08-11 21:28:34
1583
原创 flex弹性盒子
弹性盒子是CSS3的一种新的布局模式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和空白空间的分配操作方便，布局简单，移动端使用广泛PC端浏览器支持情况较差IE11或更低版本中，不支持或部分支持在盒模型中较为灵活弹性盒模型的内容包括：弹性容器、弹性子元素——项目原理：为父元素设置flex属性，控制子元素的位置及排列方式应用场景 : 移动端。.........
2022-08-05 20:18:39
496
原创 布局技巧
注column-width和column-count不要一起去设置。盒子层层嵌套，利用内层盒子高度变化，外层盒子的高度也会同步变化。等高布局是指多列子元素在父元素中实现等高视觉效果的布局技巧。利用padding和margin负值相抵消。column-count分栏的个数。column-width分栏的宽度。column-rule分栏的边线。column-gap分栏的间距。column-span合并分栏。......
2022-07-30 21:35:37
105
原创 CSS三大特性
概念父元素向后代元素传递属性的机制表现后代元素会继承父元素的属性一般text-,line-,font-,color开头的基本都能继承a标签不能继承字体颜色colorh标签不能继承font-weightb.strong不能继承font-weighti,em不能继承font-style可继承的属性font-sizefontcolorcss的层叠性是通过继承性和优先级实现样式声明不冲突（同时应用于元素）样式声明冲突同级选择器，css样式中最后定义的声明应用于元素（就近原则）...
2022-07-30 21:01:28
101
原创 css常用属性
该属性是一个用逗号分隔阴影的列表，每个阴影由2-4个长度值、一个可选的颜色值和一个可选的inset关键字来规定。「溢出」规定当内容溢出元素框时发生的事情。每个半径的四个值的顺序是左上角，右上角，右下角，左下角。如果省略左下角，右上角是相同的。opacity属性设置元素的不透明级别(0-1)。从0.0（完全透明）到1.0（完全不透明）。inherit应该从父元素继承opacity属性的值。将内容（及所有后代）、背景一起透明，自身透明，子元素也透明。如果省略右上角，左上角是相同的。...............
2022-07-30 20:59:23
476
原创 css选择器
这个两个伪元素的content属性，表示伪元素的内容,设置before和after时必须设置其content属性，否则伪元素就不起作用。Eafter、Ebefore在旧版本里是伪元素，CSS3的规范里“”用来表示伪类，“”用来表示伪元素，但是在高版本浏览。之所以被称为伪元素，是因为他们不是真正的页面元素，html没有对应的元素，但是其所有用法和表现行为与真正。的页面元素一样，可以对其使用诸如页面元素一样的css样式，表面上看上去貌似是页面的某些元素来展现，实际。.........
2022-07-27 21:43:08
638
原创 CSS定位(position)
定位模式是否脱标占有位置是否可以使用边偏移移动位置基准静态static不脱标，正常模式不可以正常模式相对定位relative脱标，占有位置可以相对自身位置移动绝对定位absolute完全脱标，不占有位置可以相对于定位父级移动位置固定定位fixed完全脱标，不占有位置可以相对于浏览器移动位置。......
2022-07-27 11:48:03
390
原创 浮动(float)
元素的浮动是指设置了浮动属性的元素会脱离标准标准流的控制，移动到其父元素中指定位置的过程。选择器{float属性值;}属性值描述left元素向左浮动right元素向右浮动none元素不浮动（默认值）浮动脱离标准流，脱标不占位置，会影响标准流。浮动只有左右浮动。浮动首先创建包含块的概念（包裹）。就是说，浮动的元素总是找理它最近的父级元素对齐。但是不会超出内边距的范围一个父盒子里面的子盒子，如果需要所有子元素一行对齐显示，就需要所有子元素都进行浮动。元素添加浮动后，元素会。...............
2022-07-27 10:25:47
158
原创 HTML笔记三
概念父元素向后代元素传递属性的机制表现后代元素会继承父元素的属性一般text-,line-,font-,color开头的基本都能继承a标签不能继承字体颜色colorh标签不能继承font-weightb.strong不能继承font-weighti,em不能继承font-style可继承的属性font-sizefontcolorcss的层叠性是通过继承性和优先级实现样式声明不冲突（同时应用于元素）样式声明冲突同级选择器，css样式中最后定义的声明应用于元素（就近原则）......
2022-07-26 22:15:22
157
原创 HTML笔记二
CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括边距、边框、填充、和实际内容。（即装东西的容器）所有HTML标签可以看作盒子，在CSS中，“boxmodel”这一术语是用来设计和布局时使用的。（即网页布局就是利用CSS摆盒子）......
2022-07-26 22:10:01
54
原创 HTML笔记一
总结使用频率基础选择器中最常用是类选择器id用于页面中唯一模块标签选择器定义的全局样式，单独使用要慎重*号通常用于重置样式【最不常用】
2022-07-22 22:41:48
72
原创 HTML介绍
HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言。通过HTML标记（标签）对网页中的文本、图片、多媒体等内容进行描述。说明：HTML文档也被称为网页构成网页的基本单位
2022-07-12 20:39:15
73
原创 浏览器及内核
chrome 谷歌浏览器生产商：Google内核：webkit、blink2.Firefox 火狐浏览器生产商：Mozilla内核：gecko3.Safari 苹果浏览器生产商：苹果公司内核：webkit4.opera 欧朋浏览器生产商：挪威欧普拉软件公司内核：presto blink5.IE 浏览器生产商：微软公司 Microsoft内核：trident其他浏览器：大部分国产的浏览器（qq浏览器，uc浏览器，猎豹浏览器，360浏览器）基本上是在IE浏览器的内核上进行的二次开发现在国内市场上有许多双内核的
2022-07-12 20:04:06
82
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人