![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 77
crosd
这个作者很懒,什么都没留下…
展开
-
js事件机制
IE 事件流被称为事件冒泡,这是因为事件被定义为从最具体的元素(文档树中最深的节点)开始触发,然后向上传播至没有那么具体的元素,有询问机制。7.scroll:当用户滚动带滚动条的元素中的内容时,在该元素上触发resize,scroll会在变化期间重复被激发,尽量保持代码简单。21.mouseout:在位于元素上方的鼠标光标移入到另外一个元素中(支持子元素)在被选元素上与.mouseleave效果相同。18.mouseleave:在位于元素上方的鼠标光标移动到元素范围之外时触发,不冒泡(不支持子元素)原创 2023-10-19 09:46:10 · 90 阅读 · 1 评论 -
H5API
将数据保存在session对象中。当有新的消息产生时,会将新的消息推送的给连接池(聊天室的所有用户)中的客户,而无消息的情况下,服务器端是不会有其它动作的。缺点:因为轮询需要在项目的使用过程中,每个一段时间就发送一个请求到后台(比如用户并没有发送新的消息,而轮询是一直在进行的),这样就导致了请求中有大半是无用,浪费带宽和服务器资源。由于不同的浏览器支持不同的编解码器,一般要指定多种格式的媒体来源。当我们的需求为一个聊天室的应用,我们需要时刻知道是否有人发布了新的消息,一般情况下的解决方案:轮询和长连接。原创 2023-10-19 09:44:19 · 78 阅读 · 1 评论 -
dom节点属性操作方法
insertBefore方法接受两个参数,第⼀个参数是所要插入的节点newNode,第⼆个参数是父节点parentNode内部的⼀个子节点referenceNode。1.document:最顶层的节点就是 document 节点,它代表了整个文档,文档里面最高的HTML标签,⼀般是 (文档节点)document是每个文档的根节点,根节点的唯⼀子节点是元素,我们称之为文档元素(documentElement)返回值是移除的子节点。4.replaceChild:将⼀个新的节点,替换当前节点的某⼀个子节点。原创 2023-09-05 16:28:19 · 442 阅读 · 0 评论 -
JavaScript事件机制
IE 事件流被称为事件冒泡,这是因为事件被定义为从最具体的元素(文档树中最深的节点)开始触发,然后向上传播至没有那么具体的元素,有询问机制。7.scroll:当用户滚动带滚动条的元素中的内容时,在该元素上触发resize,scroll会在变化期间重复被激发,尽量保持代码简单。21.mouseout:在位于元素上方的鼠标光标移入到另外一个元素中(支持子元素)在被选元素上与.mouseleave效果相同。18.mouseleave:在位于元素上方的鼠标光标移动到元素范围之外时触发,不冒泡(不支持子元素)原创 2023-09-05 16:27:00 · 87 阅读 · 0 评论 -
对象的创建方法
而上面的写法完全重写了默认的 prototype对象,因此其 constructor 属性也指向了完全不同的新对象(Object 构造函数),不再指向原来的构造函数。如果要解决这个问题,可以在重写原型对象时,专门设置constructor的值,但是,以这种⽅式恢复 constructor 属性会创建⼀个[[Enumerable]]为 true 的属性。只要给对象实例添加⼀个属性,这个属性就会遮蔽(shadow)原型对象上的同名属性,也就是虽然不会修改它,在通过对象访问属性时,会按照这个属性的名称开始搜索。原创 2023-09-05 16:24:20 · 37 阅读 · 0 评论 -
【无标题】属性方法
Object.prototype.propertyIsEnumerable() 检测给定的属性是否是该对象的自有属性,并且该属性是可枚举的返回true,其他返回false。⽆序属性的集合,其属性可以包含基本值,对象,或者函数。Object.prototype.hasOwnProperty()检测给定的属性是否是对象的自有属性,对于继承属性将返回false。在对象中:for(k in obj) k为对象的属性名,属性值为obj[k]valueOf():返回对象的字符串,数值,布尔值的表示。原创 2023-09-05 16:23:20 · 34 阅读 · 0 评论 -
正则表达式
3.\b 匹配⼀个零宽单词边界(zero-width word boundary),表示⼀个单词(⽽⾮字符)边界,也就是单词和空格之间的位置,或者字符(\w)与字符串开头或者结尾之间的位置。字符"|"用于分隔供选择的字符,选择项的尝试匹配次序是从左到右,直到发现了匹配项,如果左边的选择项匹配,就忽略右边的匹配项,即使它可以产⽣更好的匹配。也就是说,它匹配任意不在括号内的字符。尽可能多的匹配(⾸先取最多可匹配的数量为⼀组进⾏匹配),当匹配剩余的字符串,还会继续尝试新的匹配,直到匹配不到为⽌,为默认模式。原创 2023-09-05 16:21:00 · 74 阅读 · 0 评论 -
css语法.选择器、特性
CSS自身具备处理冲突的能力,在选择器一致的情况下,会根据代码的顺序进行判断,通常下方的代码会覆盖上方的代码。:nth-last-of-type: 选中同级别中同类型的倒数第n个标签(可以检索类型):first-of-type:选中同级别中同类型的第⼀个标签 (可以检索类型):last-of-type:选中同级别中同类型的最后⼀个标签 (可以检索类型):nth-of-type: 选中同级别中同类型的第n个标签(可以检索类型):only-of-type:选中⽗元素的特定类型的唯⼀⼦元素。原创 2023-09-04 16:02:49 · 36 阅读 · 1 评论 -
css盒模型
外边距重叠:2个盒子挨在一块,我们为2个盒子都加外边距时,默认情况上下外边距是不会叠加的, 会出现合并现象, 谁的外边距⽐较⼤就听谁的,⽔平⽅向上的外边距会叠加。注意点: 1.图⽚的地址必须放在url()中, 图⽚的地址可以是本地的地址, 也可以是⽹络的地址 2.如果图⽚的⼤⼩没有标。sticky:不脱离文档流,可以吸附在某个元素上,滚动条移动时,父元素如果不消失,会一直显示,直到父元素消失为止。浮动元素不会挡住没有浮动元素中的⽂字, 没有浮动的⽂字会⾃动给浮动的元素让位置,这个就是浮动元素字围现象。原创 2023-09-04 16:01:40 · 30 阅读 · 1 评论 -
css元素样式
ul,ol 元素的margin-top,margin-bottom均为16px(1em) , padding-left为40px(2.5em)dl 元素的margin-top,margin-bottom均为16px(1em),但是没有内边距 dd 元素的margin-left为。font-family:字体(一般会设置操作系统能够默认识别的字体),也可以使用第三方字体。p 元素的margin-top,margin-bottom为16px(1em)透明度,0-1之间的取值,取值为0的时候隐藏,占据屏幕空间。原创 2023-09-04 16:00:51 · 37 阅读 · 0 评论 -
JavaScript介绍
JavaScript 是⼀种基于原型编程、多范式的动态脚本语⾔,并且⽀持⾯向对象、命令式和声明式(如函数式编程)⻛格。JavaScript ( JS ) 是⼀种具有函数优先的轻量级,解释型或即时编译型的脚本语⾔。是前端的核心语言,用于网页/网站,webAPP,小程序开发,后台管理系统,nodejs编程。垃圾回收机制就是间歇的不定期的寻找到不再使用的变量,并释放掉它们所指向的内存。是前端框架的基础,很多框架用的是ES6语法,ES5是ES6的基本。条件是:不被其他对象引用的变量会被清除。原创 2023-09-04 15:59:54 · 47 阅读 · 0 评论 -
html表单
大多数用于用户信息收集表单控件的表现形式非常丰富,比如:文本框,密码框,单选复选框,下拉框,文本域等表单的子元素一定要包含在表单元素中,form。原创 2023-08-31 16:38:56 · 29 阅读 · 0 评论 -
htmlcss
HTML是HyperText Markup Language(超⽂本标记语⾔)它不是⼀种编程语⾔,⽽是⼀种标记语⾔,⽤于告诉浏览器如何构造你的⻚⾯。它可以由⼀系列HTML元素组合成web开发⼈员想要的简单或者复杂的⻚⾯。“超⽂本”就是指⻚⾯内可以包含图⽚、链接,甚⾄⾳乐、程序等⾮⽂字元素。原创 2023-08-31 16:37:34 · 68 阅读 · 0 评论