前端面试
文章平均质量分 86
html,css,js面试题,记录自己找工作准备阶段和真实被问到的问题,针对1-3年社招和应届毕业生
蒋宗正啊
小小的码农,大大的梦。长期招前端后端,坐标上海,要的私聊
展开
-
淘宝静态页面编写(5)--首屏/侧边/图片区域结构
首屏由于首屏比较复杂,这篇我们先写侧边栏以及图片区域,图片区域采用了左右分块,大家也可以采用上下。下面开始写左侧导航栏。导航栏显而易见采用ul下拉框是最合适的,由于是链接,在li中嵌入a标签即可,/这个符号直接打上去即可,最后面的那个箭头采用图标的样式用span包裹(这里注意span和a标签之间不能有空格)由于鼠标悬浮在上面的时候样式会出现改变,我们可以使用hover来进行样式更改。代码如下:<div class="sideNav fl"> <原创 2020-12-22 21:33:24 · 650 阅读 · 2 评论 -
淘宝-静态页面编写(1)--基本结构和样式
前置:实现效果:整体布局:布局代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>淘宝网 - 淘!我喜欢</title> <link href=原创 2020-12-07 22:43:45 · 3570 阅读 · 13 评论 -
淘宝-静态页面编写(4)--头部搜索/导航栏
头部搜索分块首先我们观察这部分,可清晰的将它分成三个模块,左边的淘宝网,中间的搜索栏以及右边的二维码。这里我们需想一下怎么把中间的搜索栏放入中间位置,我采用的是先将左右两侧靠边放置并设置浮动,那么中间的搜索栏就会上去,再设置margin:0 auto后就可以将搜索栏居中啦左边淘宝网淘宝网这里是一个图片,一般采用以图换字的方法,使页面在设计和可访问性之间达到平衡,并且由于在页面左侧,将其设置为左浮动:<h1 class="fl"><a href="#">淘宝网</a&原创 2020-12-19 20:57:15 · 2095 阅读 · 3 评论 -
淘宝-静态页面编写(2)--给淘宝写个头吧
标题原创 2020-12-09 00:53:55 · 812 阅读 · 2 评论 -
淘宝-静态页面编写(3)--头部广告
思路分析:这部分我们需要实现如下样式:先整体分析:这部分也是在页面中居中,并不是撑满整个页面,所以我们到时候需要记得让整体模块居中6.1狂欢这部分我们可以看做单独一块的图片,而当鼠标悬浮上去的时候会变成小手,所以我们这里可以采用超链接嵌套图片的方式后面五个样式,显而易见是五个很相似的样式,且处于同一行,所以我们可以利用无序列表ul、li进行布局整体部分:先在该部分再嵌入一个居中的div进行包裹该部分,清除浮动不要忘记,然后再给它加上背景色<div id="headAd">原创 2020-12-12 23:23:49 · 314 阅读 · 0 评论 -
VUE面试题
题目比较一下vue和reactvue组件之间的通信种类,通信实现方式说说对vuex的理解说说Vue的MVVM实现原理答案1比较一下vue和react相同点:都是组件化开发,都有虚拟dom都支持props进行父子组件之间数据通信都支持数据驱动视图,不直接操作dom都支持服务器端渲染不同点:数据绑定:vue实现了数据的双向绑定,react数据流动是单向的组件写法不一样,react推荐把html和css都写进javaScript中,vue推荐html,css和js分开R原创 2021-02-18 11:14:03 · 290 阅读 · 0 评论 -
JS异步编程方案
同步编程同步编程指的是当一个任务在执行时,另一个任务需要等到之前的任务执行完毕才能继续执行,换句话说,就是一段代码的执行会阻塞另一段代码的执行,这就叫做同步编程。异步编程异步编程指的是当一个任务在执行时,另一个任务也可以同时执行,一段代码的执行不会阻塞另一段代码的执行,这种叫做异步。js为什么需要异步编程js是单线程的,所以如果js都是同步执行代码的话,就会造成阻塞。因此在js编程中,会大量使用js来进行异步编程。js异步编程方式先放结论:回调函数fs.readFile(A,'utf-8原创 2021-02-17 15:54:23 · 111 阅读 · 0 评论 -
js高频面试题(高频)
题目js基本数据类型闭包是什么,写一个简单的闭包原型和原型链作用域thiscall、apply和bindajax基本步骤以及readyState的五种状态promise用过吗?作用是什么?它的基本步骤get和post区别继承有哪些方式答案1. js基本数据类型基本数据类型:number,string,boolean,null,undefined,symbol引用类型:数组、日期、正则、函数2. 闭包是什么,写一个简单的闭包闭包指的是函数内部的函数,它有权去访问另一个函数内原创 2021-01-24 22:41:37 · 2627 阅读 · 3 评论 -
html、CSS面试题(高频)
前言写在前面,这里采用题目和答案分开的方式,方便测验自己对题目的HTML题目1有哪些浏览器,内核分别是什么?2quirks模式是什么?和standards模式有什么区别3盒模型和怪异盒模型4答案IE浏览器trident火狐浏览器gecko谷歌浏览器blinkSafari浏览器webkit...原创 2021-01-23 22:37:26 · 510 阅读 · 0 评论