39款前端面试题-HTML&CSS篇
爱前端网 - Yang 发布于 2017-11-01
1.请描述一下 cookies,sessionStorage 和 localStorage 的区别? cookie是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密)。 cookie数据始终在同源的http请求中携带(即使不需要),记会在浏...
阅读(2220)赞 (5)
爱前端网 - Yang 发布于 2017-11-01
1.请描述一下 cookies,sessionStorage 和 localStorage 的区别? cookie是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密)。 cookie数据始终在同源的http请求中携带(即使不需要),记会在浏...
阅读(2220)赞 (5)
爱前端网 - Yang 发布于 2017-10-11
1.jQuery/CSS3带阴影的3D进度条插件 这是一款非常炫酷的jQuery/CSS3进度条插件,这款进度条插件的特点是带有阴影,外观看起来有着3D立体的视觉效果。另外进度条实体部分可以利用CSS3相关特性绘制任意效果的填充物,可以是渐变颜色,也可以是网格形状,同时我们可以动...
阅读(3555)赞 (4)
爱前端网 - Yang 发布于 2017-07-21
js中取小数点后两位方法最常用的就是四舍五入函数了,前面我介绍过js中四舍五入一此常用函数,这里正好用上,下面我们一起来看取float型小数点后两位一些方法总结 以下我们将为大家介绍 JavaScript 保留两位小数的实现方法: 四舍五入 以下处理结果会四舍五入: var nu...
阅读(2693)赞 (1)
爱前端网 - Yang 发布于 2017-01-11
1.jQuery带缩略图的焦点图动画 可切换背景 这次我们要分享一款很不错的jQuery焦点图插件,和之前的焦点图动画相同的是,它同样有缩略图,点击缩略图即可切换到任意一张图片,而且图片切换时也有淡入淡出的动画特效。但不同的是,这款jQuery焦点图插件在图片切换时网页的背景颜色...
阅读(2695)赞 (0)
爱前端网 - Yang 发布于 2016-12-16
随着 IE8 逐渐退出舞台,很多高级的 CSS 特性都已被浏览器原生支持,再不学下就要过时了。 1.用 :empty 区分空元素 兼容性:不支持 IE8 在线预览 假如我们有以上列表: <div class=”item”>a</div&g...
阅读(2146)赞 (1)
爱前端网 - Yang 发布于 2016-08-02
这是一个最好的时代,因为我们站在潮流中;但也是一个最坏的时代,因为我们站在潮头上。 META相关 1. 添加到主屏后的标题(IOS) <meta name=”apple-mobile-web-app-title” content=”标题&...
阅读(3713)赞 (0)
爱前端网 - Yang 发布于 2016-07-15
Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 一、HTML页面结构 <metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-s...
阅读(2345)赞 (1)
爱前端网 - Yang 发布于 2016-06-23
1.reset.css: html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blo...
阅读(1984)赞 (1)
爱前端网 - Yang 发布于 2016-06-15
Sass 是 CSS 的扩展,增加了嵌套规则,变量,混入功能等很多更多。它简化了组织和维护 CSS 代码的成本。Compass 是一个开源的 CSS 框架,使得使用 CSS3 和流行的设计模式比以往任何时候都更容易。 在这篇文章中,我们已经收集了一组有用的 Sass 和 Comp...
阅读(1899)赞 (0)
爱前端网 - Yang 发布于 2016-06-14
这是一个最好的时代,因为我们站在潮流中;但也是一个最坏的时代,因为我们站在潮头上。 一、META相关 1. 添加到主屏后的标题(IOS) <meta name=”apple-mobile-web-app-title” content=”标...
阅读(2131)赞 (0)
爱前端网 - Yang 发布于 2016-06-07
收集了60个较为实用、高效的工具资源库,可以帮助开发者快速创建各种Web App和移动App。这些资源的特点是:简单、便捷、免费、高效、功能多。当你独自一人需要在短期内构建一个产品的时候,这些起关键作用的工具定会给你留下更深刻的印象。 下面所列举的就是近期比较受欢迎的资源集合: ...
阅读(2020)赞 (0)
爱前端网 - Yang 发布于 2016-06-02
Material Design Lite简介 本文主要介绍Material Design设计语言的HTML/CSS/JS部分实现。 一、设计语言 github项目地址:https://github.com/google/material-design-lite 随堂练习代码地址:...
阅读(1811)赞 (0)
爱前端网 - Yang 发布于 2016-05-27
在移动应用程序开发工具的广泛网络市场中,J2ME工具已成功抢去了所有的风头。由Sun Microsystems公司开发的J2ME曾作为一个了不起的选项处理各种商品的开发相关事宜。无论是有关建立连接,为智能手机创建实用程序还是启用安全的手持式工具,J2ME专为满足无线设备和智能手机...
阅读(1718)赞 (0)
爱前端网 - Yang 发布于 2016-04-27
1.清除图片下方出现几像素的空白间隙 方法1: img{display:block;} 方法2: img{vertical-align:top;} 除了top值,还可以设置为text-top | middle | bottom | text-bottom,甚至特定的length和...
阅读(1753)赞 (0)
爱前端网 - Yang 发布于 2016-02-26
一.CSS部分 1.什么是盒模型? 盒模型是网页制作的基础,在网页文档中每个元素都将被描绘为一个矩形盒子来进行渲染。通常来说,一个完整的盒子如下图所示: 2.Doctype的几种类型? Doctype是Document Type(文档类型)的简写,在页面中,用来指定页面所使用的X...
阅读(2607)赞 (0)
爱前端网 - Yang 发布于 2015-12-29
介绍 我是一个ASP.NET MVC开发人员。最近当我找工作的时候,我发现很多问题都是围绕HTML 5和它的新功能展开的。所以,下面我将列出40个有助于你提高相关HTML 5知识的重要问题。 这些问题并不能保证你一定能找到工作,但可以肯定的是,如果你想提升自己关于这个主题的素养,...
阅读(2562)赞 (0)
爱前端网 - Yang 发布于 2015-12-16
JavaScript 1.HTML对象获取问题 FireFox:document.getElementById(“idName”); ie:document.idname或者document.getElementById(“idNameR...
阅读(2039)赞 (0)
爱前端网 - Yang 发布于 2015-11-16
这是一个最好的时代,因为我们站在潮流中;但也是一个最坏的时代,因为我们站在潮头上。 META相关 1. 添加到主屏后的标题(IOS) <meta name=”apple-mobile-web-app-title” content=”标题&...
阅读(2158)赞 (0)
爱前端网 - Yang 发布于 2015-11-03
本文详细描述了display:inline-block的基础知识,产生的问题和解决方法以及其常见的应用场景,加深了对inline-block应用的进一步理解。 基础知识 display:inline-block是什么呢?相信大家对这个属性并不陌生,根据名字inline-block...
阅读(1988)赞 (0)
爱前端网 - Yang 发布于 2015-10-13
下面这些CSS高级技巧,一般人我可不告诉他哦。 使用 :not() 在菜单上应用/取消应用边框 给body添加行高 所有一切都垂直居中 逗号分隔的列表 使用负的 nth-child 选择项目 对图标使用SVG 优化显示文本 对纯CSS滑块使用 max-height 继承 box-...
阅读(2599)赞 (0)