![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端自学笔记
文章平均质量分 88
HZWANG30
这个作者很懒,什么都没留下…
展开
-
前端学习笔记11:WebAPI编程
前端自学笔记原创 2023-11-09 10:07:13 · 160 阅读 · 0 评论 -
前端学习笔记10:JavaScript数组、函数,作用域、域解析、对象
预解析:JS引擎会吧js里边所有的var 和function提升到当前作用域的最前面。1、对象自面量:花括号 { }包含对象的属性(键值对形式)和方法。的集合,所有的事物都是对象。// (1) 利用 等号 = 赋值的方法 添加对象的属性和方法。// 内部交换2个变量的值 前一个和后面一个数组元素相比较。调用属性:对象名.属性名 或 对象名[‘属性名’]// 里面的循环管 每一趟的交换次数。定义:是具体的实物,是一组无序的相关。// 调用函数返回的是一个对象。// 创建了一个空的对象。原创 2023-07-13 14:03:42 · 182 阅读 · 0 评论 -
前段自学笔记9:JavaScript流程控制-分支
/ 执行思路 跟while不同的地方在于 do while 先执行一次循环体 在判断条件 如果条件表达式结果为真,则继续执行循环体,否则退出循环。在一个程序执行的过程中,各条代码的执行顺序对程序的结果是有直接影响的,流程控制就是控制代码按照什么顺序执行。根据表达式对应的case中的value值,执行对应的代码;③switch进行条件判读后直接执行到程序的条件语句,当分支多时,执行效率更高;// 如果数字小于10,则在这个数字前面补0,(加0 拼接) 否则 不做操作。// 三元表达式 表达式?原创 2023-07-01 21:33:03 · 155 阅读 · 0 评论 -
前端自学笔记8:JavaScript基础语法
前段自学笔记原创 2023-06-28 21:17:46 · 66 阅读 · 0 评论 -
前端自学笔记7:响应式网页
前段自学笔记原创 2023-06-12 20:37:43 · 122 阅读 · 0 评论 -
前端自学笔记6:移动适配
前端自学笔记:移动适配原创 2023-05-29 19:28:30 · 285 阅读 · 0 评论 -
前端自学笔记5:移动端布局学习
目前:移动端使用Flex布局(弹性布局),是一种浏览器提倡的布局模型,更灵活简单,可以避免浮动脱标问题。一般情况下,网站移动端以二倍图居多(为了高分辨率下图片不会模糊失真)。设置过视口标签后,网页宽度和设备宽度相同,否则设备宽度为980。即可查看移动端效果。通过自动生成视口标签设置视口宽度,制作适配不同设备宽度的网页。使用的是百分比布局/流式布局(宽度自适应,高度固定)/* 单独设置某个弹性盒子的侧轴对齐方式 */PC和移动端分辨率:参考逻辑分辨率;首先,在网页中右击,选择检查;/*设置flex布局*/原创 2023-05-04 21:35:44 · 161 阅读 · 0 评论 -
前端自学笔记4:动画
animation-fill-mode:执行完毕时状态(不能加infinite和alternate属性):取值有backwards(默认属性)、forwards(停留在结束的状态)。animation-timing-function:速度曲线取值例如:linear表示匀速、steps(整数)表示分步动画;animation-iteration-count:重复次数:取值为整数,刷新后动画重复几次。/* 1680/12 : 保证显示区域的尺寸和一个精灵小图的尺寸相同 */2、定义动画:改变背景图的位置;原创 2023-04-21 20:56:40 · 91 阅读 · 0 评论 -
前端自学笔记3:空间位移
相当于标准流不再是一个平面,而是有前后关系的空间,向前移动的东西会变大,向后移动的东西会变小(可以观察出Z轴移动效果)这里效果只显示在X轴和Y轴移动,是因为目前的标准流是一个平面,后边会介绍一个属性来显示Z轴的位移效果。2、然后将橙色沿X轴旋转90度,使两个图片排列成垂直的关系,即绿色平行于屏幕,橙色垂直于屏幕;/*为了方便观看效果,将靠后的那一面向上移动了px,且将两个盒子bgc设置了透明度*//*正值表示向屏幕外移动,会变大*//*负值表示向屏幕里移动,会变小*//*沿Y轴转动30度,查看效果*/原创 2023-04-19 21:16:33 · 206 阅读 · 0 评论 -
前端自学笔记2:旋转效果的实现
原理:第一步,先通过设置绝对定位,将小盒子向右、向下移动大盒子的50%;第二步,再通过平移,将小盒子向左,向上移动自身的50%。第一步实现/*给大盒子设置相对定位:*//*给小盒子设置绝对定位:*/left: 50%;top: 50%;效果如下:/*给小盒子设置样式*/原创 2023-04-15 18:09:05 · 1047 阅读 · 0 评论 -
前端学习笔记1:字体图标的下载与使用
自学前段笔记原创 2023-04-14 22:14:58 · 359 阅读 · 0 评论