摘要: 常见的DOM获取方式 ====== 一、通过元素类型的方法来操作: document.getElementById();//id名,在实际开发中较少使用,选择器中多用class id一般只用在顶级层存在 不能太过依赖id document.getElementsByTagName();//标签名 d 阅读全文
posted @ 2019-12-27 21:32 Hou-Sheng 阅读(140) 评论(0) 推荐(0) 编辑
摘要: 目前流行的组件库有哪些?CSS,JS各有哪些流行的库? 什么是组件?为什么要用组件库? 组件是组成页面中最基本的元素,按钮,输入框,下拉选择都是组件,组件和组件组合就变成了一个更复杂的组件。至于为什么要用组件库我想应该是体验了,用户使用体验以及开发人员的开发体验,用户在页面上的交互都是通过组件,一个 阅读全文
posted @ 2019-12-27 21:31 Hou-Sheng 阅读(371) 评论(0) 推荐(0) 编辑
摘要: Less ====== 常见的预处理语言:Less Sass Stylus Less学习 使用 Less 的方式 页面引入js代码文件解析 1、 我们可以直接在客户端使用 .less(LESS 源文件),只需要从 http://lesscss.org下载 less.js 文件,然后在我们需要引入 L 阅读全文
posted @ 2019-12-27 21:29 Hou-Sheng 阅读(10197) 评论(0) 推荐(0) 编辑
摘要: 常见布局实现: 作者:Sweet_KK 链接:https://juejin.im/post/5aa252ac518825558001d5de 来源:掘金 一、水平居中 文本/行内元素/行内块元素居中 ==text align== 只控制行内内容(文字、行内元素、行内块元素)如何相对于他的块父元素对齐 阅读全文
posted @ 2019-12-27 21:27 Hou-Sheng 阅读(1311) 评论(0) 推荐(0) 编辑
摘要: HTML5的audio定义音频流 HTML5里引入的新标记 实现了HTML对视频播放和音频播放的原生支持,有了这种原生的HTML5视频播放器/音频播放器,我们不再需要flash技术,而直接能将视频/音频嵌入到了网页中。 两个标记上控制属性的含义: controls : 显示标准的 HTML5 视频/ 阅读全文
posted @ 2019-12-27 21:26 Hou-Sheng 阅读(1532) 评论(0) 推荐(0) 编辑
摘要: 护工列表页 ====== CSS Sprite雪碧图 什么是雪碧图 CSS雪碧图,即CSS Sprite,也有人叫它CSS精灵图,是一种图像拼合技术。该方法是将多个小图标和背景图像合并到一张图片上,然后利用CSS的背景定位来显示需要显示的图片部分 使用场景 静态图片,不随用户信息的变化而变化。 小图 阅读全文
posted @ 2019-11-28 21:15 Hou-Sheng 阅读(149) 评论(0) 推荐(0) 编辑
摘要: 任务5:护工个人主页 ====== Flex相关知识总结 特性 默认水平对齐 默认不换行 默认使所有子元素占满一行,并自动调整子元素的大小(改变默认宽度) flex 容器属性 对齐属性flex direction row(主轴默认值) column(侧轴) row reverse(主轴翻转) col 阅读全文
posted @ 2019-11-28 09:12 Hou-Sheng 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 任务四:登录页 ====== 定位: 1. static(静态定位):默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z index 声明)。 2. relative(相对定位):生成相对定位的元素,通过top,bottom,left,right 阅读全文
posted @ 2019-11-28 09:10 Hou-Sheng 阅读(165) 评论(0) 推荐(0) 编辑
摘要: 任务三 魔镜介绍页 ===== PS切图 这里使用了一个叫做Cutterman的插件极大的方便了切图 使用PS的一些技巧: 移动工具选择某个对象右下角会出现对应的图层,开关小眼睛可以显示隐藏改对象,最终确定某个对象后显示选中切下来 使用插件切图选择Web的 png格式 获取UI中的信息:各部分之间的 阅读全文
posted @ 2019-11-25 16:24 Hou-Sheng 阅读(145) 评论(0) 推荐(0) 编辑
摘要: 回顾学习历程 ====== 创建一个html5的网页 网页基本要素DOCTYPE、html、head、body 声明是H5: 声明H4(已经过时): HTML网页文档的根要素,或者叫做根标记,是网页文档中最外层的标记。 ~~~ ~~~ 属性是lang="zh"设置网页描述语言为中文 HTML其他的特 阅读全文
posted @ 2019-11-20 18:50 Hou-Sheng 阅读(433) 评论(0) 推荐(0) 编辑