39款前端面试题-HTML&CSS篇
爱前端网 - Yang 发布于 2017-11-01
1.请描述一下 cookies,sessionStorage 和 localStorage 的区别? cookie是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密)。 cookie数据始终在同源的http请求中携带(即使不需要),记会在浏...
阅读(2279)赞 (5)
爱前端网 - Yang 发布于 2017-11-01
1.请描述一下 cookies,sessionStorage 和 localStorage 的区别? cookie是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密)。 cookie数据始终在同源的http请求中携带(即使不需要),记会在浏...
阅读(2279)赞 (5)
爱前端网 - Yang 发布于 2017-07-21
js中取小数点后两位方法最常用的就是四舍五入函数了,前面我介绍过js中四舍五入一此常用函数,这里正好用上,下面我们一起来看取float型小数点后两位一些方法总结 以下我们将为大家介绍 JavaScript 保留两位小数的实现方法: 四舍五入 以下处理结果会四舍五入: var nu...
阅读(2761)赞 (1)
爱前端网 - Yang 发布于 2017-05-12
1.超炫酷的30个jQuery按钮悬停动画 按钮插件是最常见的jQuery插件之一,因为它用途广泛,而且配置起来最为方便。今天我们要分享的是30个超炫酷的jQuery悬停按钮动画,当我们将鼠标滑过按钮时,按钮的背景就会播放不同的动画特效。这款jQuery按钮插件的使用方法也很简单...
阅读(4891)赞 (4)
爱前端网 - Yang 发布于 2017-03-09
我想很多程序员应该记得 GitHub 上有一个 Awesome – XXX 系列的资源整理。awesome-javascript 是 sorrycc 发起维护的 JS 资源列表,内容包括:包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板引擎、数据可视化、...
阅读(2818)赞 (1)
爱前端网 - Yang 发布于 2016-12-16
在十一月份的前端技术列表中,我们整合了一些令人感到惊叹的 GitHub 项目,其中包含了新的 CSS 框架、node.js包管理器,以及用于实现图标、加载效果、工具提示的纯 CSS 解决方案。 那么,让我们一起来看看吧。Have Fun ! 1.Wing Wing 是一个微型(压...
阅读(2218)赞 (1)
爱前端网 - Yang 发布于 2016-12-16
随着 IE8 逐渐退出舞台,很多高级的 CSS 特性都已被浏览器原生支持,再不学下就要过时了。 1.用 :empty 区分空元素 兼容性:不支持 IE8 在线预览 假如我们有以上列表: <div class=”item”>a</div&g...
阅读(2204)赞 (1)
爱前端网 - Yang 发布于 2016-12-15
1.浮动时,父级元素无法撑开 解决方案: 全局增加样式 .clearfix:after{content:”.”;display:block;height:0;clear:both;visibility:hidden}.clearfix{zoom:1} 父级...
阅读(2069)赞 (0)
爱前端网 - Yang 发布于 2016-08-02
这是一个最好的时代,因为我们站在潮流中;但也是一个最坏的时代,因为我们站在潮头上。 META相关 1. 添加到主屏后的标题(IOS) <meta name=”apple-mobile-web-app-title” content=”标题&...
阅读(3781)赞 (0)
爱前端网 - Yang 发布于 2016-07-15
Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 一、HTML页面结构 <metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-s...
阅读(2400)赞 (1)
爱前端网 - Yang 发布于 2016-07-04
概述 上一篇我们重点介绍了组件的创建、注册和使用,熟练这几个步骤将有助于深入组件的开发。另外,在子组件中定义props,可以让父组件的数据传递下来,这就好比子组件告诉父组件:“嘿,老哥,我开通了一个驿站,你把东西放到驿站我就可以拿到了。” 今天我们将着重介...
阅读(1991)赞 (0)
爱前端网 - Yang 发布于 2016-06-28
Vue.js介绍 Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。 如果你之前已经习惯了用jQuery操作DOM...
阅读(1918)赞 (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...
阅读(2062)赞 (1)
爱前端网 - Yang 发布于 2016-06-14
这是一个最好的时代,因为我们站在潮流中;但也是一个最坏的时代,因为我们站在潮头上。 一、META相关 1. 添加到主屏后的标题(IOS) <meta name=”apple-mobile-web-app-title” content=”标...
阅读(2185)赞 (0)
爱前端网 - Yang 发布于 2016-06-02
Material Design Lite简介 本文主要介绍Material Design设计语言的HTML/CSS/JS部分实现。 一、设计语言 github项目地址:https://github.com/google/material-design-lite 随堂练习代码地址:...
阅读(1878)赞 (0)
爱前端网 - Yang 发布于 2016-05-20
1.禁止右键点击 $(document).ready(function(){ $(document).bind(“contextmenu”,function(e){ return false; }); }); 2.隐藏搜索文本框文字 Hide when c...
阅读(1831)赞 (0)
爱前端网 - Yang 发布于 2016-05-04
自我进入这个行业,我就发现开发人员一直在努力征服CSS。 理由也很充分,开发人员是用逻辑思考的生物。添加一个DIV元素导致所有代码都不得不往下移一行,而另一个DIV”浮”到左侧,感觉没有任何意义。 你也一定听到过开发人员的抱怨: “我们只需要向...
阅读(1647)赞 (0)
爱前端网 - Yang 发布于 2016-04-27
1.清除图片下方出现几像素的空白间隙 方法1: img{display:block;} 方法2: img{vertical-align:top;} 除了top值,还可以设置为text-top | middle | bottom | text-bottom,甚至特定的length和...
阅读(1809)赞 (0)
爱前端网 - Yang 发布于 2016-02-26
一.CSS部分 1.什么是盒模型? 盒模型是网页制作的基础,在网页文档中每个元素都将被描绘为一个矩形盒子来进行渲染。通常来说,一个完整的盒子如下图所示: 2.Doctype的几种类型? Doctype是Document Type(文档类型)的简写,在页面中,用来指定页面所使用的X...
阅读(2713)赞 (0)
爱前端网 - Yang 发布于 2015-12-29
介绍 我是一个ASP.NET MVC开发人员。最近当我找工作的时候,我发现很多问题都是围绕HTML 5和它的新功能展开的。所以,下面我将列出40个有助于你提高相关HTML 5知识的重要问题。 这些问题并不能保证你一定能找到工作,但可以肯定的是,如果你想提升自己关于这个主题的素养,...
阅读(2637)赞 (0)
爱前端网 - Yang 发布于 2015-12-16
JavaScript 1.HTML对象获取问题 FireFox:document.getElementById(“idName”); ie:document.idname或者document.getElementById(“idNameR...
阅读(2103)赞 (0)