前端
文章平均质量分 63
FENGYNZ
菜的很真实
展开
-
第二次作业问题和方法
注:第二次作业减少了position属性的使用 更多的是使用margin和padding以及其他属性调节网页布局 并考虑网页兼容性问题。 盒模型的居中 水平居中 //html <div class="father"> <div class="son“> test </div> <div&原创 2018-10-27 18:05:58 · 96 阅读 · 0 评论 -
CSS一些新特性的总结篇
本周学习了一些CSS3的新特性 在此做出总结记录。 1. background-clip 设置元素的背景(背景图片或颜色)是否延伸到边框下面 一般设置背景只会存在于content和padding这条属性可以将背景衍生至边框。 参数值 border-box: 背景延伸到边框外沿(但是在边框之下)。 padding-box: 边框下面没有背景,即背景延伸到内边距外沿。 content-box: 背景裁...原创 2018-11-11 12:41:23 · 135 阅读 · 0 评论 -
事件委托
事件委托 一.概述 定义:只指定一个事件处理程序,就可以管理某一类型的所有事件。 二. 使用场景 对同一类型的dom节点设置相似的事件。 一般的做法是设置遍历,但是过多的遍历会增加与dom节点交互的次数从而会影响页面的整体运行性能。 从而使用事件委托,从对子元素的操作变为对父元素的操作。 三. 使用原理: 冒泡原理:事件从最深的节点开始,逐步向上传播。 实例: //html <div id=...原创 2018-11-17 15:35:05 · 132 阅读 · 0 评论 -
jQuery实现类似淘宝轮播图
jQuery实现类似淘宝轮播图 本周的作业是写一个类似淘宝首页的jQuery轮播图,这里做出记录。 如有错误,欢迎批评指证。 html实现静态的布局 静态布局分析 一个轮播图静态的部分分为三个 展示区 图片的储存部分 左右按钮 下方小圆点作为提示部分 html部分代码 <div class="container"> <!-- 展示区 --> <div cla...原创 2018-11-25 11:39:49 · 1619 阅读 · 2 评论 -
浏览器渲染页面过程
浏览器渲染页面过程 webkit内核的流程(chrome Opera) Gergo内核( Firefox ) 1)解析HTML 构建DOM树 浏览器从网络中获得HTML字节数据后 会经过一个流程将字节解析为DOM树 具体过程 编码:将HTML的原始字节数据装华为文件指定编码的字符 令牌化:浏览器根据HTML规范将字符串变成各种令牌 (各种标签) 生成DOM对象:令牌会被转换成定义其...原创 2018-12-08 23:43:10 · 124 阅读 · 0 评论 -
浏览器和node下的 Event Loop
浏览器和node下的 Event Loop 什么是Event Loop event loop “事件循环” 可以看作是一个执行模型。他一直在查找不同的事件并执行。 它主要是正对于js的异步处理。 对于浏览器来说,event loop是在html5的规范中明确规定,对于不同浏览器厂商有不同的规定。 NodeJS的Event Loop 是基于libuv实现的。libuv对Eventloop有单...原创 2019-03-30 23:27:25 · 140 阅读 · 0 评论