摘要: 1.代码是如何变成网页的 <1>页面生成分为5步 HTML 解析为 DOM Tree; Css 代码转化为CSS OM (css object model) DOM Tree 与 CSS OM 合成一颗渲染树 生成页面布局,即将所有的渲染树所有节点进行页面合成 将布局绘制到屏幕上 补充浏览器的渲染过 阅读全文
posted @ 2017-09-06 16:53 wust_hy 阅读(116) 评论(0) 推荐(0) 编辑
摘要: 1. Node JavaScript web服务器框架,主要特点:事件驱动,异步 I/O,强制不共享任何资源的单线程,单进程系统。 每一个node进程都构成网络应用中的一个节点。 左图是Chrome浏览器的大体框架,右图是Node大体框架。补充说明webkit是用c语言开发的浏览器内核。 浏览器的主 阅读全文
posted @ 2017-09-06 12:43 wust_hy 阅读(179) 评论(0) 推荐(0) 编辑
摘要: 1.css CSS 样式重置的是一些默认带有margin值的元素,而 li 默认没有 margin 值。 2.css 样式优先级 优先级是基于不同选择器组成的匹配元素规则。优先级高的css样式,将覆盖优先级低的css样式,成为最终dom元素在网页中显示的样式。(误区,简单认为定义顺序靠后的css样式 阅读全文
posted @ 2017-09-05 15:12 wust_hy 阅读(600) 评论(0) 推荐(0) 编辑
摘要: 1.概念 将网页看成一个三维空间,z-index相当于设置元素在z 轴上的坐标。因此有了3个概念:层叠上下文,层叠层,层叠次序; 层叠次序如下: 1>背景和边框:形成层叠上下文的元素的背景和边框,层叠上下文中最低等级。 2>负z-index值:层叠上下文内设置了负z-index的子元素。 3>块级元 阅读全文
posted @ 2017-09-05 14:50 wust_hy 阅读(122) 评论(0) 推荐(0) 编辑
摘要: 1.事件代理 事件代理是指在父元素上注册事件回调函数,若在父元素容器内的子元素触发了该事件,则在父元素上响应该事件。即父容器代理了在其容器内所有子元素的事件处理,优点是:1>减少了事件绑定(只需要在父容器上绑定事件);2>动态变化的DOM结构仍然可以监听(父元素可以根据event.target.ta 阅读全文
posted @ 2017-09-03 16:55 wust_hy 阅读(231) 评论(0) 推荐(0) 编辑
摘要: XSS cross-site scripting 跨站点脚本,为了避免与css冲突,命名为XSS。它是将恶意代码作为一个网页内容,这些恶意代码会注入到用户的浏览器中并执行,从而使用户受到攻击,常见的有窃取用户的cookie。对web服务器无直接危害。 解决方法: 在服务器端通过filter过滤检查提 阅读全文
posted @ 2017-09-02 14:24 wust_hy 阅读(207) 评论(0) 推荐(0) 编辑
摘要: 1. 背景 前端已经从简单的页面展示逐渐向着大型的前端应用发展,自然前端应用的代码量以及各种资源都在不断地增加。如何解决浏览器快速显示,实现异步资源加载成为了一个要解决的问题。其次,随着前端代码量的增加,如何实现模块化开发或者多人写作并发开发,成为另外一个问题。当然,模块化开发才能实现模块化加载,如 阅读全文
posted @ 2017-09-02 13:46 wust_hy 阅读(189) 评论(0) 推荐(0) 编辑
摘要: HTML • HTML5新增了哪些内容或API,使用过哪些 Html5 的目的是将互联网内容语义化,更好的为人类和机器阅读,同时更好的支持各种媒体的嵌入。 新的API: • HTML Geolocation //获取用户的地理位置 • HTML Drag and Drop • HTML Local 阅读全文
posted @ 2017-06-18 21:59 wust_hy 阅读(231) 评论(0) 推荐(0) 编辑
摘要: 1. javascript的typeof返回哪些数据类型? number string function object undefined boolean 2. 什么是盒子模型? 在一个html文档中,每一个元素都被标示为一个矩形的盒子;矩形盒子由外边距(margin),边框(border),内边距 阅读全文
posted @ 2017-06-13 17:21 wust_hy 阅读(106) 评论(0) 推荐(0) 编辑
摘要: 0.引言 响应式web设计的作用主要使网页能在不同小大的显示窗口下依然优雅。当前的显示窗口有pc,ipad,iphone以及一些其他的设备。不同的显示窗口的分辨率各不相同,如何在不同的分辨率的情况下使网页依然显示良好呢? 1 流式布局 应对不同窗口大小的最简单的方案就是做一个等比缩放布局。根据不同的 阅读全文
posted @ 2017-04-30 20:56 wust_hy 阅读(143) 评论(0) 推荐(0) 编辑