排序:
默认
按更新时间
按访问量

web前端面试基础题

HTML行内元素有哪些?块级元素有哪些? 行内元素、块级元素的区别: 块级元素独占一行,宽度自动填满父元素;行内元素会排在一行,一行排不下,才会换行,其宽度岁元素的内容而变化 块级元素可以设置width,height属性;行内元素设置width,height无效。注:块级元素即使设置了宽度,...

2018-09-13 10:48:51

阅读数:25

评论数:0

前端面试编程题汇总

题目描述: 给定一个学生列表,学生信息由班级、分数、姓名等组成。请按照下列规则对学生列表进行排序: 按照班级从小到大进行排列 班级相同时,按照成绩从大到小排序 班级和成绩相同时,按照学生列表中的先后顺序排序 输入:学生列表 输出:排序后的学生列表 样例输入: [{“name”:”张...

2018-09-12 22:52:37

阅读数:89

评论数:0

时间DEMO(filters)

Vue支持在{{}}插值的尾部添加一个管道符’(|)’对数据进行过滤,经常用于格式化文本,比如字母全部大写、货币千位使用逗号分隔等。过滤的规则是自定义的,通过Vue实际添加选项filters来设置,下面我们对时间进行格式化处理,代码如下: <!DOCTYPE html&...

2018-07-23 17:33:18

阅读数:17

评论数:0

DOM事件详解

本博文阐述的一些DOM事件类的内容 基本概念:DOM事件的级别 DOM事件模型 DOM事件流 描述DOM事件捕获的具体流程 Event对象的常见应用 自定义事件 基本概念:DOM事件的级别 DOM级别一共可以分为4个级别:DOM0级,DOM1级,DOM2级和DOM3级...

2018-07-12 22:14:38

阅读数:13

评论数:0

CSS盒模型详解

CSS盒模型常见问题:     1. 基本概念:标准模型+IE模型    &...

2018-07-12 18:10:13

阅读数:23

评论数:0

三栏布局(两边固定中间高度自适应)

三栏布局在我们应用中经常看到,今天我们要完成的是一个两边高度固定,中间高度自适应的的布局。 HTML结构代码: <div class="outer"> <div class=&...

2018-07-11 16:58:09

阅读数:45

评论数:0

品牌列表的实现效果

对于某些电商网站上的品牌列表的展示效果,用户进入该页面时,品牌列表默认精简显示的,如 下图1: 单击“显示全部品牌”的按钮时,列表会将推荐的品牌的名字高亮显示,按钮里的文字也换成了“精简显示品牌”(当然根据业务需求,也可以有其他需求),如 下图所示2: 当再次点击“精简显示品牌”时,又...

2018-07-09 11:42:16

阅读数:62

评论数:0

jQuery选择器

层次选择器 如果我们想通过DOM元素之间的层次关系来获取特定元素,例如后代元素、子元素、相邻元素、和同辈元素等,那么层次选择器是一个非常好的选择。如下图: 2.基本过滤选择器 过滤选择器主要是通过特定的过考虑规则来筛选出所需的DOM元素,过滤规则与CSS中的伪...

2018-07-07 21:39:03

阅读数:33

评论数:0

jQuery对象和DOM对象相互转化

jQuery对象转化为DOM对象 jQuery 提供两种方法将一个jQuery对象转换成DOM对象,即[index]和get(index) 1. jQuery 对象是一个类似数组的对象,可以通过[index]的方法得到相应的DOM对象 2. 另一个方法是 jQuery本身提供的,通过...

2018-07-07 13:14:43

阅读数:26

评论数:0

网页选项卡的实现

在我们做页面时会有,一些选项卡的功能,点击上面选项卡时,下面相应的内容也会变化,如下图所示是智联招聘选项卡: 那我们就以此为例,实现一下 选项卡的原理比较简单,通过隐藏和显示来切换和显示来切换不同的内容 首先构建HTML结构,代码如下: &l...

2018-07-07 01:25:41

阅读数:120

评论数:0

数组按某一属性值排序

假设有一对象数组,我们想要根据某个对象属性对数组进行排序 代码如下: // 比较函数 function createComparisonFunction(propertyName) { return function (object1,object2) { var ...

2018-07-04 12:22:31

阅读数:78

评论数:0

三栏布局的5种实现方案

三栏布局在我们做项目时经常碰见的案例,如下描述:假设高度已知,请写出三栏布局,其中左栏和右栏宽度都为270px,中间自适应(如下图) 针对这种需求,下边给出五种解决方案: 浮动 绝对定位 flexbox布局 表格布局 网格布局 1. 使用浮动方法实现 HTML代码: ...

2018-07-03 22:40:22

阅读数:20

评论数:0

npm常用命令行

npm install 安装模块安装包,默认会安装最新的版本npm install gulp安装制定版本

2018-06-15 16:51:12

阅读数:29

评论数:0

替换元素和非替换元素

背景元素是文档结构的基础,首先在CSS中每个元素都是一个盒模型,但是不同的元素的显示方式也不一样,如div和span。根据元素本身的特点可以分为替换元素和非替换元素。替换元素替换元素就是浏览器根据元素的标签和属性,来决定元素的具体显示内容。比如img元素通过src属性的值来读取图片信息并显示出来,...

2018-06-07 10:30:21

阅读数:41

评论数:0

setTimeout() + for循环

最近有一段前端的面试代码还是有点意思滴:for (let i = 0; i < 4; i++) { setTimeout(function(){ console.log(i); },1000); }各位大佬认为结果会是什么?别急,下面这段那:for (...

2018-05-07 20:20:08

阅读数:48

评论数:0

http-server轻量级web服务器

有时候做前端,想要运行一些代码,但是又没有必要使用tomcat或者Apache http server,这个时候一个轻量级的简单的http-server就可以搞定了http-server是基于nodejs的http服务器,它最大的好处就是:     可以使任意一个目录成为服务器的目录,完全抛开后...

2018-02-25 22:22:40

阅读数:57

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭