weixin_45222170的博客

原创 CSS动画常用属性

原创 DOM笔记

原创 JS内置对象

内置对象 内置对象包含Math、Date、Array、String 详细内容可以查看文档：MDN/W3C Math对象 Math.PI 表示一个圆的周长与直径的比例 Math.abs(x) 函数返回指定数字 “x“ 的绝对值 Math.ceil() 函数返回大于或等于一个给定数字的最小整数 console.log(Math.ceil(.95)); // expected output: 1 console.log(Math.ceil(7.004)); // expected output: 8 Math.

原创 JS逻辑中断运算

逻辑中断与短路运算 表达式1&&表达式2 如果表达式1，结果为真，则返回表达式2；如果表达式1，结果为假，则返回表达式1 console.log(123 && 456); // 456 console.log(0 && 456); // 0 console.log('' && 1+2 && 456*1564 ); // '' // 如果有空或者否定的为假 逻辑中断或短路运算 如果表达式1，结果为真，则返回表达式1；

原创 JS数据类型转换

转换成字符型 1、toString（） var num=10; var str=num.toString(); 2、String（） var num=10; console.log(String(num)); 3、拼接转换 字符串类型与其他类型拼接之后都是字符串类型 var num=10; console.log(num+''); 转换成数字类型 prompt()取得的变量类型是字符型 var age=prompt('请输入你的年龄'); // 1、parseInt（变量） 把字符型转换成整数

原创 CSS属性书写顺序

属性书写顺序 1、布局定位属性 display/position/float/clear/visibility/overflow 2、自身属性 width/height/margin/padding/border/background 3、文本属性 color/font/text-decoration/text-align 4、其他属性 content/cursor/border-radius/box-shadow ...

原创 css常见问题

取消表单轮廓和防止拖拽文本域问题 1、取消表单轮廓 outline：none 2、防止拖拽文本域 resize：none 图片底部留白空隙问题 解决方法有两种： 给图片添加vertical-align：middle、top、bottom 因为图片默认是与文字基线对齐 将图片转换成块级元素 display：block 因为只有行内块元素才有vertical-align 单行文字溢出省略号显示问题 1、强制文字在一行内显示 white-space：nowrap； 2、将文字溢出部分隐藏 overfl

原创 文字图标下载网站推荐

推荐下载网站： icomoon字库 链接 IcoMoon成立于2011年，退出了第一个自定义图标字体生成器，它允许用户选择多需要的图标，使它们成一字型。该字库内容种类繁多，非常全面，唯一遗憾的是国外服务器，打开网速较慢。 阿里iconfont字库 链接 这个是阿里妈妈M2UX的一个iconfont字体图标库，包含了淘宝图标库和阿里妈妈图标库，可以使用AI制作图标上次生成。重点是，免费！ ...

原创 前端浏览器知识

浏览器 常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等 内核： IE：Trident Firefox：Gecko Safari：Webkit Chrome/Opera：Blink（Webkit的一个分支） Web标准 Web标准是W3C组织和其他标准化组织制定的一系列标准集合。W3C（万维网联盟）是国际最著名的标准组织。 为什么需要Web标准？ 浏览器不同，显示的页面和排版都有差异 Web标准的构成 主要包括结构（Struction）、表现（Prensenta

原创 appendChild元素

appendChild元素 向文档中添加和移除元素(节点)，需要使用到appendChild元素 <p id="js">Javascript</p> <div id="list"> <p id="se">JavaSE</p> <p id="ee">JaveEE</p> <p id="me">JaveME</p> </div> <script> /