2018 年 4月随笔档案 - 向往回得来

表格出现滚动条设置？

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

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

overflow问题--滚动设置？

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

posted @ 2018-04-28 17:58 向往回得来阅读(2075) 评论(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 向往回得来阅读(5586) 评论(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 向往回得来阅读(162) 评论(0) 推荐(0)

书写页面处理浏览器兼容性问题？

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

posted @ 2018-04-28 10:18 向往回得来阅读(297) 评论(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 向往回得来阅读(650) 评论(0) 推荐(0)

vue项目启动需安装？

摘要：安装node.js-->npm -v > cnpm i...-->phpStudy 阅读全文

posted @ 2018-04-26 09:05 向往回得来阅读(357) 评论(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 向往回得来阅读(1854) 评论(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 向往回得来阅读(136) 评论(0) 推荐(0)

网站重构？

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

posted @ 2018-04-08 22:10 向往回得来阅读(132) 评论(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 向往回得来阅读(2560) 评论(0) 推荐(0)

异步加载和延迟加载？

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

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

平时如何管理你的项目？

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

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

对前端界面工程师这个职位是怎么样理解的？它的前景会怎么样？

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

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

代码测试工具？

摘要：Profiler,JSPerf（http://jsperf.com/nexttick-vs-setzerotimeout-vs-settimeout）,Dromaeo 阅读全文

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

浏览器是如何渲染页面的？

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

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

前端开发中，如何优化图像？图像格式的区别？

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

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

减少页面加载时间的方法？

摘要：1.压缩css、js文件 2.合并js、css文件，减少http请求 3.外部js、css文件放在最底下 4.减少dom操作，尽可能用变量替代不必要的dom操作阅读全文

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

js继承的实现方法？

摘要：1. 原型链 2. call()/apply() 3. 混合方式(prototype和call()/apply()结合) 4. 对象冒充阅读全文

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

内存泄漏的分析？

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

posted @ 2018-04-08 20:05 向往回得来阅读(116) 评论(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 向往回得来阅读(205) 评论(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 向往回得来阅读(944) 评论(0) 推荐(0)

简述一下src与href的区别

摘要：src用于替换当前元素；href用于在当前文档和引用资源之间确立联系。 src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置 href是Hypertext Reference的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接阅读全文

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

请说出三种减少页面加载时间的方法

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

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

列举IE与其他浏览器不一样的特性？

摘要：a. IE的排版引擎是Trident （又称为MSHTML） b. Trident内核曾经几乎与W3C标准脱节（2005年） c. Trident内核的大量 Bug等安全性问题没有得到及时解决 d. JS方面，有很多独立的方法，例如绑定事件的attachEvent、创建事件的createEventO 阅读全文

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

对前端界面工程师这个职位是怎么样理解的？

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

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

AMD和CMD 规范的区别？

摘要：AMD 提前执行依赖 - 尽早执行，requireJS 是它的实现 CMD 按需执行依赖 - 懒执行，seaJS 是它的实现阅读全文

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

网站重构的理解

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

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

谈谈以前端角度出发做好SEO需要考虑什么？

摘要：a. 了解搜索引擎如何抓取网页和如何索引网页 b. meta标签优化 c. 关键词分析 d. 付费给搜索引擎 e. 链接交换和链接广泛度（Link Popularity） f. 合理的标签使用阅读全文

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

一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优化这些图片的加载，给用户更好的体验。

摘要：a. 图片懒加载，滚动到相应位置才加载图片。 b. 图片预加载，如果为幻灯片、相册等，将当前展示图片的前一张和后一张优先下载。 c. 使用CSSsprite，SVGsprite，Iconfont、Base64等技术，如果图片为css图片的话。 d. 如果图片过大，可以使用特殊编码的图片，加载时会先加阅读全文

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

向往回得来

04 2018 档案