前端学习常见问题
yji534123343
热爱编程的大学生
展开
-
CSS清除浮动
浮动 Floats 是 CSS 中的一种布局方式。它的渲染位置在行框与包含块之间,这样就可以使行框内文字与浮动元素不重叠并且环绕它显示。在布局过程中也经常会使用它来达到左右并排布局的效果。但是,由于浮动特性,容器如果没有明确设定高度,会依照普通流内元素高度设置,这样就会导致脱离普通流的浮动元素溢出容器,影响其后元素布局。我们将现有已知的清楚浮动元素方法罗列下:采用一个HTML标签,以及css的cl...转载 2018-02-09 15:39:10 · 161 阅读 · 0 评论 -
前端性能优化点
一. HTTP优化1. 减少HTTP请求合并文件,例如css代码和js代码分别合并到一个css文件和js文件中;使用css sprite,详细请参考css优化中的css sprite部分。使用base64技术2. 重定向优化消除没必要的跳转利用服务器重写用户键入的链接使用HTTP而不是js或者meta来重定向3. 避免死链/空链/404/410错误避免出现404 Not Found错误避免出现图片...原创 2018-02-09 15:44:14 · 218 阅读 · 0 评论 -
如何实现条纹状背景色
本文地址:http://www.zhangxinxu.com/wordpress/?p=1605一、效果抢先您可以狠狠地点击这里:CSS3下的条纹背景demo在现代浏览器下,会有类似下面截图的些效果:这些美丽的纹饰全部都是由CSS实现的,没有一点点的图片。二、原理简述主要是应用了两个CSS3的属性,一个是linear-gradient,即线性渐变,另外一个就是background-size,用来确...转载 2018-02-10 09:32:33 · 1703 阅读 · 0 评论 -
网页中的无障碍阅读
Web无障碍设计(Accessibility in Web design,也叫网站可及性 )是要让所创建的网站对所有用户都可用/可访问,不管用户的生理/身体能力如何、不管用户是以何种方式访问网站。 为什么无障碍如此重要(帮助残障人士)为什么不是所有网站都能无障碍访问?你可能也会问自己为什么存在“无障碍”的问题,为什么不是所有网站都能让所有用户无障碍访问?要进行无障碍设计有许多不同原因,其中包括残疾...转载 2018-02-10 13:06:22 · 10210 阅读 · 1 评论 -
Less 语法学习
Less 语法学习(1)Less 支持CSS 所有的语法(2)Less 支持多行/单行注释,但CSS 只支持多行注释,所以Less 中的单行注释不会被编译到CSS 文件(3)Less 有变量(Variable)的概念声明变量: @变量名: 值;使用变量: 选择器{ 样式: @变量名; }变量值可以是任意合法的样式值。(4)Less 可以执行样式/变量的计算加、减、乘、除、取余(5)Less 支持样...原创 2018-02-10 19:25:11 · 317 阅读 · 0 评论 -
正则表达式的示例
电话号码的正则电话号码由数字和“-”组成如果包含区号,那么区号为三位或四位,首位是0区号用“-”和其他数字分割除了区号,电话号码为7到8位手机号码为11位11位手机号码的前2位为“13”,“14”,“15”,“17”,“18”分析电话号码分为固话和手机号,首先匹配固话,然后匹配手机号。固话的正则:regex=0\d{2,3}-\d{7,8}手机号的正则:regex=1[34578]\d{9}所以电...原创 2018-02-11 17:03:27 · 329 阅读 · 0 评论 -
JavaScript中的数据结构和算法学习
原文链接:http://caibaojian.com/learn-javascript.html本文主要讲述Javascript中实现栈、队列、链表、集合、字典、散列表、树、图等数据结构,以及各种排序和搜索算法,包括冒泡排序、选择排序、插入排序、归并排序、快速排序、顺序搜索、二分搜索,最后还介绍了动态规划和贪心算法等常用的高级算法及相关知识。在阅读之前假设你已了解并可以熟练使用Javascript...转载 2018-02-08 16:36:09 · 909 阅读 · 0 评论 -
js闭包概念的深入了解
谈起闭包,它可是JavaScript两个核心技术之一(异步和闭包),在面试以及实际应用当中,我们都离不开它们,甚至可以说它们是衡量js工程师实力的一个重要指标。下面我们就罗列闭包的几个常见问题,从回答问题的角度来理解和定义你们心中的闭包。问题如下:1.什么是闭包?2.闭包的原理可不可以说一下? 3.你是怎样使用闭包的?闭包的介绍我们先看看几本书中的大致介绍:1.闭包是指有权访问另一个函数...转载 2018-02-08 17:17:55 · 242 阅读 · 0 评论