~~~[purchase:1590]
https://www.kancloud.cn/jonjo/liu911225/purchase
~~~
- 前言
- 本书介绍
- HR面试题（已完成）
- 一、语言表达、仪表
- 1.请你自我介绍
- 2.认为自己的最大的优缺点是什么
- 3.怎么理解你应聘的岗位，怎么看待前端开发岗位。对自己的定位是怎样的
- 4.说说你对行业、技术发展趋势的看法
- 5.面试中，大脑出现短路怎么办
- 6.讲述一次让你很感动的经历
- 7.介绍你一次最失败的一次经历
- 二、工作经验
- 1.你在上家单位主要负责什么
- 2.近期和长期的规划是什么，能谈谈未来3、5年给自己的规划吗？
- 3.之前的工作主要做什么或者工作职责是什么？
- 三、应聘动机与期望
- 1.你为什么选择我们公司
- 2.你对我们公司了解多少
- 3.谈谈你对工作的期望与目标
- 4.你期望的薪资是多少？
- 5.谈谈你对跳槽的看法
- 6.能说说你的离职原因吗？
- 7.你有什么要问我的吗？
- 8.你能为我们公司带来什么
- 9.为什么工作了两年选择跳槽？公司不好吗？
- 四、事业心、进取心、自信心
- 1.你喜欢怎样的公司或者说你喜欢怎样的工作氛围？
- 3.如果你是老板，最不喜欢哪种类型的员工
- 4.你经常逛的博客及公众号是哪些？
- 5.最能概括你自己的五个词是什么
- 6.为什么喜欢前端？
- 7.你朋友对你的评价
- 8.你并不是毕业名校
- 五、工作态度、组织纪律性、诚实可靠性
- 1.你怎样看待加班
- 2.如果安排加班没有加班费，你怎么想？
- 3.上家公司的组织架构是怎样的？
- 4.你住的地方过来远吗？
- 5.你愿意接受背景调查吗
- 6.何时可以到岗
- 7.你的业余爱好
- 8.就你申请的这个职位，你认为你还欠缺什么
- 9.你和别人发生过争执吗？你是怎样解决的
- 10.您在选择工作中更看重的是什么？
- 11.你希望拥有一个什么样的上司？
- 六、分析判断能力
- 2.如果你发现上司做错了，你将怎么办?
- 3.在工作中遇到的问题及解决方案
- 4.在工作中，和上司还有同事没有办法很好的相处怎么办？
- 5.如果通过这次面试我们单位录用了你，但工作一段时间却发现你根本不适合这个职位，你怎么办
- 6.在完成某项工作时，你认为领导要求的方式不是最好的，自己还有更好的方法，你应该怎么做
- 科普篇（已完成）
- 1.知道的网页制作会用到的图片格式有哪些？
- 2.什么SVG？
- 3.知道什么是微格式吗？谈谈理解。在前端构建中应该考虑微格式吗？
- 4.前端页面有哪三层构成，分别是什么?作用是什么?
- 5.请谈一下你对 Web 网页标准和 W3C 标准制定机构重要性的理解。
- 6.对WEB 标准以及W3C 的理解与认识
- 7.谈谈你对Web 标准的理解。
- 8.iframe 有那些缺点？
- 9.Canvas 和SVG 图形之间的区别是什么？
- 10.计算机专业课程有哪些？
- 你会使用 Markdown 写文档吗？
- 1.讲解Markdown
- 2.示例
- Git面试题（已完成）
- Github 使用命令汇总
- Git版本控制
- Gitlad 提交步骤
- git 找回丢失的commit
- 关于Github 错误提示解决方法
- 提交文件到github的两种方法
- SVU的使用
- Linux基础命令（已完成）
- Linux简介
- Linux系统目录结构
- Linux 常用的命令有哪些？Linux中你会哪些操作命令？
- Linux (34个)命令集合
- 查看系统的网络状态 —ifconfig
- 查看--ls命令的使用
- 切换目录— cd
- 创建目录— mkdir
- 创建文件—touch
- 删除目录—rm/rmdir
- 文件操-- 访问权限
- 文件操作: 移动文件— mv（相当于剪切）
- 复制文件— cp
- 删除文件—rm
- 查看文件内容—cat/more/less
- 查看文件头/尾部内容—head /tail
- 查找文件命令 — find
- 查找包括字符串的文件 —grep
- 查看系统程序执行—ps
- 查看内存进程情况—top
- 中止进程执行—kill
- 压缩或解压文件 — gzip
- tar压缩文件
- 显示指定的目录或文件所占用的磁盘空间—du
- 显示磁盘的使用状况—df
- 新建用户—useradd
- 删除用户—userdel
- 新增用户组——groupadd
- 删除用户组groupdel
- 修改密码——passwd
- 提升权限——su
- 改变文件或目录权限——chmod
- 查看网络状态—netstat
- 连接指定端口—telnet
- 判断远端网络功能是否正常—pin
- 文件编辑—vi
- 重启系统—reboot
- 关闭系统—shutsown/poweroff
- 浏览器面试题（已完成）
- 1. 为什么会有cookie？
- 2. 浏览器内核有哪些？
- 3. cookies、web storage、sessionStorage和localStorage的区别
- 4.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?
- 5.经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么？
- 6.超链接访问过后hover 样式不会出现的问题是什么？如何解决？
- 7.为什么利用多个域名来存储网站资源会更有效？
- 8.在css/js 代码上线之后开发人员经常会优化性能，从用户刷新网页开始， 一次js 请求一般情况下有哪些地方会有缓存处理？
- 9.浏览器标准模式和怪异模式之间的区别是什么?
- 10.如何处理HTML5 新标签的浏览器兼容问题？
- 11.如何实现浏览器内多个标签页之间的通信?
- 12.webSocket 如何兼容低浏览器？
- 13.什么是Web Worker？为什么我们需要他们？
- 14.你能描述一下渐进增强和优雅降级之间的不同吗?
- 15.工作一般用什么浏览器调试，用哪些功能？
- 16.列举IE与其他浏览器不一样的特性
- 17.“99%的网站都需要被重构”是哪本书上写的？
- 18.img 的alt 与title 有何异同？ strong 与em 的异同？
- 19.Post 和 Get 的区别
- 20.从输入 URL 到页面加载完成的过程
- 21.谈谈你对浏览器兼容性问题的理解
- 22.超链接点击过后hover 样式就不出现的问题？
- 性能优化（已完成）
- 雅虎军规35条
- 摘要
- YSlow 网站性能分析插件
- 内容部分
- 1.尽量减少HTTP请求数
- 2.减少DNS查找
- 3.避免重定向
- 4.让Ajax可缓存
- 5.延迟加载组件
- 6.预加载组件
- 7.减少DOM元素的数量
- 8.跨域分离组件
- 9.尽量少用iframe
- 10.杜绝404
- css部分
- 11.避免使用CSS表达式
- 12.选择<link>舍弃@import
- 13.避免使用滤镜
- 14.把样式表放在顶部
- js部分
- 15.去除重复脚本
- 16.尽量减少DOM访问
- 17.用智能的事件处理器
- 18.把脚本放在底部
- javascript,css
- 19.把JavaScript和CSS放到外面
- 20.压缩JavaScript和CSS
- 图片
- 21.优化图片
- 22.优化CSS Sprite
- 23.不要用HTML缩放图片
- 24.用小的可缓存的favicon.ico（P.S. 收藏夹图标）
- cookie
- 25.给Cookie减肥
- 26.把组件放在不含cookie的域下
- 移动端
- 27.保证所有组件都小于25K
- 28.把组件打包到一个复合文档里
- 服务器
- 29.Gzip组件
- 30.避免图片src属性为空
- 31.配置ETags
- 32.对Ajax用GET请求
- 33.尽早清空缓冲区
- 34.使用CDN（内容分发网络）
- 35.添上Expires或者Cache-Control HTTP头
- 其他优化手段
- 36.CDN加速服务
- 37.HTML结构嵌套合理
- 38.JS模块化管理
- 39.网站建议使用组件化
- 41.遵循第三方插件使用规范
- SEO
- 1.一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优 化这些图片的加载，给用户更好的体验。
- 2.谈谈以前端角度出发做好SEO 需要考虑什么？
- 3.高性能
- 前端监控
- 1. 页面埋点
- 2. 性能监控
- 3. 异常监控
- 代码规范
- 1.ESLint StyleLint 和 Prettie
- HTML面试题（已完成）
- 高频面试题
- 1. 请写出 HTML5 的doctype
- 2. 请你谈谈你对web标准以及w3c的理解与认识。
- 3. HTML5有哪些新特性？
- 5. HTML5标签的语义化
- 6.自己对标签语义化的理解
- 7.Doctype 作用? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?
- 8.简述一下src 与href 的区别。
- 9.HTML 和 XHTML 二者有什么区别？
- 10.html 常见兼容性问题
- 11.行内元素有哪些? 块级元素有哪些?
- 13.html5 有哪些新特性
- 14.如何区分HTML 和HTML5？
- 15.新的HTML5 文档类型和字符集是？
- 19.HTML5 引入什么新的表单属性？
- 20.(写)描述一段语义的html 代码吧。
- 22.HTML5 和CSS3的新标签(新特性)
- 23.<img>标签上title 与alt 属性的区别是什么？
- 25.什么是HTML5？
- 28.列举常用的结构标记，并描述其作用
- 30.HTML5 中心的表单元素是什么？
- 36.超级链接有哪些常见的表现形式？
- 37.行内元素和块级元素的具体区别是什么？行内元素的padding 和margin 可设置吗？
- 38.b 标签和strong 标签,i 标签和em 标签的区别？
- 进阶面试题
- 4. 移动端meta标签
- 12.html5 移除了哪些元素？
- 16.HTML5 存储类型有什么区别？
- 17.如何在HTML5 页面中嵌入音频?
- 18.如何在HTML5 页面中嵌入视频？
- 21.语义HTML 具有以下特性?
- 24HTML5 标准提供了哪些新的 API？
- 26.没有<!DOCTYPE HTML>,HTML5 还会工作吗？
- 27.哪些浏览器支持HTML5?
- 29.HTML5 中的datalist 是什么？
- 31.HTML5 中什么是输出元素？
- 32.HTML5 Canvas 元素有什么用？HTML5 中canvas 是什么？
- 33.HTML5 应用程序缓存和浏览器缓存有什么区别？
- 34.为什么HTML5 里面我们不需要DTD（Document Type Definition 文档类型定义）？
- 34如何使用Canvas 和HTML5 中的SVG 去画一个矩形？
- 38.锚点的作用是什么？如何创建锚点？
- 37.使用<label> 元素显示文本与使用其他文本标记显示文本有什么同？
- CSS面试题（已完成）
- CSS盒模型
- 1. CSS盒子模型
- 2.盒子大小
- 3.盒子边框
- 4.盒子内外边距
- 5.盒子背景
- 6.盒子显示隐藏
- 7.盒子其他
- 8.盒模型属性
- 选择器
- 1. css常用的选择器有哪些？
- 2. CSS3新增伪类有那些?
- 3.为什么要选择器分组?
- 4.关系选择器熟悉吗？简单说一下？
- 5.CSS 选择器优先级排序？
- 6.浏览器解读选择器规则
- 7. 多行省略
- 17. 浏览器解析CSS选择器
- 7.属性选择器是怎么匹配的？
- 4. css优先级计算规则
- 属性选择器是怎么匹配的？
- CSS 中的选择器是什么？
- 样式计算
- 5.em、ex、rem与px的计算规则
- 6.px 和em 的区别
- 7.绝对单位有哪些？
- 8.相对单位有哪些？
- 9.如何理解CSS 样式表的层叠性？
- CSS动画
- 8.1 rgba和opacity的透明有何不同？
- 24. css3有哪些新特效？
- 28.动态绘图Canvas 有了解吗？工作原理，画图元素; Canvas
- 8.2表示颜色的三种方式？
- 尽可能详细地介绍下canvas元素
- 描述下CSS3 里实现元素动画的方法
- 为什么建议设置背景图像的同时还设置背景颜色
- 解释css sprites，如何使用。
- 过渡与动画的区别是什么？
- 响应式
- 9.1 居中对齐
- 9.2 position的值
- 18. css实现全屏滚动
- 9.3 如何清除浮动
- 23. 重排和重绘
- 20. 怎么让浏览器支持小于12px 的文字？
- 26.你怎么来实现页面设计图？你认为前端应该如何高质量完成工作? 一个满 屏品字布局如何设计?
- 9.4空间位置相关
- 如何居中div？如何居中一个浮动元素？
- rgba()和opacity 的透明效果有什么不同？
- CSS预处理器
- 11.1 less和sass的特点和区别
- CSS布局
- 13. 用纯CSS创建一个三角形
- 14. 对BFC规范(块级格式化上下文：block formatting context)的理解
- 15.1 媒体查询
- 2.CSS3 有哪些新特性？
- CSS Hack是什么意思？有什么用？
- 垂直居中图片怎么操作？
- 9. 去掉inline-block元素间隙
- 8. CSS有哪些继承属性
- 15.4 实现中间自适应宽度，左右两栏固定宽度布局
- 16. CSS优化与性能提高
- 元素居中的有哪几种方式？
- 怎么清除浮动？
- div+css 的布局较table 布局有什么优点？
- 内联元素可以实现浮动吗？
- cellpadding 与cellspacing 有何区别？
- display 与visibility 有何异同？
- css 中可以让文字在垂直和水平方向上重叠的两个属性是什么
- 如何垂直居中一个浮动元素？
- 用过媒体查询针对移动端的布局吗？
- text-align:center 和line-height 有什么区别？
- css 中可以让文字在垂直和水平方向上重叠的两个属性是什么？
- CSS基础
- css 的基本语句构成是?
- 哪些css 属性可以继承？
- display:none 与visibility:hidden 的区别是什么？
- CSS 中link 和@import 的区别是什么？
- 知道css 有个content 属性吗？有什么作用？有什么应用？
- 用H5+CSS3 解决下导航栏最后一项掉下来的问题
- 请用CSS 实现：一个矩形内容，有投影，有圆角，hover 状态慢慢变透明。 css 属性的熟练程度和实践经验
- 知道css 计数器（序列数字字符自动递增）吗？如何通过 css content 属性实现css 计数器？
- css reset && normalize.css 有何区别？
- 简要描述CSS 中的定位机制。
- table-layout、border-collapse 有何用途？
- CSS 引入的方式有哪些?
- 描述css reset 的作用和用途。
- 有哪项方式可以对一个DOM 设置它的CSS 样式？
- CSS 中可以通过哪些属性定义，使得一个DOM 元素不显示在浏览器可视范围内？
- 什么是外边距重叠？重叠的结果是什么？
- 列出display 的值，说明他们的作用。position 的值， relative 和absolute 定位原点是？
- CSS3 有哪些新特性？
- 一个满屏 品 字布局 如何设计?
- 为什么要初始化CSS 样式。
- position 跟display、margin collapse、overflow、float 这些特性相互叠加后会怎么样？
- 如果需要手动写动画，你认为最小时间间隔是多久，为什么？（阿里）
- 什么是Css Hack？ie6,7,8 的hack 分别是什么？
- 请用Css 写一个简单的幻灯片效果页面
- 描述一个"reset"的CSS 文件并如何使用它。知道normalize.css 吗？你了解他们的不同之处？
- 我想让行内元素跟上面的元素距离10px，加margin-top 和padding-top 可 以吗？
- JavaScript面试题（整理中）
- 一、类型和语法
- 1. js有哪些数据类型?Js的typeof类型有几种？
- 二、作用域和闭包
- 1.简述一下JS 中的闭包？闭包的特性或者缺点
- 2.什么是闭包？ 写一个简单的闭包？
- 三、this和对象原型
- 1.JS 里面的原型链你知道怎么回事吗？了解原型链吗？知道原型链吗？
- 2. 对象（Object）类型
- 3. typeof vs instanceof
- 4. 类型转换
- 5. this
- 6. == vs ===
- 四、异步和性能
- 1 并发（concurrency）和并行（parallelism）区别
- 2 回调函数（Callback）
- 3 Generator
- 4 Promise
- 5 async 及 await
- 6 常用定时器函数
- 五、Event Loop（事件循环）
- 1 进程与线程
- 2 执行栈
- 3 浏览器中的 Event Loop
- 4 Node 中的 Event Loop
- 1.原生js 写过吗？
- 2.用原生JavaScript写AJAX的步骤
- 3. == vs ===
- 4. 深浅拷贝
- 5.new
- 6.instanceof 的原理
- 为什么 0.1 + 0.2 != 0.3？如何解决这个问题？
- ES6面试题（整理中）
- 1. var、let 及 const 区别
- 2. 原型继承和 Class 继承
- 3. 模块化
- 4. Proxy
- 5. map, filter, reduce
- 6.ES6的新特性有哪些？
- 一、块级作用域绑定
- 1.1 var声明和变量提升（Hosting）机制
- 1.2 块级声明：let声明
- 1.3 块级声明：禁止重声明
- 1.4 块级声明：const声明
- 1.5 块级声明：临时死区
- 1.6 循环中的块级作用域及立即调用函数表达式解决方案
- 1.7 循环中的let
- 1.8 循环中的const
- 1.9 全局块作用域绑定
- Webpack 面试题（整理中）
- 1. 减少 Webpack 打包时间
- 2. 减少 Webpack 打包后的文件体积
- 3.Gulp 和 webpack 的区别
- 4.在多个文件中import同一个文件，webpack会多次打包吗
- 一、Webpack概念题
- 二、Webpack配置
- 三、Webpack实战
- 四、Webpack优化
- 简历问题梳理（整理中）
- 项目日常知识（已完成）
- 1.你项目组有多少人，都是怎么分配任务的？或者说工作模式是怎样的？
- 2.还有怎么上线的，怎么运维的，怎么加班的，怎么苦逼的
- 3.web前端开发人员与后端开发人员是如何实现交互协作的
- 4.简单介绍一下最近的项目吧？讲讲以前项目负责的哪些模块及工作流程？
- 5.另外有一个同事做哪些模块呢？
- 6.在项目中你的主要职责是什么？
- 7.你们主要写哪些开发文档？
- 8.当出现编写代码调试时出现错误，你是怎么解决的？
- 9.做这个项目做了多长时间？
- 10.在开发方面你最擅长做什么？或者说你比较擅长哪方面的知识呢？
- 11.开发了这三个项目，让你印象最深的bug是什么？
- 12.前端开发中常见的一下漏洞bug
- 13.前端的开发知识体系有哪些？
- 14.一个项目中函数重名怎么处理？
- 15.后台一般会把数据放到什么位置来供前端调用呢？
- 16.只给你UI效果图，做登录框你会怎么考虑业务逻辑怎么处理？
- 17.有没有做过二次封装？会二次封装吗？
- 18接口文档怎么写？
- 19.你项目的目录架构是怎样的？也就说是怎么开展工作的？从哪些先入手呢？
- 18.你对后端知识了解多少？
- 21.前端开发与后台交互的数据格式主要是什么?
- 22.你搭建框架的构思是怎样的？
- 23.你们那个项目里面权限设置怎么做的？
- 24.后端给你的权限是什么样的？
- 25.你在开发项目中遇到过什么大的问题、大的困难？你是怎么做的？
- 26.怎么判定接口是正确的？
- 27.页面重构怎么操作？
- 27.Web应用从服务器主动推送Data到客户端有哪些方式？
- 28.说说最近流行的一些东西吧？
- 前后端分离篇
- 1.什么是前后端分离
- 2.分离部署
- 3.API文档框架swagger
- 4.项目开发环境
- 5.服务器端渲染
- React 框架（整理中）
- 了解React的生命周期吗？
- 那你了解Redux 吗？它的执行原理是怎样的？
- 你知道Redux 里面都集成了哪些东西吗？
- Redux 的中间件你知道吗？
- Node（已完成）
- node基础知识
- 1.Nodejs理解程度如何？原理是怎样的？
- 1.对Node的优点和缺点提出自己的看法？
- npm
- npm的使用
- npm trick
- Yarn
- 1.为什么使用Yarn?
- 2.yarn的使用讲解
- 项目安全（已完成）
- 1.是否了解 Web 注入攻击，说下原理，最常见的两种攻击（XSS 和 CSRF）了解到什么程度？
- 888
- 2.是否了解公钥加密和私钥加密？
- 公司笔试题
- 深圳市越疆科技有限公司
- 外派到腾讯笔试题
- 外派到腾讯2笔试题
- 某公司面试题
- 深圳赛亿科技有限公司
- 英文笔试题
- Vue 框架
- 一、vue-cli依赖的 Node.js 环境安装
- 二、vue-cli 工程技术集合介绍
- 三、vue-cli 工程目录结构介绍
- 四、vue.js 核心知识点高频试题一
- 4.1 对于Vue是一套渐进式框架的理解
- 4.7 vue-cli工程升级vue版本
- 4.2 请说出vue几种常用的指令
- 4.3 请问 v-if 和 v-show 有什么区别?