gq_orange - 博客园

2017年8月27日

摘要： 1. 高度塌陷原因分析看下面的代码，总的父元素parent包含三个浮动的子元素，容器的高度不能自动伸长以适应内容的高度，出现了高度坍塌问题。（最上面的一条黑线就是parent元素了，可以看到它的高度为0）原因就是浮动使子元素脱离文档流，父元素无法感知子元素的存在，而且父元素内部不存在其他处于文阅读全文

posted @ 2017-08-27 20:47 gq_orange 阅读(566) 评论(0) 推荐(0) 编辑

WEB前端性能优化常见方法

摘要： web前端是应用服务器处理之前的部分，前端主要包括：HTML,CSS,javascript,image等各种资源，针对不同的资源有不同的优化方式。 1. 内容优化 2. 服务器优化 3. Cookie优化 4. CSS优化 5. javascript优化 6. 图像优化参考：WEB前端性能优化常见阅读全文

posted @ 2017-08-27 14:41 gq_orange 阅读(1811) 评论(0) 推荐(0) 编辑

script标签中defer和async属性的区别

摘要：向html页面中插入javascript代码的主要方法就是通过script标签。其中包括两种形式，第一种直接在script标签之间插入js代码，第二种即是通过src属性引入外部js文件。由于解释器在解析执行js代码期间会阻塞页面其余部分的渲染，对于存在大量js代码的页面来说会导致浏览器出现长时间的空阅读全文

posted @ 2017-08-27 14:17 gq_orange 阅读(557) 评论(0) 推荐(0) 编辑

2017年8月23日

mysql数据库基础总结

摘要：一、数据库是什么? 存储数据的仓库，是一种数据存储的文件系统，我们可以通过语言进行数据库中的数据的增删改查的操作。二、常见的数据库产品？关系型数据库： oracle:oracle公司的大型收费数据库产品，大型的java项目常用 SQL Server：微软的大型收费的数据库产品，主要用在.net大阅读全文

posted @ 2017-08-23 22:04 gq_orange 阅读(254) 评论(0) 推荐(0) 编辑

58同城2018提前批前端笔试题总结

摘要：今年58同城的题目出的不深，大多是考点基本概念，范围比较广。有一点值得注意的是，58的笔试不支持在线编译，代码靠手写。所以平时练习的时候要多重视手写代码的能力，因为编辑器编写和手写还是有很大区别的，面试也有很大概率让你手写代码。题型：10道填空，5个问答，2个应用，一道编程。 1.编程题实现对阅读全文

posted @ 2017-08-23 11:24 gq_orange 阅读(2302) 评论(1) 推荐(1) 编辑

2017年8月18日

两栏式布局和三栏式布局

摘要：两栏式布局要求：先加载内容区域，内容区域宽度自适应 1.使用绝对定位 2.使用浮动三栏式布局要求：两边宽度固定，中间自适应（1）先加载内容中间区域（2）后加载内容中间区域阅读全文

posted @ 2017-08-18 10:34 gq_orange 阅读(716) 评论(0) 推荐(0) 编辑

2017年8月16日

Less学习总结

摘要： Less is More , Than CSS 1. Less是什么？ LESSCSS是一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为CSS的赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护。LESSCSS可以在多种语言、环境中使用，包括浏览器端、阅读全文

posted @ 2017-08-16 18:49 gq_orange 阅读(202) 评论(0) 推荐(0) 编辑

2017年8月13日

网易2018提前批前端笔试编程题

摘要： 1.彩色砖块小易有一些彩色的砖块。每种颜色由一个大写字母表示。各个颜色砖块看起来都完全一样。现在有一个给定的字符串s,s中每个字符代表小易的某个砖块的颜色。小易想把他所有的砖块排成一行。如果最多存在一对不同颜色的相邻砖块,那么这行砖块就很漂亮的。请你帮助小易计算有多少种方式将他所有砖块排成漂亮的一阅读全文

posted @ 2017-08-13 12:55 gq_orange 阅读(2336) 评论(0) 推荐(0) 编辑

2017年8月12日

编写一个函数isMerge，判断一个字符串str是否可以由其他两个字符串part1和part2“组合”而成

摘要：编写一个函数isMerge，判断一个字符串str是否可以由其他两个字符串part1和part2“组合”而成。“组合 ”的规则如下： 1). str中的每个字母要么来自于part1，要么来自于part2; 2). part1和part2中字母的顺序与str中字母的顺序相同。例如： "codewars 阅读全文

posted @ 2017-08-12 11:48 gq_orange 阅读(1505) 评论(0) 推荐(0) 编辑

2017年8月10日

【转】解释下浏览器是如何判断元素是否匹配某个 CSS 选择器？

摘要：先产生一个元素集合，然后从后往前判断；浏览器先产生一个元素集合，这个集合往往由最后一个部分的索引产生（如果没有索引就是所有元素的集合）。然后向上匹配，如果不符合上一个部分，就把元素从集合中删除，直到真个选择器都匹配完，还在集合中的元素就匹配这个选择器了。举个例子，有选择器： body.ready 阅读全文

posted @ 2017-08-10 21:36 gq_orange 阅读(751) 评论(0) 推荐(0) 编辑

Orange

甘于平凡，不愿平庸。

公告