- 博客(6)
- 收藏
- 关注
原创 Wed Apis
WebApi介绍 组成:DOM操作页面元素,BOM控制浏览器行为 知道:DOM树的概念,理解DOM对象作用获取DOM对象 1 querySelector---满足条件的第一个元素 2 querySelectorAll---满足条件的元素集合, 返回的是伪数组, 有长度和索引号,但是没有push等方法 了解其他方式 getElementById getElementsByTagName ,这些不是
2022-06-29 19:53:28
68
1
原创 JavaScript 基础
引入方式JavaScript程序不能独立运行,它需要别嵌入HTML中,然后浏览器才能执行JavaScript代码.通过script标签将JavaScript代码引入带HTML中,有两种方式;内部方式通过script标签包裹JavaScript代码外部形式一般将JavaScript 代码写在独立的以js结尾的文件中,然后通过script标签的scr属性引入如果 script 标签使用 src 属性引入了某 .js 文件,那么 标签的代码会被忽略!!!如下代码所示:通过注释可以屏蔽代码被执行或
2022-06-20 20:35:07
86
原创 移动端的适配方案和LESS
移动端的适配方案:1.flex+ rem单位 做适配效果(比如淘宝和小米移动端) 当前的市场最多2.flex+ viewport width /vh单位 做适配效果(比如B站移动端) 新兴,马上的一个趋势让flex做布局(盒子摆放),让rem或者vw/vh 实现网页元素的尺寸(宽度和高度)适配屏幕 rem 适配rem单位rem是一个相对单位,1rem就是html文字的大小比如则此时的1rem就是35像素媒体查询媒体查询 mediaquery 可以自动 检测视口的宽度媒体查询一个非常大的作用是:根据屏幕
2022-06-16 21:36:48
184
原创 PC端和移动端的区别到底在哪,为什么总有人搞错两者的区别
PC端的特点:PC端有固定的版心,而且屏幕很大还有很多的兼容性移动端的特点:设备的宽度就是页面的宽度还不用考虑兼容性,可以放心的使用css的新特性物理分辨率和逻辑分辨率:物理分辨率:硬件所支持的,屏幕出厂就无法改变逻辑分辨率:软件可以达到的,前段开发中写的就是逻辑分辨率视口 视口( viewport) 就是浏览器显示页面的屏幕区域视口的分类:1布局视口:ios Android基本上都将视口分辨率设为980像素2视觉视口:用户看到的区域3理想视口:使用的设备有多宽,所展示的页面就有多宽视口标签有了视口标签,就
2022-06-13 21:10:34
1873
1
原创 CSS动画
动画最大的特点可以不用鼠标触发,自动的,反复的执行某些动画。动画使用分为定义和调用:定义: 或者是 2:调用 animation:动画名称 动画时长 速度曲线 延迟时间 重复次数 动画方向 执行完毕时状态动画名字参照css类选择器命名动画时长和延迟时间别忘了带单位 sinfinate 无限循环动画(重复次数)alternate 为反向 就是左右来回执行动画(跑马灯)forwards 动画结束停留在最后一帧状态, 不循环状态使用linear 让动画匀速执行...
2022-06-11 21:02:23
40
原创 字体图标和2D转换
字体图标1:引入相关文件1.1复制相关的文件,到 文件夹里面。1.2引入css使用类名引入字体图标(大多数使用) 第一个类名 目的是告诉这个盒子里面的文字是字体图标。 不是普通的文字。第二个类名 , 告诉盒子到底使用哪个小图标。使用伪元素字体图标这样结构比较清晰,省了很多小盒子注意: 使用伪元素字体图标,一定要声明字体。 font-family: "iconfont"总结:字体图标是前端工程师必须具备的知识点。 开发中, 字体图标上传,选择,都是网页美工给我们准备好了。我们重
2022-06-10 21:07:29
121
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人