css
1,盒模型
2,如何实现一个最大的正方形
3,一行水平居中,多行居左
4,水平垂直居中
5,两栏布局,左边固定,右边自适应,左右不重叠
6,如何实现左右等高布局
7,画三角形
8,link @import导入css
9,BFC理解
js
1,判断 js 类型的方式
2,ES5 和 ES6 分别几种方式声明变量
3,闭包的概念?优缺点?
4,浅拷贝和深拷贝
5,数组去重的方法
6,DOM 事件有哪些阶段?谈谈对事件代理的理解
7,js 执行机制、事件循环
8,介绍下 promise.all
9,async 和 await,
10,ES6 的 class 和构造函数的区别
11,transform、translate、transition 分别是什么属性?CSS 中常用的实现动画方式,
12,介绍一下rAF(requestAnimationFrame)
13,javascript 的垃圾回收机制讲一下,
14,对前端性能优化有什么了解?一般都通过那几个方面去优化的?
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
Html+Css+JavaScript期末大作业《100套》
都能满足你的需求。原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,这是一个不错的网页制作,画面精明,非常适合初学者学习使用。
网页实现截图:
网站首页
关于我们
途牛旅游网创立于2006年10月,以“让旅游更简单”为使命,为消费者提供由北京、xx、广州、深圳等180个城市出发的旅游产品预订服务,产品全面,价格透明,全年365天24小时400电话预订,并提供丰富的后续服务和保障。目前,途牛旅游网提供100万余种旅游产品供消费者选择,涵盖跟团、自助、自驾、邮轮、酒店、签证、景区门票以及公司旅游等,已成功服务累计超过1500万人次出游。同时基于途牛旅游网全球中文景点目录以及中文旅游社区,可以更好地帮助游客了解目的地信息,妥善制定好出游计划,并方便地预订旅程中的服务项目。
主题旅游
<p class="tt3">香港2日半自助游</p>
<p class="tt4">特色:港式早茶 线路编号:HK01
<br> 销量:1348484 满意度:100% 推荐:五星<br>
行程:2日半自助游 出团日期:2017-2-6</p>
<p class="tt5"><em>原价:499</em><span><i>348</i>起/人</span></p>
热门目的地
新闻资讯
舒适酒店
联系我们
项目组织结构:
主要源码展示:
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>主题旅游_响应式旅游旅行社类网站 模板(自适应移动端)</title>
<body data-spy="scroll">
<div id="wrap_index">
<!-- 侧边导航 -->
<div class="class page-prev visible-xs visible-sm">
<div class="close"></div>
<div class="class-top">
<form name="formsearch" action="/plus/search.php">
<input type="hidden" name="kwtype" value="0">
<input type="text" class="txt1" name="q" value="请输入关键字">
<input type="submit" class="btn1" value="">
</form>
</div>
<div class="class-m">
<ul class="nnav">
<li><a href="../../../13097.html" class="ce">网站首页</a></li>
<li class="menu_head"> <a href="../guanyuwomen/Index.html" class="ce">关于我们</a>
<ul class="menu_body">
</ul>
</li>
<li class="menu_head">
<dl class="ericon">
<span class="icon1"></span><span class="icon2"></span>
</dl>
<a href="" class="ce">主题旅游</a>
<ul class="menu_body">
<li><a href="guonayou/Index.html" class="er">国内游</a></li>
<li><a href="chujingyou/Index.html" class="er">出境游</a></li>
</ul>
</li>
<li class="menu_head">
<dl class="ericon">
<span class="icon1"></span><span class="icon2"></span>
</dl>
<a href="../remenmudedi/Index.html" class="ce">热门目的地</a>
<ul class="menu_body">
<li><a href="../remenmudedi/yunnan/Index.html" class="er">云南</a></li>
<li><a href="../remenmudedi/sichuan/Index.html" class="er">四川</a></li>
<li><a href="../remenmudedi/fujian/Index.html" class="er">福建</a></li>
</ul>
</li>
<li class="menu_head"> <a href="../xinwenzixun/Index.html" class="ce">新闻资讯</a>
<ul class="menu_body">
</ul>
</li>
<li class="menu_head">
<dl class="ericon">
<span class="icon1"></span><span class="icon2"></span>
</dl>
<a href="../shushijiudian/Index.html" class="ce">舒适酒店</a>
<ul class="menu_body">
<li><a href="../shushijiudian/shuangrenjian/Index.html" class="er">双人间</a></li>
<li><a href="../shushijiudian/danrenjian/Index.html" class="er">单人间</a></li>
<li><a href="../shushijiudian/zongtongtaofang/Index.html" class="er">总统套房</a></li>
</ul>
</li>
<li class="menu_head"> <a href="../lianxiwomen/Index.html" class="ce">联系我们</a>
<ul class="menu_body">
</ul>
</li>
</ul>
</div>
</div>
<div class="opacity2"></div>
<div id="header" class="head visible-lg visible-md">
<div class="container-fluid">
<div class="logo wow fadeInLeft col-md-3"><a href="../../../13097.html"><img src="../../../static/picture/logo.png"></a></div>
<div class="col-md-9" style="height: 56px;">
<div class="search col-md-3 wow fadeInRight" style="float: right;">
<form name="formsearch" action="/plus/search.php">
<input type="hidden" name="kwtype" value="0">
<input class="txt1" type="text" name="q" placeholder="请输入关键字">
<input class="btn1" type="submit" value="">
</form>
</div>
<div class="col-md-9 nav wow fadeInDown navbar-nav nav_box" style="float: right; text-align: right;">
<div class="yiji current"><a href="../../../13097.html">首页</a></div>
<div class="yiji"><a href="../guanyuwomen/Index.html"><em>关于我们</em></a>
<div style="display:none">
</div>
</div>
<div class="yiji"><a href=""><em>主题旅游</em></a>
<div class="libox">
<a href="guonayou/Index.html"><em>国内游</em></a> <a href="chujingyou/Index.html"><em>出境游</em></a> </div>
</div>
<div class="yiji"><a href="../remenmudedi/Index.html"><em>热门目的地</em></a>
<div class="libox">
<a href="../remenmudedi/yunnan/Index.html"><em>云南</em></a> <a href="../remenmudedi/sichuan/Index.html"><em>四川</em></a> <a href="../remenmudedi/fujian/Index.html"><em>福建</em></a> </div>
</div>
### 总结
为了帮助大家更好温习重点知识、更高效的准备面试,特别整理了《前端工程师面试手册》电子稿文件。
内容包括html,css,JavaScript,ES6,计算机网络,浏览器,工程化,模块化,Node.js,框架,数据结构,性能优化,项目等等。
包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。
![](https://img-blog.csdnimg.cn/img_convert/d74f8b42f4a63c76b18efc6a818147df.png)
![](https://img-blog.csdnimg.cn/img_convert/6deb905d9655a3f0f54b8920686e1970.png)
**前端面试题汇总**
![](https://img-blog.csdnimg.cn/img_convert/42728594459506983a38ca2b86545fc6.png)
**[开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**
**JavaScript**
![](https://img-blog.csdnimg.cn/img_convert/7796de226b373d068d8f5bef31e668ce.png)
**性能**
![](https://img-blog.csdnimg.cn/img_convert/d7f6750332c78eb27cc606540cdce3b4.png)
**linux**
![](https://img-blog.csdnimg.cn/img_convert/ed368cc25284edda453a4c6cb49916ef.png)
pt**
![](https://img-blog.csdnimg.cn/img_convert/7796de226b373d068d8f5bef31e668ce.png)
**性能**
![](https://img-blog.csdnimg.cn/img_convert/d7f6750332c78eb27cc606540cdce3b4.png)
**linux**
![](https://img-blog.csdnimg.cn/img_convert/ed368cc25284edda453a4c6cb49916ef.png)