js基础知识笔记
使用表单、prompt 获取过来的数据默认是字符串类型的,此时就不能直接简单的进行加法运算,而需要转换变量的数据类型。
三种方式转换为字符串型123var num = 1; alert(num.toString());var num = 1; alert(String(num));var num = 1; alert(num+“我是字符串”);
toString() 和 String() 使用方式不一样
三种转换方式,我们更喜欢用第三种加号拼接字符串转换方式,这一方式也称为隐士转换
转换为数字型
方式
说明
案例
parselnt(string)函数
将string类型转成整数数值型
parselnt(‘78’)
parseFloat(string)函数
将string类型转成浮点数数值型
parseFloat(‘78.21’)
Number()强制转换函数
将string类型转换为数值型
Number(‘12’)
js 隐式转换(- * /)
利用算术运算隐式转换为数值型
‘12’-0
注意 parseInt 和 parseFloat ,这两个是 ...
css背景设置
CSS背景选择一、background-color: 颜色值 设置背景颜色,默认transparent(透明色)二、background-image:none/url() 用于添加背景图片(例如超大的背景界面),比直接插入图片更加容易控制位置。三、background-repeat:图片平铺(默认平铺) = repeat-x | repeat-y | [repeat | no-repeat | space | round]{1,2}
repeat-x: 背景图像在横向上平铺
repeat-y: 背景图像在纵向上平铺
repeat: 背景图像在横向和纵向平铺
no-repeat: 背景图像不平铺
round: 背景图像自动缩放直到适应且填充满整个容器。(CSS3)
space: 背景图像以相同的间距平铺且填充满整个容器或某个方向。(CSS3)
四、background-position:x y;** 设置图片在背景中的位置,方位名词可以使用两个值(不分顺序),例如center top( ...
css背景设置
CSS 三角形12345678910div { width: 0; height: 0; line-height:0; font-size: 0; border-top: 10px solid red; border-right: 10px solid green; border-bottom: 10px solid blue; border-left: 10px solid #000; }
我们用css 边框border可以模拟三角效果
内容宽度高度为0
我们4个边框都要写, 只保留需要的边框颜色,其余的不能省略,都改为 transparent 透明就好了
为了照顾兼容性 低版本的浏览器,加上 font-size: 0; line-height: 0;
CSS用户界面样式所谓的界面样式, 就是更改一些用户操作样式,以便提高更好的用户体验。
更改用户的鼠标样式
表单轮廓等。
防止表单域拖拽
2.1 鼠标样式设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。
属性值
描述
default
...
复合选择器笔记(思维导图)
复合选择器
元素显示模式笔记(思维导图)
元素显示模式
Emmet语法学习
Emmet语法(vscode自带)一、快速生成HTML结构语法1、生成标签,输入div 按tab键,快速生成标签
2、div*5 生成5个div标签
3、父子级关系标签用> , 如ul>li
123<ul> <li></li></ul>
4、兄弟(并列)关系用+,如div+p
12<div></div><p></p>
5、生成带类名和id的标签直接写id(默认div标签)如.demo或#demo
1234567891011.id <div class="demo"></div>#demo<div id="demo"></div>p.demo 指定标签则前面加上限制标签即可<p class="demo"></p>ul>li.demo<ul> <li class="demo"&g ...