重点：能够读懂别人的页面，知道后端开发者如何跟前端开发者配合HTML-Hyper-TextMarkupLanguageHTTP-Hyper-TextTransferProtocolHTML=Tag+CSS+JavaScriptTag---content文本标签：h1~h6/p/sup/sub/em/strong链接标签：a（页面链接、锚点链接、功能链接）-href/target列表标签：ul/ol

前端知识点总结——JS基础1.javascript概述(了解)1.什么是javascriptjavascript简称为js，是一种运行于js解释器/引擎中的脚本语言js的运行环境：1.独立安装的js解释器

前端知识点总结——JQ1.什么是jQuery:jQuery:第三方的极简化的DOM操作的函数库第三方:下载极简化:是DOM操作的终极简化:4个方面:1\.DOM:增删改查2\.事件绑定:3\.动画效果:

前端知识点总结——Angular一、Angular概述基于命令行的开发方式？①hotreload②编译工作③集成了webpack打包工具。。。。

1在输入链接背后，浏览器的工作是什么：简述（1）浏览器首先使用http或者https协议对服务器进行请求（2）把请求回来的html代码进行解析，形成DOM树（3）计算DOM树上的CSS属性（4）根据CSS属性对各个元素进行渲染和排版以及合成，得到内存中的位图（5）合成之后再绘制在页面上注意这些步骤不是一个完成之后再完成下一步，而是上一个步骤还没有完成之前就会继续完成下一个步骤，我们才会在网页中看见

前端知识点总结——Ajax1.ajax1.URL的作用用于表示任意一个资源的位置（互联网上）2.详解格式：://:@:/;?

一、框架和库的区别框架（framework）：有着自己的语法特点、都有对应的各个模块。库（library）：专注于一点。框架的好处：提到代码的质量，开发速度提高代码的复用率降低模块之间的耦合度（高内聚低耦合）UI：userinterfaceGUI：graphicaluserinterfaceCLI：commandlineinterfaceAPI：applicationinterface思维模式的转

HTML学习HTML排版、媒体、链接等基础标签，完成基础网页的开发1.排版标签：•标题h系列、段落p、换行br、水平线hr2.文本格式化标签：•加粗strong、下划线ins、倾斜em、删除线del3.图片标签：•img标签+src属性+alt属性+title属性+width属性+height属性4.路径：•相对路径：同级目录+下级目录+上级目录5.音频标签、视频标签：•audio标签、video

前端知识点串讲1HTML1.1组成HTML标签：单双HTML标签属性classid1.2HTML标签#页面结构标签htmlbodyhead#HEAD头部标签metatitlestylelinkscript#格式标签ph1~6prebrhr#文本标签emstrongsubsupdelinsi#列表ulollidldtdd#表格tabletheadtbodytfoottrtdthcaptiontd属性

Vue3为什么要使用Vue31.更好的逻辑复用与代码组织(composition组合式api)Vue3之前使用的是optionsAPI(选项式API)Vue3使用的是compositionAPI（组合式API）优点:代码组织更方便了,逻辑复用更方便了非常利于维护!!2.更好的检测类型(类型推导Typescript支持)类型推导:就是在没有明确指出类型的变量，TypeScript编译器会自动推测变量

前端知识点总结——JS基础1.javascript概述(了解)1.什么是javascriptjavascript简称为js，是一种运行于js解释器/引擎中的脚本语言js的运行环境：1.独立安装的js解释器

引言：前端小白一枚，此文集用于个人前端知识点总结，记录实际项目开发过程中踩过的抗。一点一滴，汇聚成河！JS常用继承方式：原型链继承、构造函数继承、组合继承。

一阶段1.网络中使用最多的图片格式有哪些gif支持动画，只有全透明和不透明两种模式，只有256种颜色jpg采用有损压缩算法，体积较小，不支持透明，不支持动画png采用有损压缩算法，体积也相对较小，支持透明背景，不支持动画svg一般会保存颜色及形状相对简单的图片，可任意放大图形显示，边缘异常清晰BMP无损压缩格式，画质最好，文件太大，不利于网络传输2.请简述css盒子模型在网页中，一个元素占有空间的

1.indexOf():返回指定字符串在字符串中出现的位置，没有返回-1；constlist=['aaa','bbb'];list.indexOf('aaa');//0list.indexOf('ccc');//-12.reduce():接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。对空数组是不会执行回调函数的。1)计算数组总和varnum=[1,2,3,4];va

前端知识点总结一、css布局浮动清除浮动定位flex布局表格布局网格布局JS布局二、css盒子模型弹性盒子模型标准盒模型ie盒模型标准盒模型VSie盒模型转换三、BFC规则创建四、js获取宽高forin

原文地址https://github.com/front-thinking/FE-Summary/blob/master/3.javascript.md同源策略及跨域请求的方法和原理（比较JSONP和document.domain的不同及优劣，以及HTML5的跨域方案）JavaScript数据类型JavaScript字符串转化JSONP原理及优缺点XMLHttpRequest事件委托前端模块化（A

1、CSS盒子模型1.1、标准盒子模型1.2、IE盒子模型1.3、标准盒子模型和IE盒子模型之间差异width的包含范围不同(故这使得在计算整个盒子的宽度时存在着差异)标准盒子模型：width指content部分的宽度，IE盒子模型中：width表示content+padding+border这三个部分的宽度，1.4、盒子尺寸计算width的包含范围不同，故这使得在计算整个盒子的宽度时存在着差异标

写在前面1、这是博主2019年的前端笔记，有自己的一些开发经验，也有网上找到的比较好的资料，做了一下总结。从最开始粗略整理到根据面试反馈不断完善，我觉得已经非常全面，可以说涵盖到了大部分前端面试的点，除了js、css、html，其他浏览器、框架、http、数据结构、算法等等全都有涉及。2、因为是学习笔记，而且涉及条目很多（97个），虽然博主已经认真校对，但难免有失误之处，大家多多包涵。3、这份总结

1.标准模式和怪异模式浏览器对页面的渲染有两种模式：怪异模式（浏览器使用自己的模式解析渲染页面）和标准模式（浏览器使用W3C官方标准解析渲染页面）。不同的渲染模式会影响到浏览器对CSS代码甚至Javascript的解析。使用，浏览器将按标准模式渲染页面。2.meta标签meta标签定义文档元数据，使用“名称=值”的形式来表示。其用途有：（1）设置页面字符集；（2）设置关键字便于搜索引擎搜索；（3）

1.CSS3中的伪类与伪元素伪类可以通过添加实际的类来实现，伪元素可以通过添加实际的元素来实现，其区别就是是否抽象创造出新元素。CSS3的标准是伪类使用单冒号“:”，而伪元素使用双冒号“::”，但是在此之前无论是伪类还是伪元素都使用单冒号“:”。注意在使用时，伪类就像真正的类一样，可以叠加使用；伪元素在一个选择器中只能出现一次，并且只能出现在末尾。2::before和:after中双冒号和单冒号有

文章目录HTML1、如何让一个元素在窗口消失（5种）2、讲出flex常用场景，以及flex1做了什么flex：1===flex：11auto3、meta标签怎么使用4、说说你常用的语义化标签5、input属性有哪些inputtype属性与代码详解两种盒子模型说一下，你平时用那个？为什么？6、BFC是什么？BFC的布局规则如何创建BFCBFC的作用7、css选择器的优先级8、清除浮动的方法9、什么是

其中伪类和伪元素的根本区别在于：它们是否创造了新的元素。伪元素/伪对象：不存在在DOM文档中，是虚拟的元素，是创建新元素。代表某个元素的子元素，这个子元素虽然在逻辑上存在，但却并不实际存在于文档树中。伪对象选择符E:first-letter/E::first-letterCSS1/3设置对象内的第一个字符的样式。E:first-line/E::first-lineCSS1/3设置对象内的第一行的样

前端知识点总结——JQ1.什么是jQuery:jQuery:第三方的极简化的DOM操作的函数库第三方:下载极简化:是DOM操作的终极简化:4个方面:1.DOM:增删改查2.事件绑定:3.动画效果:4.AjaxDOM

前端知识点总结——框架中报错集锦（含解决方法）1.vue1、指定template直接返回多个标签Componenttemplateshouldcontainexactlyonerootelement.解决方案

前端知识点总结——BOM1.BOM:BrowserObjectModel什么是:专门操作浏览器窗口的API没有标准,导致浏览器兼容性问题包括:windowhistorylocationnavigatordomeventscreen2

1.框架和库的区别：框架：framework有着自己的语法特点、都有对应的各个模块库library专注于一点框架的好处：1.提到代码的质量，开发速度2.提高代码的复用率3.降低模块之间的耦合度（高内聚低耦合）UI：userinterfaceGUI:graphicaluserinterfaceCLI:commandlineinterfaceAPI:applicationinterface思维模式的转

前端知识点总结——H51.html5新特性(1)新的语义标签(2)增强型表单*(3)音频和视频(4)Canvas绘图(5)SVG绘图(6)地理定位(7)拖动API(8)WebWorker(9)WebStorage

前端知识点总结——HTMLHTML：HTML4.01指的就是网页技术HTML5：HTML4.01的升级版本1.web的基础知识web与Internet1.Internet:全球性的计算机互联网络，因特网

HTML超文本标记语言，非编程语言部分熟悉内容不再赘述，比如表单类型等。头部可以添加在头部区域的元素标签为:,,,,,,and。标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接：标签通常用于链接到样式表：标签提供了元数据。元数据不显示在页面上，但会被浏览器解析。META元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据,定时刷新页面。作用

前端知识点总结(HTML)一,头部常用的标签1,link标签(1),设置ico图标12(2),外链CSS样式122,meta标签(1),指定字符集1(2),向搜索引擎说明你的网页的关键词1(3),告诉搜索引擎你的站点的主要内容

css实现隐藏多余溢出文字并显示省略号Document.txt{width:200px;border:1pxsolid#ddd;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}溢出文字隐藏溢出文字隐藏溢出文字隐藏溢出文字隐藏css把图片变为为黑白img{-webkit-filter:grayscale(100%);-moz-fi

基础类：1、数据类型的转换和比较。（+2）数据类型转换+true;//1,一元加号会尝试将boolean类型转换为数字类型。true被转换为1，false被转换为0。!"Lydia";//false1、函数传参对象类型是引用传递functionperson(per){per.name='haha';per.age=3;console.log(per)}person({name:"www",age:

前端知识点总结——Ajax1.ajax1.URL的作用用于表示任意一个资源的位置（互联网上）2.详解格式：://:@:/;?

前端知识点总结花了几个晚上整理的前端知识点，收录进来以备后续查看。1、自动化构建工具Gulp的使用方法。

前端知识点总结—-响应式1.ResponsiveWebPage:响应式网页/自适应的网页2010年提出,一个网页，会自动根据用户浏览设备不同，自动必变布局,可以被PC/PAD/PHONE正常浏览2:响应式网页必备

前端知识点总结——DOM1.什么是DOM:DocumentObjectModel什么是:专门操作网页内容的API标准——w3c为什么:统一不同浏览器操作网页内容的API标准优点:几乎所有浏览器100%兼容

结合网上和个人总结，仅供参考。1、HTML&CSS:1、DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。（通俗易懂的来讲讲DOM、两个节点之间可能存在哪些关系以及如何在节点之间任意移动）DOM:DocumentObjectModule,文档对象模型。节点的关系：父（parent）、子（child）和同胞（sibling）等节点关系；-在节点树中，顶端节点被称为根（root）-

一.Vue中基础知识1.指令-插值:{{}}、v-html插入文本：双花括号语法：{{mes}}作用：将数据绑定到视图插入HTML:v-html语法：作用：输出真正的html2.指令-循环指令:v-for语法1:语法2：作用：在遍历array集合时，将临时变量保存在item、index中，创建多个any标签3.指令-选择指令:v-if、v-else语法：作用：根据表达式执行结果的真假，来决定是否将

从今天开始打算陆陆续续写一些前端方面的知识点总结，也方便自己巩固和复习。如果有人能看见还帮助了你，那也是极好的hhhh。分析与解答：1.盒子模型有两种，W3C的标盒模型和IE的怪异盒模型（1）W3C定义的标准盒模型包括margin、border、padding、content，而区别在于标准盒模型元素的width=content的宽度（2）IE怪异盒模型与W3C的标准盒模型唯一区别就在于元素的宽度

下一篇：2020Web前端知识点总结-CSS篇（一）1、HTML基本文档文档标题可见文本...1.1、扩展代码参考扩展lang属性的值：en表示为英文zh中文简体HTML的lang语言代码参考手册说明基本文档的元素中引入元素引入

今天系统的整理下我理解的前端的知识点以及如何贯穿的将这些串联起来主要是js部分首先js最不能离开的一句话就是万物皆对象首先是变量---functionTellname（name，age）{this.name=name;this.age=age;//returnthis;}varzhangsan=newTellname('zhangsan',20);//初始化一个构造函数实例vara={}//var

1.script标签的位置传统的做法是把所有外部文件（CSS文件和JavaScript文件）引用放在head标签内，这意味着必须等到全部JavaScript代码都被下载、解析和执行完以后，才能开始呈现页面的内容（浏览器在遇到body标签时才开始呈现内容），这会导致浏览器在呈现内容时出现延迟，为了避免这个问题，可以将全部JavaScript引用放在body标签中页面内容的后面，这样一来，在解析Jav

（持续更新。。。。。。有兴趣的小伙伴可以一起来讨论、分享、学习）最近想自学一下前端的知识，其实前端的基础部分的话以前也搞过一段时间，但是后来长时间不用了，所以就一点一点淡忘了，而且也没做什么笔记，代码这东西就得多敲，多记。真正的工作经验其实就是你电脑某个文件夹中的word笔记，所以提醒大家学习的话一定要搞清楚，弄明白，然后记下来，这样才能学的有意义，这篇文章的话主要是一个目录的章，将所有的笔记博客

HTML的编辑器：DreamWeaver鼠标的移入和移出方法：hover（）在jsp中用就可以写Java代码了，而html没有在W3C指定的HTML5规范中,对于HTML5在语法结构上的规格限制是较松散的,不区分大小写，标记不一定必须有结束标记各大浏览器与HTML5的兼容：各浏览器对HTML的标准支持不同，对HTML5新增功能支持程度也不同，导致使用同样的网页不同浏览器有不同表现。所以要制定web

一些开放性题目1.自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。2.项目介绍3.如何看待前端开发？4.平时是如何学习前端开发的？5.未来三到五年的规划是怎样的？position的值，relative和absolute分别是相对于谁进行定位的？absolute:生成绝对定位的元素，相对于最近一级的定位不是static的父元素来进行定位。fixed（老IE不支持）生成绝对

前端知识点总结——H51.html5新特性(1)新的语义标签(2)增强型表单*(3)音频和视频(4)Canvas绘图(5)SVG绘图(6)地理定位(7)拖动API(8)WebWorker(9)WebStorage

作者：mahmud（小麦）出处：https://www.cnblogs.com/mahmud/p/10150436.html前端题库阿里使用过的koa2中间件koa-body原理介绍自己写过的中间件有没有涉及到Cluster介绍pm2master挂了的话pm2怎么处理如何和MySQL进行通信React声明周期及自己的理解如何配置React-Router路由的动态加载模块服务端渲染SSR介绍路由的h

前端知识点总结1.事件对象的方法和常用关键字2.JavaScript中的跨域3.CSS画三角形4.兼容性浏览器各种模式的宽高5.toString()和valueOf6.JavaScript中class（

1、DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。（通俗易懂的来讲讲DOM、两个节点之间可能存在哪些关系以及如何在节点之间任意移动）DOM:DocumentObjectModule,文档对象模型。节点的关系：父（parent）、子（child）和同胞（sibling）等节点关系；-在节点树中，顶端节点被称为根（root）-每个节点都有父节点、除了根（它没有父节点）-一个节点

（持续更新。。。。。。有兴趣的小伙伴可以一起来讨论、分享、学习）最近想自学一下前端的知识，其实前端的基础部分的话以前也搞过一段时间，但是后来长时间不用了，所以就一点一点淡忘了，而且也没做什么笔记，代码这东西就得多敲，多记。真正的工作经验其实就是你电脑某个文件夹中的word笔记，所以提醒大家学习的话一定要搞清楚，弄明白，然后记下来，这样才能学的有意义，这篇文章的话主要是一个目录的章，将所有的笔记博客