- 博客(21)
- 收藏
- 关注
RSS订阅原创 JS -- 创建对象的三种方式
是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，它总是与new运算符一起使用。值：相当于属性值，可以是任意类型的值（数字类型、字符串类型、布尔类型、函数类型等）利用构造函数创建一个英雄（名字属性、类型属性、血量属性、攻击方式）只要new 构造函数名（）调用函数就创建一个对象。就是花括号{}里面包含了表达这个具体事物（对象）的属性和方法。利用等号 = 赋值的方法 添加对象的属性和方法。属性和方法前面必须添加 this。对象中一些公共的属性和方法抽取出来。，注意括号里的属性必须家引号。...
2022-08-16 15:28:42
998
1
原创 JS - 数组的基本概念（初步认识数组）
/获取数组中的第二个元素，因为索引号是从0开始的。因为arr.length 可以动态监测数组元素的个数，但一定不要把数组的长度跟索引号混淆了，数组的长度就是元素个数。var 数组名 = ['小白','小黑','大黄','花花']；var arr = ['关羽','张飞','刘备','马超','赵云','黄忠','姜维'];var arr = ['关羽','张飞','刘备','马超','赵云','黄忠','姜维'];var arr = ['小白','小黑','大黄','花花']；...
2022-08-11 09:36:29
335
原创 移动端之REM和媒体查询
是一个相对单位，类似于em，em是父元素字体大小，不同的是rem的基准是相对于HTML元素的字体大小。rem单位是跟着html来走的，有了rem页面元素可以设置不同带下尺寸。媒体查询+rem就可以实现不同设备宽度，实现页面元素大小的动态变化。使用@media查询，可以针对不同的媒体类型定义不同的样式。当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。@media 可以针对不同的屏幕尺寸设置不同的样式。关键字 and not only。：排除某个媒体类型，相当于“非”的意思，可以省略。.
2022-08-10 10:27:04
488
原创 JS - 循环（for、while 、 do while）
循环体代码执行完毕后，程序会继续执行条件表达式，如条件仍为true，则会继续执行循环体，知道循环条件为false时，整个循环过程才会结束。：是指在一个循环语句中再定义一个循环语句的语法结构，例如在for循环语句中，可以再嵌套一个for循环，这样的for循环语句我们称之为双重for循环。该循环会先执行一次代码块，然后对条件表达式进行判断，如果条件为真，就会重复执行循环体，否则退出循环。双重for循环，外层循环一次，内层循环全部执行，for循环是循环条件和数字直接相关的循环。例如：for（var i = 1;.
2022-08-09 09:54:23
182
原创 移动端的一些具体介绍
在移动端，如果的你设置一个div的宽高都固定为200px的情况下，在414px视口下面，一行你可以放下两个div，那么在小于400px以下的视口设备中你都只能放下一个，这样就会是得布局错乱，好比一个物体在一个超大空间中显得很小，但是在小的空间存放不下，为使得页面布局不管在什么设备上都是正常，协调的情况，就会采用媒体查询 + rem，来根据不同的设备去相应的改变元素的大小。移动端CSS初始化推荐是用normalize.css ：保护了有价值的默认值、修复了浏览器的bug、是模块化的、拥有详细的文档。...
2022-08-03 20:18:54
270
原创 移动端布局（简单介绍）
由于物理像素与css像素比不一样，所以对于一张50px*50px的图片，在手机上打开，会按照物理像素比放大倍数，这样会造成图片模糊。我们要解决在高清设备中的模糊问题，通常使用二倍图，看实际开发需要。Retina（视网膜屏幕）是一种显示技术，可以将把更多的物理像素点压缩至一块屏幕里，从而达到更高的分辨率，并提高屏幕显示的细腻程度。移动端开发主流方案：1.单独制作移动端页面（主流）2.响应式页面兼容移动端（其次）less+rem+媒体查询布局。flex弹性布局（强烈推荐）流式布局（百分比布局）......
2022-08-02 20:26:01
110
原创 css弹性盒子（flex）
注意主轴和侧轴是会变化的，就看flex-direction设置谁为主轴，剩下的就是侧轴，而我们的子元素是跟着主轴来排列的。采用flex布局的元素，称为flex容器，它的所有子元素自动成为容器成员，称为Flex项目。flex-start默认值从头部开始如果主轴是x轴，则从左到右。space-between子项在侧轴先分布在两头，再平分剩余空间。flex-direction属性决定主轴的方向（项目的排列方向）属性是flex-direction和flex-wrap属性的复合属性。...
2022-07-31 17:10:16
520
原创 CSS之2D转换
4.transformscale（2）只写一个参数，第二个参数则和第一个参数一样，相当于scale（2,2）3.translate中的百分比单位是相对于自身元素的translate（50%，50%）；6.scale缩放最大的优势可以设置转换中心点缩放，默认以中心点缩放的，而且不影响其他盒子。2.transformscale（1,1）宽和高都放大一倍，相当于没有放大。3.transformscale（2,2）宽和高都放大了两倍。2.xy默认转换的中心点是元素的中心点（50%，50%）...
2022-07-29 13:58:35
109
原创 CSS的三大特性（层叠行、继承性、优先级）
继承的权重是0，如果该元素没有直接选中，不管父元素权重多高，子元素得到的权重都是0。子元素没有设置行高，则会继承父元素的行高为1.5当前子元素的文字大小*1.5。选择器不同，则根据选择器权重执行。4组数字组成，不会有进位，从左向右判断。权重叠加复合选择器需要计算权重。子标签会继承父标签的某些样式。样式冲突，遵循就近原则。...
2022-07-15 17:20:18
212
原创 CSS省略号的制作
1.先强制一行内显示文本 white-space:nowrap;2.超出的部分隐藏溢出 overflow:hidden;3.文字用省略号代替超出的部分 text-overflow:ellipsis;一、给父元素设置1.溢出隐藏 overflow: hidden;2.设置行高与容器高度成倍数关系，这样避免文本溢出时，文字显示一半 line-height: 20px;3.设置文本对齐方式为两端对齐，这样在伪元素内容遮盖末
2022-07-13 20:44:45
5785
原创 CSS选择器
1.标题选择器· 语法：标签名{}2.Id 选择器 语法：#id属性值{} 注意：id属性值不能以数字开头，不建议汉字，不能重复使用3.class选择器 语法：.class属性值{}1.交集选择器 语法：选择器1选择器2选择器3{}2.并集选择器 语法：选择器1,选择器2,选择器3{}1.父子关系 语法：父元素>子元素{}2.祖先后代 语法：祖先元素 后代元素{}3.兄弟关系 语法
2022-07-12 19:25:11
178
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人