04 2018 档案

表格出现滚动条设置?
摘要:给表格设置为display:block;才能出现滚动条 给body设置overflow-x:hidden;和overflow-y:hidden;为了去除页面滚动条。 阅读全文

posted @ 2018-04-28 18:08 向往回得来 阅读(269) 评论(0) 推荐(0)

overflow问题--滚动设置?
摘要:左边保持不变,右边多出来的table的td要设置为overflow:scroll,但是有个问题,就是,无论td的宽度设置为多少,它都会按照表格的百分之百来自适应,根本不会出现滚动条,查阅了一些资料以后,找到了解决方案。 1.table要给它设定一个父级div,并且设置父级div的属性 -overfl 阅读全文

posted @ 2018-04-28 17:58 向往回得来 阅读(2072) 评论(0) 推荐(0)

移动端页面适配ipad?
摘要:1、 @custom-media --sm (min-width: 576px); @custom-media --md (min-width: 768px); @custom-media --lg (min-width: 992px); @custom-media --xl (min-width: 阅读全文

posted @ 2018-04-28 11:14 向往回得来 阅读(5579) 评论(0) 推荐(0)

移动端页面构建需注意?
摘要:1、 <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"> 2、 浮动问题:如果中间有盒子是浮动的,则需要把下边的盒子设置为定位的话,可以选择设 阅读全文

posted @ 2018-04-28 10:38 向往回得来 阅读(160) 评论(0) 推荐(0)

书写页面处理浏览器兼容性问题?
摘要:1、安卓浏览器看背景图片,有些设备会模糊。 想让图片在手机里显示更为清晰,必须使用2x的背景图来代替img标签(一般情况都是用2倍)。例如一个div的宽高是100*100,背景图必须得200*200,然后background-size:contain;,这样显示出来的图片就比较清晰了。 代码可以如下 阅读全文

posted @ 2018-04-28 10:18 向往回得来 阅读(294) 评论(0) 推荐(0)

html5视频插入?
摘要:一、网页中插入视频 <!doctype html> <html> <head> <meta charset="utf-8"> <title>网页视频测试</title> </head> <body> <div align="center"> <embed src="http://player.you 阅读全文

posted @ 2018-04-26 13:15 向往回得来 阅读(610) 评论(0) 推荐(0)

vue项目启动需安装?
摘要:安装node.js-->npm -v > cnpm i...-->phpStudy 阅读全文

posted @ 2018-04-26 09:05 向往回得来 阅读(355) 评论(0) 推荐(0)

vue中query与params的区别?
摘要:params、query是什么? params:/router1/:id ,/router1/123,/router1/789 ,这里的id叫做params query:/router1?id=123 ,/router1?id=456 ,这里的id叫做query。 阅读全文

posted @ 2018-04-25 14:48 向往回得来 阅读(1853) 评论(0) 推荐(0)

jquery使用
摘要:jquery的使用: 1. jquery注册事件:$("#btn").click(function (){ $(this).css(“backgroundColor”,“red”)}) 2.jquery转换dom对象:$("bthObj").get(0)或$("btnObj")[0] 3.dom对象 阅读全文

posted @ 2018-04-24 09:15 向往回得来 阅读(131) 评论(0) 推荐(0)

网站重构?
摘要:网站重构:在不改变外部行为的前提下,简化结构、添加可读性,而在网站前端保持一致的行为。也就是说是在不改变 UI 的情况下,对网站进行优化,在扩展的同时保持一致的 UI。 对于传统的网站来说重构通常是: 1. 表格(table)布局改为 DIV + CSS 2. 使网站前端兼容于现代浏览器(针对于不合 阅读全文

posted @ 2018-04-08 22:10 向往回得来 阅读(130) 评论(0) 推荐(0)

WEB应用从服务器主动推送Data到客户端有那些方式?
摘要:1. html5 websocket 2. WebSocket 通过 Flash 3. XHR长时间连接 4. XHR Multipart Streaming 5. 不可见的Iframe 6. <script>标签的长时间连接(可跨域) 阅读全文

posted @ 2018-04-08 22:08 向往回得来 阅读(2556) 评论(0) 推荐(0)

异步加载和延迟加载?
摘要:1. 异步加载的方案: 动态插入 script 标签 2. 通过 ajax 去获取 js 代码,然后通过 eval 执行 3. script 标签上添加 defer 或者 async 属性 4. 创建并插入 iframe,让它异步执行 js 5. 延迟加载:有些 js 代码并不是页面初始化的时候就立 阅读全文

posted @ 2018-04-08 22:04 向往回得来 阅读(585) 评论(0) 推荐(0)

平时如何管理你的项目?
摘要:1. 先期团队必须确定好全局样式(globe.css),编码模式(utf-8) 等 2. 编写习惯必须一致(例如都是采用继承式的写法,单样式都写成一行) 3. 标注样式编写人,各模块都及时标注(标注关键样式调用的地方) 4. 页面进行标注(例如 页面 模块 开始和结束) 5. CSS 跟 HTML 阅读全文

posted @ 2018-04-08 22:03 向往回得来 阅读(202) 评论(0) 推荐(0)

对前端界面工程师这个职位是怎么样理解的?它的前景会怎么样?
摘要:前端是最贴近用户的程序员,比后端、数据库、产品经理、运营、安全都近。 1. 实现界面交互 2. 提升用户体验 3. 有了Node.js,前端可以实现服务端的一些事情 前景: 1. 前端是最贴近用户的程序员,前端的能力就是能让产品从 90分进化到 100 分,甚至更好 2. 参与项目,快速高质量完成实 阅读全文

posted @ 2018-04-08 22:01 向往回得来 阅读(2586) 评论(0) 推荐(0)

代码测试工具?
摘要:Profiler,JSPerf(http://jsperf.com/nexttick-vs-setzerotimeout-vs-settimeout),Dromaeo 阅读全文

posted @ 2018-04-08 21:09 向往回得来 阅读(123) 评论(0) 推荐(0)

浏览器是如何渲染页面的?
摘要:渲染的流程如下: 1.解析HTML文件,创建DOM树。 自上而下,遇到任何样式(link、style)与脚本(script)都会阻塞(外部样式不阻塞后续外部脚本的加载)。 2.解析CSS。优先级:浏览器默认设置<用户设置<外部样式<内联样式<HTML中的style样式; 3.将CSS与DOM合并,构 阅读全文

posted @ 2018-04-08 20:50 向往回得来 阅读(185) 评论(0) 推荐(0)

前端开发中,如何优化图像?图像格式的区别?
摘要:1、不用图片,尽量用css3代替。 比如说要实现修饰效果,如半透明、边框、圆角、阴影、渐变等,在当前主流浏览器中都可以用CSS达成。 2、 使用矢量图SVG替代位图。对于绝大多数图案、图标等,矢量图更小,且可缩放而无需生成多套图。现在主流浏览器都支持SVG了,所以可放心使用! 3.、使用恰当的图片格 阅读全文

posted @ 2018-04-08 20:47 向往回得来 阅读(2634) 评论(0) 推荐(0)

减少页面加载时间的方法?
摘要:1.压缩css、js文件 2.合并js、css文件,减少http请求 3.外部js、css文件放在最底下 4.减少dom操作,尽可能用变量替代不必要的dom操作 阅读全文

posted @ 2018-04-08 20:39 向往回得来 阅读(191) 评论(0) 推荐(0)

js继承的实现方法?
摘要:1. 原型链 2. call()/apply() 3. 混合方式(prototype和call()/apply()结合) 4. 对象冒充 阅读全文

posted @ 2018-04-08 20:06 向往回得来 阅读(91) 评论(0) 推荐(0)

内存泄漏的分析?
摘要:(1)、当页面中元素被移除或替换时,若元素绑定的事件仍没被移除,在IE中不会作出恰当处理,此时要先手工移除事件,不然会存在内存泄露。 (2)、由于是函数内定义函数,并且内部函数--事件回调的引用外暴了,形成了闭包。闭包可以维持函数内局部变量,使其得不到释放。 阅读全文

posted @ 2018-04-08 20:05 向往回得来 阅读(108) 评论(0) 推荐(0)

如何消除一个数组里面重复的元素?
摘要:var arr1 =[1,2,2,2,3,3,3,4,5,6], arr2 = []; for(var i = 0,len = arr1.length; i< len; i++){ if(arr2.indexOf(arr1[i]) < 0){ arr2.push(arr1[i]); } } docu 阅读全文

posted @ 2018-04-01 13:33 向往回得来 阅读(202) 评论(0) 推荐(0)

行内元素有哪些?块级元素有哪些? 空(void)元素有那些?
摘要:行内元素:a、b、span、img、input、strong、select、label、em、button、textarea块级元素:div、ul、li、dl、dt、dd、p、h1-h6、blockquote空元素:即系没有内容的HTML元素,例如:br、meta、hr、link、input、img 阅读全文

posted @ 2018-04-01 13:22 向往回得来 阅读(939) 评论(0) 推荐(0)

简述一下src与href的区别
摘要:src用于替换当前元素;href用于在当前文档和引用资源之间确立联系。 src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置 href是Hypertext Reference的缩写,指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接 阅读全文

posted @ 2018-04-01 13:11 向往回得来 阅读(739) 评论(0) 推荐(0)

请说出三种减少页面加载时间的方法
摘要:a. 尽量减少页面中重复的HTTP请求数量 b. 服务器开启gzip压缩 c. css样式的定义放置在文件头部 d. Javascript脚本放在文件末尾 e. 压缩合并Javascript、CSS代码 f. 使用多域名负载网页内的多个文件、图片 阅读全文

posted @ 2018-04-01 12:15 向往回得来 阅读(2107) 评论(0) 推荐(0)

列举IE与其他浏览器不一样的特性?
摘要:a. IE的排版引擎是Trident (又称为MSHTML) b. Trident内核曾经几乎与W3C标准脱节(2005年) c. Trident内核的大量 Bug等安全性问题没有得到及时解决 d. JS方面,有很多独立的方法,例如绑定事件的attachEvent、创建事件的createEventO 阅读全文

posted @ 2018-04-01 12:14 向往回得来 阅读(293) 评论(0) 推荐(0)

对前端界面工程师这个职位是怎么样理解的?
摘要:a. 前端是最贴近用户的程序员,前端的能力就是能让产品从 90分进化到 100 分,甚至更好 b. 参与项目,快速高质量完成实现效果图,精确到1px; c. 与团队成员,UI设计,产品经理的沟通; d. 做好的页面结构,页面重构和用户体验; e. 处理hack,兼容、写出优美的代码格式; 阅读全文

posted @ 2018-04-01 12:13 向往回得来 阅读(187) 评论(0) 推荐(0)

AMD和CMD 规范的区别?
摘要:AMD 提前执行依赖 - 尽早执行,requireJS 是它的实现 CMD 按需执行依赖 - 懒执行,seaJS 是它的实现 阅读全文

posted @ 2018-04-01 12:12 向往回得来 阅读(125) 评论(0) 推荐(0)

网站重构的理解
摘要:重构:在不改变外部行为的前提下,简化结构、添加可读性,而在网站前端保持一致的行为。 a. 使网站前端兼容于现代浏览器(针对于不合规范的CSS、如对IE6有效的) b. 对于移动平台的优化,针对于SEO进行优化 c. 减少代码间的耦合,让代码保持弹性 d. 压缩或合并JS、CSS、image等前端资源 阅读全文

posted @ 2018-04-01 12:11 向往回得来 阅读(208) 评论(0) 推荐(0)

谈谈以前端角度出发做好SEO需要考虑什么?
摘要:a. 了解搜索引擎如何抓取网页和如何索引网页 b. meta标签优化 c. 关键词分析 d. 付费给搜索引擎 e. 链接交换和链接广泛度(Link Popularity) f. 合理的标签使用 阅读全文

posted @ 2018-04-01 12:08 向往回得来 阅读(238) 评论(0) 推荐(0)

一个页面上有大量的图片(大型电商网站),加载很慢,你有哪些方法优化这些图片的加载,给用户更好的体验。
摘要:a. 图片懒加载,滚动到相应位置才加载图片。 b. 图片预加载,如果为幻灯片、相册等,将当前展示图片的前一张和后一张优先下载。 c. 使用CSSsprite,SVGsprite,Iconfont、Base64等技术,如果图片为css图片的话。 d. 如果图片过大,可以使用特殊编码的图片,加载时会先加 阅读全文

posted @ 2018-04-01 12:07 向往回得来 阅读(1377) 评论(0) 推荐(0)

导航