1.BFC的理解2.box模型的理解3.box-sizing的理解4.渐进增强VS优雅降级5.url->页面加载完成的全过程6.js组件7.如何跨域访问8.js判断数组9.严格模式10.ajax的优缺点11.HTML、XML和XHTML的区别12.HTML语义13.内容与样式的分离14.meta标签的使用15.文档声明的作用16.严格模式和混合模式17.的作用18.常见的浏览器核心19.使用页面导入样式时link和@import有什么区别?20、浏览器内核的理解BFC的理解BFC用于格式化块级框BFC:提供一个环境,html元素将按照一定的规则进行布局。ex:比如一个浮动元素会形成bfc,浮动元素内部的子元素主要受浮动元素影响,但是两个浮动元素互不影响。这个可以理解为一个独立的容器,里面的规则不会影响到外面。那么在什么情况下会产生bfc:1.浮动元素,floatvaluesotherthannone2.绝对定位,position(absolite,fixed)3.display=inline-blocks|table-cells|table-captions4.overflow除了visible其他值的作用:1.可以防止元素被浮动元素覆盖。2.包含浮动元素。3、如果两个元素属于同一个bfc,上下边距会重叠,但是如果两个元素属于两个不同的bfc,那么margin会不同。理解css盒子模型不重叠盒子模型,包括content,padding,border,margin等,比如内容在哪里大家就知道了。我说设置width=300px的时候代表的是内容的宽度,所以最终宽度是content+padding+border+margin。cssmargin的组合刚才在bfc中提到过。在bfc中,css边距会重叠。解决方案是将它们放在两个bfc中。我们在使用盒子模型的时候,需要注意浏览器的兼容性。这是一个很好的解决方案。在html中声明,在mozilia中ul默认有padding值,在IE盒模型中只有margin有值我们经常会用到一个属性叫box-sizing,它会创建一个单独的页面,这也是一个常见的问题.box-sizing的理解box-sizing:content-box|border-box|inheritcontent-box是默认值。width=margin+border+padding+widthborder-box:width=border+padding+content在css中设置,那么totalwidth=margin+width往往是框宽的100%,想要两边的innerspacing继承:这个不用说了,就是渐进增强VS优雅降级的继承渐进增强:低级浏览器实现基本功能,高级浏览器实现交互,更好的体验优雅降级:在高级浏览器实现全部功能,然后针对低级浏览器Hack,使低级浏览器可以正常运行。两者是支持css3的浏览器版本不同造成的。url->页面加载的整个过程就完成了。1、浏览器查询域名对应的IP地址2、浏览器根据IP地址与服务器建立socket连接。3、浏览器与服务器通信:浏览器请求,服务器处理请求。,但是面试的这些答案足够js组件1.ECMAScript定义了脚本语言的属性、方法和对象2.文档对象类型(DOM):将整个页面规划成一个由节点层级组成的文档3.浏览器对象模型(BOM):如何处理浏览器广口和framework跨域访问1、jsonp跨域访问2、window.name用于跨域3、html5中的window.postMessage方法4、在http头信息中添加origin这个在我的A博客中专门讲了jsonp和origin这两种最常用的跨域请求方式。js判断数组returnObject.prototype.toString.call(arg)==='[objectArray]'严格模式用法:进入严格模式的flag是'usestrict',语法更严格,更安全,速度更快操作得到改善。1.显示全局变量的声明2.静态绑定:属性和方法所属的对象在编译阶段确定3.增强的安全措施:①禁止this指向全局对象②禁止遍历函数内部的调用栈4.禁止删除变量,除非使用configurable=true创建对象重名参数7.禁止八进制表示法8.禁止参数赋值,参数变化不会被跟踪,禁止arguments.callee9.函数必须是在顶层声明10.加入保留字ajax的优缺点负担,按需取数据,尽量减少冗余请求,部分刷新。缺点:浏览器存在差异,对流媒体和移动设备的支持不够好。HTML、XML和XHTML之间有什么区别?:ExtensibleMarkupLanguage用于传输和存储数据HTML语义直观理解标签和属性的作用,便于阅读和维护内容和样式分离可以保证网页平滑降级,易于维护使用元标签metaname=“关键字”告诉搜索引擎网页的关键字metaname="description"告诉搜索引擎站点的内容。mataname="author"content="name"站点制作看metaname="viewport"content="width=device-width,initial-scale=1.0"响应式页面文档声明让浏览器解析器知道需要什么规范用于解析文档以向后兼容的方式显示的功能。使用html5标准来解析和渲染页面。如果不写,就会进入混杂模式。常见浏览器内核IE使用tridentfirefoxGeckooperaBlinksafariChromewebkit页面导入样式时,使用link和@import有什么区别?加载页面时,链接也会同时加载。@import会在页面加载后加载浏览器内核的理解。WayJS引擎:解析执行js实现网页动态效果我的github,您的关注是我不断进步的动力https://github.com/skychenbo/...
