# Interview **Repository Path**: yumengy/Interview ## Basic Information - **Project Name**: Interview - **Description**: 学习中的一些问题 - **Primary Language**: HTML - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2021-12-11 - **Last Updated**: 2021-12-11 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # Interview > 平时遇到的题目,归结起来 ### HTML: 什么是语义化？Html标签介绍 - [HTML XHTML XML有什么区别](https://github.com/yym-yumeng123/Interview/issues/1) - [怎么理解HTML语义化](https://github.com/yym-yumeng123/Interview/issues/2) - [有哪些常见的meta标签](https://github.com/yym-yumeng123/Interview/issues/3) - [文档声明的作用?严格模式和混杂模式指什么? 的作用?](https://github.com/yym-yumeng123/Interview/issues/4) - [HTML标签以及应用场景](https://github.com/yym-yumeng123/Interview/issues/5) - [常见的浏览器有哪些，什么内核](https://github.com/yym-yumeng123/Interview/issues/6) ### HTML: Form 表单如何使用？有哪些？POST 与 GET 的区别？ - [form表单有什么作用？有哪些常用的input 标签，分别有什么作用？](https://github.com/yym-yumeng123/Interview/issues/7) - [post 和 get 方式的区别?](https://github.com/yym-yumeng123/Interview/issues/8) - [在input里，name 有什么作用？radio 如何 分组? placeholder 属性有什么作用?](https://github.com/yym-yumeng123/Interview/issues/9) - [type=hidden隐藏域有什么作用? 举例说明](https://github.com/yym-yumeng123/Interview/issues/10) - [HTML表单用法](https://github.com/yym-yumeng123/Interview/issues/11) ### HTML和CSS:CSS 是什么？ - [CSS有几种引入方式? link 和@import 有什么区别?](https://github.com/yym-yumeng123/Interview/issues/14) - [以下几种文件路径分别用在什么地方，代表什么意思?](https://github.com/yym-yumeng123/Interview/issues/15) ### HTML和CSS:CSS 选择器有哪些？权重如何？常见样式书写 - [行内元素和块级元素的区别](https://github.com/yym-yumeng123/Interview/issues/13) - [什么是 CSS 继承? 哪些属性能继承，哪些不能？](https://github.com/yym-yumeng123/Blog//issues/8) - [如何让块级元素水平居中？如何让行内元素水平居中?](https://github.com/yym-yumeng123/Blog/issues/12) - [px, em, rem 有什么区别](https://github.com/yym-yumeng123/Blog/issues/7) - [用css实现一个三角形](https://github.com/yym-yumeng123/Interview/issues/20) 效果预览: - [border](https://yym-yumeng123.github.io/Interview/border.html) - [按钮](https://yym-yumeng123.github.io/Interview/button.html) - [表格](https://yym-yumeng123.github.io/Interview/table.html) - [三角形](https://yym-yumeng123.github.io/Interview/square.html) - [卡片](https://yym-yumeng123.github.io/Interview/Card.html) ### HTML和CSS: 背景、行高、盒模型、字体图标等 - [text-align: center的作用是什么，作用在什么元素上？能让什么元素水平居中](https://github.com/yym-yumeng123/Interview/issues/21) - [IE 盒模型和W3C盒模型有什么区别?](https://github.com/yym-yumeng123/Interview/issues/22) - [*{ box-sizing: border-box;}的作用是什么？](https://github.com/yym-yumeng123/Interview/issues/25) - [line-height: 2和line-height: 200%有什么区别?](https://github.com/yym-yumeng123/Interview/issues/26) - [inline-block有什么特性？如何去除缝隙？高度不一样的inline-block元素如何顶端对齐?](https://github.com/yym-yumeng123/Blog/issues/28) - [ CSS sprite 是什么?](https://github.com/yym-yumeng123/Interview/issues/27) - [让一个元素"看不见"有几种方式？有什么区别?](https://github.com/yym-yumeng123/Interview/issues/28) 效果预览 - [css sprite](https://yym-yumeng123.github.io/Interview/sprite.html) - [字体图标应用](https://yym-yumeng123.github.io/Interview/fontface.html) ### HTML和CSS:浮动、定位、BFC、边距合并 - [浮动元素有什么特征？对父容器、其他浮动元素、普通元素、文字分别有什么影响?](https://github.com/yym-yumeng123/Interview/issues/29) - [清除浮动指什么? 如何清除浮动? 两种以上方法](https://github.com/yym-yumeng123/Interview/issues/30) - [有几种定位方式，分别是如何实现定位的，参考点是什么，使用场景是什么？ z-index 有什么作用? 如何使用?](https://github.com/yym-yumeng123/Blog/issues/10) - [position:relative和负margin都可以使元素位置发生偏移?二者有什么区别](https://github.com/yym-yumeng123/Interview/issues/31) - [BFC 是什么？如何生成 BFC？BFC 有什么作用？举例说明](https://github.com/yym-yumeng123/Interview/issues/32) - [外边距合并问题](https://github.com/yym-yumeng123/Interview/issues/34) 效果预览 - [导航栏](https://yym-yumeng123.github.io/my-practice/nav.html) - [alert效果](https://yym-yumeng123.github.io/Interview/alert.html) - [模态框效果](https://yym-yumeng123.github.io/Interview/panel.html) - [表单效果制作](https://yym-yumeng123.github.io/Interview/form.html) - [效果实现点击CSS](https://yym-yumeng123.github.io/Interview/model.html) ### HTML和CSS:CSS 单栏、双栏、三栏、圣杯、双飞翼布局 效果预览 - [单列布局](https://yym-yumeng123.github.io/Interview/one.html) - [两列布局](https://yym-yumeng123.github.io/Interview/two.html) - [三列布局](https://yym-yumeng123.github.io/Interview/three.html) - [圣杯布局](https://yym-yumeng123.github.io/Interview/shengB.html) - [双飞翼布局](https://yym-yumeng123.github.io/Interview/sfy.html) - [类似简书首页部分](https://yym-yumeng123.github.io/Interview/jianshu/index.html) - [风景画float布局](https://yym-yumeng123.github.io/Interview/list/list.html) ### HTML和CSS:浏览器兼容 - [浏览器兼容问题](https://github.com/yym-yumeng123/Interview/issues/37) ### HTML和CSS:编码规范、垂直居中、伪类和伪元素 - [遵守的编码规范](https://github.com/yym-yumeng123/Blog/issues/30) - [垂直居中有几种实现方式](https://github.com/yym-yumeng123/Blog/issues/12) 效果预览 - [伪元素三角实现](https://yym-yumeng123.github.io/Interview/wys.html) ### HTML和CSS: 简历静态页面 效果预览 - [作品展示页面](https://yym-yumeng123.github.io/Interview/item.html) - [个人简历页面](https://yym-yumeng123.github.io/Interview/rsume/resume.html) ### javaScript 浏览器渲染页面 - [浏览器的渲染机制](https://github.com/yym-yumeng123/Interview/issues/16) - [Repaint 和 Reflow](https://github.com/yym-yumeng123/Interview/issues/17) - [异步加载脚本](https://github.com/yym-yumeng123/Interview/issues/18) - [白屏和 FOUC(无样式内容闪烁)](https://github.com/yym-yumeng123/Interview/issues/19) ### javaScript 运算符、运算符优先级相关知识点 - [数据类型,运算符,流程控制语句](https://github.com/yym-yumeng123/Interview/issues/39) ### javaScript 函数声明、函数表达式、声明前置、作用域、作用域链 - [函数与作用域](https://github.com/yym-yumeng123/Interview/issues/40) ### javaScript 引用类型、对象深拷贝和浅拷贝 - [引用类型,对象拷贝](https://github.com/yym-yumeng123/Interview/issues/41) ### javaScript字符串的详细使用方法，JSON 对象 - [字符串,JSON](https://github.com/yym-yumeng123/Interview/issues/42) ### javaScript 数组、Math 对象、日期函数 - [Math](https://github.com/yym-yumeng123/Interview/issues/43) - [数组任务](https://github.com/yym-yumeng123/Interview/issues/44) - [Date](https://github.com/yym-yumeng123/Interview/issues/45) ### javaScript 正则表达式详细的用法 - [正则表达式](https://github.com/yym-yumeng123/Interview/issues/46) ### javaScript DOM 的元素选取、增删改查、属性的操作 - [DOM](https://github.com/yym-yumeng123/Interview/issues/47) ### javaScript 事件模型、事件冒泡、事件捕获、事件代理、阻止默认事件、事件兼容等 - [事件](https://github.com/yym-yumeng123/Interview/issues/48) 预览地址 - [事件一](https://yym-yumeng123.github.io/Interview/add.html) - [事件二](https://yym-yumeng123.github.io/Interview/photo.html) ### javaScript 实现效果 预览地址 - [tab选项卡](https://yym-yumeng123.github.io/Interview/tab.html) - [模态框](https://yym-yumeng123.github.io/Interview/click.html) - [登录/注册](https://yym-yumeng123.github.io/Interview/login/1.html) ### javaScript 闭包、定时器的使用、BOM 相关 API - [闭包_定时器_BOM](https://github.com/yym-yumeng123/Interview/issues/49) ### javaScript AJAX - [Ajax](https://github.com/yym-yumeng123/Interview/issues/50) 代码地址 - Ajax 文件下index.html,需要开启mock-server数据 - [加载更多](https://yym-yumeng123.github.io/Interview/Ajax/index.html) ### javaScript JSONP 跨域多种实现 - [JSONP_跨域](https://github.com/yym-yumeng123/Interview/issues/51) ### jQuery 选择器、Dom操作、样式、事件处理 - [jQuery初识](https://github.com/yym-yumeng123/Blog/issues/37) jQuery预览地址 - [鼠标滑过二级菜单显示隐藏](https://yym-yumeng123.github.io/Interview/hide.html) - [tab切换图片展示](https://yym-yumeng123.github.io/Interview/jQueryTab.html) - [点击更多,加载更多效果](https://yym-yumeng123.github.io/Interview/jQueryadd.html) - [tab选项卡轮播](https://yym-yumeng123.github.io/Interview/Jtab.html) ### jQuery Ajax - [jQuery Ajax](https://github.com/yym-yumeng123/Blog/issues/38) jQuery ajax地址(加载更多) - [加载更多](https://yym-yumeng123.github.io/Interview/jQueryAjax/index.html) ### javaScript效果 - [懒加载实现原理](https://github.com/yym-yumeng123/Interview/issues/54) - [懒加载](https://yym-yumeng123.github.io/Interview/Lazy.html) - [轮播](https://yym-yumeng123.github.io/Interview/carousel.html) - [渐变轮播](https://yym-yumeng123.github.io/Interview/fadeIn.html) - [瀑布流](https://yym-yumeng123.github.io/Interview/waterfull.html) ### javascript面向对象 -[对象_原型](https://github.com/yym-yumeng123/Interview/issues/52) 预览效果 - [回到顶部面向对象写法](https://yym-yumeng123.github.io/Interview/scrollTOP0.html) ### this_原型链_继承相关问题 - [this_原型链_继承相关问题](https://github.com/yym-yumeng123/Interview/issues/53)