无微或无常-优快云博客

原创事件轮询机制

在js的异步任务中，分为宏任务和微任务宏任务（由宿主也就是浏览器和node引发）： setTimeout，setInterval，Ajax（网络请求），DOM事件微任务（js引擎发布的任务）： Promise async/await promise本身是同步的，then/catch的回调函数是异步的注意：微任务比宏任务的执行时间要早。

2024-10-11 19:45:09 937

官方定义：DOM是W3C制定的一个规范(标准)，(Document Object Model，文档对象模型)，是提供了访问和操作网页中各元素的方法，让程序可以动态的修改或改变网页元素的内容、样式、结构。DOM是W3C制定的一个规范(标准)，而这个规范在浏览器中，以对象的形式得以实现。在 1998 年，W3C 发布了第一级的 DOM 规范，所有的浏览器都执行了这个标准，因此，DOM 的兼容性问题也几乎难觅踪影了提供了访问HTML文档的方法, 允许开发者通过JS对HTML文档进行增, 删, 改, 查。

2024-10-11 18:45:32 997

原创 BOM对象

* ' ( )。创建一个表单，对表单中的用户名/密码/电话号码进行验证如果用户名长度在5-10位之间，并且以字母开头密码全都是数字电话号码都是数字并且长度为11位，并且第一位是1，那么就提交到msg.php 页面，否则就弹窗输出错误提示页面加载完毕，在页面弹出登录窗口，点击 X 关闭窗口(类似于知乎网站没有登陆的时候，访问时遮罩层的效果)注意：在使用moveTo，moveBy，resizeTo，resezeBy的时候，打开的窗口必须是自己的窗口，不能使用百度等在线的地址，会出现跨域的错误。

2024-09-25 17:12:37 1316

原创数据类型的转换

强行转换->通过内置对象的方法强制转换，比如：parseInt(),parseFloat(),Number(),String(),Boolean(),toString（）null == undefined true，但是换成 === 结果是false（因为类型不一致），剩下null/undefined和其他任何数据类型值都不相等。空值合并运算符，如果左侧的表达式为 null或者 undefined 时，返回其右侧表达式，否则返回左侧表达式。&&式子两边同时成立，执行的是if（true），只要有一个不成立。

2024-09-07 16:21:18 1251

原创流程控制

案例五：判断数组中值哪些是数字类型 var arr = [ '100px', 'abc'-6, [], -98765, 34, -2, 0, '300', , function(){alert(1);至少执行一次循环体的代码。continue语句只能应用在循环中（while、do......while、for）语句中用于中止本次循环，根据控制表达式还允许继续进行下一次循环。一般来说，在循环结构中动态改变循环变量的值时，建议使用 while 结构，而对于静态的循环变量，则可以考虑使用 for 结构。

2024-09-07 16:19:00 788

原创 js 笔记

解释：可以变化的量变量是用于存储信息的容器【内存空间】变量是一段命名的存储空间变量是在程序运行过程中值允许改变变量的值变量是由变量名，变量值，和变量类型组成。

2024-09-02 19:26:41 1093

原创 CSS的动画效果

3、以百分比来规定改变发生的时间，或者通过关键词 "from" 和 "to"，等价于 0% 和 100%。0% 是动画的开始时间，100% 动画的结束时间。2、创建动画的原理是，将一套 CSS 样式逐渐变化为另一套样式。在动画过程中，能够多次改变这套 CSS 样式。5、在CSS样式中，用animation属性来应用 @keyframes所定义的动画。语法：创建动画：@keyframes 调用动画：animation。1、通过 @keyframes(关键帧动画) 规则，您能够创建动画。

2024-08-26 19:16:26 1370

原创 CSS的过渡和2D效果，滤镜效果

浏览器私有属性前缀CSS3的浏览器私有属性前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚未成为W3C标准的一部分。浏览器私有属性前缀是为了解决浏览器的兼容问题，当一个属性成为标准，并且被Firefox、Chrome等浏览器的最新版普遍兼容的时候就不再使用了常用的浏览器前缀。

2024-08-24 16:16:57 1163

原创元素居中（方法）

利用transform属性中的（平移）translate（x,y)和绝对定位来进行元素居中。用margin：auto和绝对定位来进行元素居中。直接利用绝对定位来进行元素居中。

2024-08-23 09:01:40 517

原创盒模型和 box-sizing

height属性设置元素的⾼度注意：height属性不包括填充，边框，或边距取值：auto 元素实际高度length 设置像素级px高度% 基于父级元素的百分比高度inherit 从父级元素继承高度，也就是等于父级元素的高度.auto {.length {.pct {.inherit {border 简写属性在⼀个声明设置所有的边框属性可以按顺序设置如下属性：solid 实线dotted 点状线double 双实线dashed 虚线/* 设置四条边框的样式 */

2024-08-22 20:13:41 1090

原创背景属性（background）及精灵图的使用

background 设置背景的显示方式，是一个间歇属性设置顺序为：background-color background-image background-repeat background-attachment background-position可以设置如下属性：background-color 背景颜色background-image 背景图片background-repeat 背景平铺方式background-attachment 背景图片固定方式。

2024-08-21 19:31:01 1457

原创 HTML5新增和删减

HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持 h5添加css hack，css zoom知识点。

2024-08-20 19:56:27 1506

原创隐藏元素六种方式

宽：语法：width:0;注意：元素消失，但是还会占据空间。语法：position:absolute;语法：visibility:hidden 隐藏 / visible显示。高：注意：元素消失，不占据空间，让出原来的位置，可以使用过渡效果。语法：transform:scale(0) |（1）注意：元素消失，占据空间，不会让出原来的位置。注意：元素消失，但是还会占据空间。语法：opacity:0 |1。注意：元素消失，不会占据空间。注意：元素消失，不会占据空间。注意：元素消失，不占据空间。

2024-08-20 19:52:36 630

原创列表样式和表格样式 /display和overflow

overflow 属性规定当内容溢出元素框时发⽣的事情visible 不变hidden 超出隐藏scroll 滚动条显示内容auto 超出显示滚动条。

2024-08-15 19:46:23 394

原创前端常见案例

3. 使用padding-top代替margin-top，使用父元素的padding-top代替子元素的margin-top，父元素的高度减去相应的padding-top的值。2. 给父元素添加overflow：hidden 弊端：元素内容溢出会隐藏，设计一些定位展示的效果时，没办法显示。2. 给其中一个元素添加父元素，并且给父元素添加overflow：hidden。1. 给父元素添加border 弊端：border会占据空间。1. 只给其中的一个元素设置margin值。

2024-08-14 19:31:36 648

原创 css的选择器

标签选择器：使用标签名作为选择器 → 选中同名标签设置相同的样式。选择器名称以#开始，后面再加上对应元素的id属性值将对应元素的id属性值设为id选择器名称。选择器写法：选择器1, 选择器2, …选择器写法：父选择器子选择器 { CSS 属性}，父子选择器之间用空格隔开。通配符选择器： *，不需要调用，浏览器自动查找页面所有标签，设置相同的样式。通配符选择器可以用于清除标签的默认样式，例如：标签默认的外边距、内边距。作用：查找标签，差异化设置标签的显示效果。并集选择器：选中多组标签设置相同的样式。

2024-08-13 20:48:00 987

weixin_71949204的博客