web前端知识点总结
文章平均质量分 65
将自己所学所知所想归纳于此。希望能够对大家有所帮助! 一起加油!!!奥里给
ヅLucky_triplex
女,射手座一枚~ 现为西大在读硕士研究生,专业:电子与通信工程。求职意向:前端开发工程师。
展开
-
JS面试须知--字符串对象
字符串对象原创 2021-06-29 19:18:42 · 86 阅读 · 0 评论 -
JS面试须知--数组
数组原创 2021-06-27 10:06:35 · 83 阅读 · 0 评论 -
JS面试须知--闭包、递归、斐波那契数列
闭包递归实现缓存原创 2021-06-25 22:17:09 · 151 阅读 · 0 评论 -
JS须知--函数、this的指向以及改变
函数this指向原创 2021-06-25 15:19:11 · 131 阅读 · 0 评论 -
设计模式 MVC MVP MVVM
MVCV即View视图是指用户看到并与之交互的界面。比如由html元素组成的网页界面,或者软件的客户端界面。M即model模型是指模型表示业务规则。在MVC的三个部件中,模型拥有最多的处理任务。被模型返回的数据是中立的,模型与数据格式无关,这样一个模型能为多个视图提供数据,由于应用于模型的代码只需写一次就可以被多个视图重用,所以减少了代码的重复性。C即controller控制器是指控制器接受用户的输入并调用模型和视图去完成用户的需求,控制器本身不输出任何东西和做任何处理。它只是接收请求并决定调用哪个原创 2021-06-24 13:10:25 · 165 阅读 · 0 评论 -
Vue生命周期
创建前(beforeCreate)此阶段为实例初始化之后,此时data 和 methods 中 数据都还没有初始化,不能获得DOM节点。创建后(created)在这个阶段vue实例已经创建,此时data 和 methods 中 数据已经初始化,但仍然不能获取DOM元素。(要调用 methods 中的方法或操作 data 中的数据, 最早只能在 created中请求数据)载入前(beforeMount)在这一阶段,模板已经在内存中编辑完成了,但是尚未把模板渲染到页面中。此时,虽得不到具体的DOM元原创 2021-06-24 11:51:27 · 58 阅读 · 0 评论 -
web前端--网站优化
网站优化三大标签EO(Search Engine Optimization) “搜索引擎优化”SEO是指通过对网站进行站内优化、网站结构调整、网站内容建设、网站代码优化等)和站外优化,从而提高网站的关键词排名以及公司产品的曝光度。Title 网页标题title具有不可替代性,是我们的内页第一个重要标签,是搜索引擎了解网页的入口,和对网页主题归属的最佳判断点。Description 网站说明<meta name="description" content=" 描述的内容区域" />原创 2021-06-20 11:36:08 · 84 阅读 · 0 评论 -
CSS面试须知--水平、垂直居中以及三栏布局
水平居中块级盒子水平居中可以让一个块级盒子实现水平居中必须:盒子必须指定了宽度(width)然后就给左右的外边距都设置为auto,实际工作中常用这种方式进行网页布局,示例代码如下:.header{ width:200px; margin:0 auto;}绝对定位的盒子居中注意:绝对定位/固定定位的盒子不能通过设置 margin: auto 设置水平居中。解决:1. `left: 50%;`:让**盒子的左侧**移动到**父级元素的水平中心位置**;2. `margin-le原创 2021-06-24 13:21:07 · 127 阅读 · 0 评论 -
CSS须知--清除浮动
清除浮动后造成的影响目的:清除浮动主要为了解决父级元素因为子级浮动引起内部高度为0 的问题。清除浮动之后, 父级就会根据浮动的子盒子自动检测高度。父级有了高度,就不会影响下面的标准流了方法:一 . clear选择器{clear:属性值;} clear 清除 二.额外标签法通过在浮动元素末尾添加一个空的标签例如 <div style=”clear:both”></div>,或则其他标签br等亦可。三.父级添加overflow属性方法可以给父级添加: overf原创 2021-06-20 11:36:39 · 74 阅读 · 0 评论 -
CSS面试须知--关于图片
插入图片和背景图片区别插入图片 ,用的最多, 比如产品展示类 移动位置只能靠盒模型。 padding margin背景图片我们一般用于小图标背景 或者 超大背景图片 。 背景图片 只能通过 background-position精灵图图标字体ico图片...原创 2021-06-20 11:32:57 · 124 阅读 · 0 评论 -
CSS面试须知--盒子模型、浮动及定位
所谓盒子模型:就是把HTML页面中的布局元素看作是一个矩形的盒子,也就是一个盛装内容的容器。盒子模型有元素的内容、边框(border)、内边距(padding)、和外边距(margin)组成。盒子里面的文字和图片等元素是 内容区域盒子的厚度 我们成为 盒子的边框盒子内容与边框的距离是内边距(类似单元格的 cellpadding)盒子与盒子之间的距离是外边距(类似单元格的 cellspacing)盒子的实际的大小 = 内容的宽度和高度 + 内边距 + 边框内边距产生的问题原创 2021-06-20 10:57:36 · 205 阅读 · 0 评论 -
CSS面试须知--显示模式及三大特性
显示模式标签以什么方式进行显示,比如div 自己占一行, 比如span 一行可以放很多个块级元素:blockdiv h1-h6 hr p ul ol li dl table address blockquote dir from menu(1)独占一行(2)高度,宽度、外边距以及内边距都可以控制。(3)宽度默认是容器(父级宽度)的100%(4)是一个容器及盒子,里面可以放行内或者块级元素。只有 文字才 能组成段落 因此 p 里面不能放块级元素,特原创 2021-06-19 21:42:33 · 72 阅读 · 0 评论 -
CSS面试须知--样式属性
字体样式font字体font-size:大小谷歌浏览器默认的文字大小为16px@ 扩展:有哪些单位px em rem vh(100vh是整个屏幕高度) vw (100vw是整个屏幕宽度)px,绝对长度单位,像素px是相对于显示器屏幕分辨率来说的em, 相对长度单位,em的值并不是固定的, em会继承父级元素的字体大小(参考物是父元素的font-size),em中所有的字体都是相对于父元素的大小决定的rem ,相对于html根元素的font-size (rem=页面元素的值/f原创 2021-06-19 21:26:14 · 114 阅读 · 0 评论 -
CSS面试须知--选择器
选择器标签选择器标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }类选择器 (可以多类名).类名 { 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }标签 中 <p class='类名'></p>id选择器#id名 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }标签中 <p id="id名"></p>通配符选择器* { mar原创 2021-06-19 20:54:55 · 154 阅读 · 0 评论 -
HTML面试须知
网页中web标准的三层组成:结构 ,HTML, 用于对网页元素进行整理和分类表现, CSS, 用于设置网页元素的版式、颜色、大小等外观样式介绍一下你对浏览器内核的理解?常见的浏览器内核有哪些?浏览器内核包括两部分,渲染引擎和js引擎。渲染引擎负责读取网页内容,整理讯息,计算网页的显示方式并显示页面,js引擎是解析执行js获取网页的动态效果。 后来 JS 引擎越来越独立,内核就倾向于只指渲染引擎。常用的浏览器及其内核IE:Tridentfirefox:Geckochrom、safari:we原创 2021-06-19 20:20:23 · 179 阅读 · 0 评论