因为之前并没有好好写啦，最多是当个笔记记录下来，自己都看不下去，noheartworkingwritefiletouchfishing~学习课程和笔记都是bilibili上的尚硅谷系列课程~这边只是一个整理啦，网上有很多教程的，suchms的官网文档和教程，但我总是觉得官方文档有些晦涩难懂，但他又很权威，所以我会选择主看官方文档，辅助csdn啊bilibili菜鸟教程等强推一个博主——阮一峰我是阮

以下内容为css基础篇（1）1.如何解决a标点击后hover事件失效的问题？改变a标签CSS属性的排列顺序：（爱恨原则）link->visited->hover->activea:link：未访问的样式a:visited：已经访问的样式a:hover：鼠标移上去时的样式a:active：鼠标按下的样式按照这样书写：可以解决a:link样式被a:visited样式覆盖问题。在CSS中，如果对于相同元

文章目录1、说出标准的CSS的盒子模型是什么？与低版本IE的盒子模型有什么不同的？2、CSS如何设置这两种模型？3、对BFC规范(块级格式化上下文：blockformattingcontext)的理解？4、CSSmargin上下重叠问题5、CSS选择器有哪些？哪些属性可以继承？CSS优先级算法如何计算？6、CSS3新增伪类有那些?7、display各项值的含义8、关于居中9、用纯CSS实现一个三角

作为一个优秀的开发人员，虽然我主攻是后端，但是前端知识还是要会一点的，因为目前想要自己上线一个项目。所以一个可视化的界面是必须的脚手架初始化什么是前端的脚手架？

家乡旅游景点网页作业制作网页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒子设定居中，内部左中右布局，下方横向浮动排列，大学学习的前端知识点和布局方式都有运用

在这个专栏中，我们将以问答形式每天更新，为大家呈现精选的前端知识点和常见问题解答。通过问答形式，我们希望能够更直接地回应读

【前端知识】Cookie,Session,Token和JWT的发展及区别（四）9.JWT9.1JWT的背景及定义（1）JWT的字面理解（2）JWT与传统Token的区别9.2JWT的组成（1）Header

【前端知识】Cookie,Session,Token和JWT的发展及区别（一）1.背景2.Cookie2.1Cookie的定义2.2Cookie的特点2.2.1Cookie的特点2.2.2Cookie保存的位置

【前端知识】Cookie,Session,Token和JWT的发展及区别（三）7.Token7.1Token的背景及定义7.1.1背景7.1.2定义7.1.3基于定义的N个思考（1）关于无状态的相关思考

【前端知识】Cookie,Session,Token和JWT的发展及区别（二）4.Session4.1Session的背景及定义4.2Session的特点4.2.1Session的特点4.2.2Session

1、获取当前时间letdate=newDate()2、将字符串或者对象直接转化成时间戳方法：Date.parse()注意：不推荐这种方法，毫秒级别的数值被转化为0003、通过valueOf()函数返回指定的原始值获得精准的时间戳值方法：valueOf()4、通过原型方法直接获得当前时间的毫秒值，准确方法：getTime()5、将时间对象转化为一个number类型的数值，即时间戳方法：number

在这个专栏中，我们将以问答形式每天更新，为大家呈现精选的前端知识点和常见问题解答。通过问答形式，我们希望能够更直接地回应读

在这个专栏中，我们将以问答形式每天更新，为大家呈现精选的前端知识点和常见问题解答。通过问答形式，我们希望能够更直接地回应读

当大家有了一些HTML的静态布局的基础，那么我们学完HTML、CSS这些最简单的东西就算是有了小小的入门，知道了Web前端到底是做什么的，那么我们入门之后应该学习哪些系统的前端知识体系呢？

一、基础的认知1、Web标准构成1.1、Web标准中分成三个构成：结构：HTML页面元素和内容表现：CSS页面元素的外观和位置等页面样式行为：JavaScript网页模型的定义与页面交互2、HTML的概念HTML中文译为：超文本标记语言二、HTML标签1、图片标签2、音频标签属性名功能src音频的路径controls显示播放的控件autoplay自动播放（部分浏览器支持）loop循环播放3、视频标

在这个专栏中，我们将以问答形式每天更新，为大家呈现精选的前端知识点和常见问题解答。通过问答形式，我们希望能够更直接地回应读

周一b网站讲座：上传网站的时候打包完一定把sourcemap去掉，不然你的网站很容易被别人通过sourcemap（插件）解析出来周二使用docker跑Protoo：（本项目是在Linux虚拟机下为了演示通过vscode来连接本地和虚拟机在容器里有自带的node所以在可以不用下载npmyarn）下载docker插件用docker命令进行操作，可通过docker的容器视角看项目实现虚拟互传，端口多用，

在这个专栏中，我们将以问答形式每天更新，为大家呈现精选的前端知识点和常见问题解答。通过问答形式，我们希望能够更直接地回应读

HTTP状态码是指在客户端向服务器发送请求时，服务器返回的表示请求结果的三位数字代码。这些状态码提供了关于请求是否成功、需要进一步操作或遇到错误的信息。以下是一些常见的HTTP状态码及其详细说明：1xx（信息性状态码）：表示接收到请求并且正在处理。100Continue：服务器已经接收到部分请求，客户端可以继续发送剩余请求。101SwitchingProtocols：服务器已经理解并接受了客户端的

在这个专栏中，我们将以问答形式每天更新，为大家呈现精选的前端知识点和常见问题解答。通过问答形式，我们希望能够更直接地回应读

在这个专栏中，我们将以问答形式每天更新，为大家呈现精选的前端知识点和常见问题解答。通过问答形式，我们希望能够更直接地回应读

在这个专栏中，我们将以问答形式每天更新，为大家呈现精选的前端知识点和常见问题解答。通过问答形式，我们希望能够更直接地回应读

在这个专栏中，我们将以问答形式每天更新，为大家呈现精选的前端知识点和常见问题解答。通过问答形式，我们希望能够更直接地回应读

c8WXCTl6wMqd2AJktX7SIg链接地址：https://f2e.tech/掘金上有个前端框架学习：https://juejin.cn/post/6994657097220620319阿里巴巴前端知识图谱

一、前端框架MVVM——vue，ElementUI基于Vue2.0桌面端组件库1、view，html、css-----、templates2、viewModel,js、runtiome、vue.jsViewModel能够观察到数据的变化，并对视图对应的内容进行更新。ViewModel能够监听到视图的变化，并能够通知数据发生变化。3、mode，Java、AngularJS二、Web安全防范三、web

一、Js的数据类型基础类型有7个StringNumberBigIntBooleanSymbolNullUndefined引用类型有1个Object(细分有：Object类型、Array类型、Date类型、RegExp类型、Function类型等)

1、常见的水平垂直居中实现方案最简单的方案是flex布局.container{display:flex;align-items:center;justify-content:center;}绝对定位配合margin:auto(一定要给.son宽高).father{position:relative;height:300px;}.son{position:absolute;top:0;right:0

当谈到网络通信和数据传输时，安全性是一个至关重要的问题。在互联网上，有许多敏感信息需要通过网络进行传输，例如个人身份信息、银行账户信息和商业机密等。为了保护这些信息不被未经授权的人访问和篡改，HTTPS（超文本传输安全协议）应运而生。HTTPS是HTTP协议的安全版本，通过使用SSL（安全套接层）或TLS（传输层安全）协议对数据进行加密和身份验证。它通过在客户端和服务器之间建立一个安全的加密连接，

本文从一个简单的HTML页面入手，对为什么要有浮动，如何设置浮动，元素设置浮动后自身的变化及对整个布局产生的影响，以及如何消除浮动带来的影响都做了详细的过程解析，理解浮动对页面布局来说很重要，希望本文能有所帮助！一、认识浮动普通标准文档流中，浏览器从HTML文件的最上面开始，从上至下，从左至右，逐个显示每个元素，每个元素在HTML文档中的位置就限制了他在页面中的位置。先看一个简单的HTMLhtml

2、知识储备网页前端知识：需要了解前端和网

一、HTTP代理是什么？HTTP代理是一种网络协议，它允许客户端与服务器之间进行数据传输。它是一种常用的代理服务，可以帮助用户通过HTTP协议访问被封锁的网站或提供更快的网络连接速度。二、如何设置手机上网使用HTTP代理？1.打开手机，从主屏幕中找到“设置”应用程序，并点击打开。2.在“设置”界面中，找到一个类似于信号的图标，下面标有“WLAN”的选项，并点击进入。3.在“WLAN”界面中，可以看

ES6中的迭代器是一种新的对象，它具有一个next()方法。next()方法返回一个对象，这个对象包含两个属性：value和done。value属性是迭代器中的下一个值，done属性是一个布尔值，表示迭代器是否已经遍历完所有的值。迭代器是一个懒加载的机制，只有在调用next()方法时才会返回下一个值。我们可以使用for…of循环来遍历数组中的元素，让对象实现for-of遍历。此外，ES6还引入了生

目前网站使用SSL证书，用443端口的情况非常普遍，大多数网站，用户都是会选择用证书，这样不仅可以提供数据传输的安全性，增强用户信任和品牌形象，还可以提高网站在搜索结果中的排名，从而增加流量和曝光度。但同时，又会遇到一个问题，就是针对HTTPS的CC攻击。HTTPS的CC攻击主要是通过HTTPS协议进行的，攻击者会利用HTTPS协议头中的一些字段来发起攻击，比如User-Agent，Cookie等

一、强制缓存只要浏览器判断缓存没有过期，则直接使用浏览器的本地缓存而无需再请求服务器。强制缓存是利用下面这两个HTTP响应头部（ResponseHeader）字段实现的，它们都用来表示资源在客户端缓存的有效期：Cache-Control，是一个相对时间；Expires，是一个绝对时间；如果HTTP响应头部同时有Cache-Control和Expires字段的话，Cache-Control的优先级高

前端开发和后端开发是Web开发中的两个关键领域，它们负责不同的任务和功能。下面是前端开发和后端开发之间的主要区别：前端开发：用户界面：前端开发主要关注用户界面的开发，包括网页的布局、样式、交互等方面。前端技术：前端开发通常使用HTML、CSS和JavaScript等前端技术进行开发。客户端处理：前端开发将代码部署到客户端（通常是浏览器），通过浏览器渲染网页并与用户进行交互。用户体验：前端开发着重关

特点：异步提交局部刷新例子：github注册动态获取用户名实时的跟后端确认并实时的展示到前端（局部刷新）朝后端发送请求的方式1.浏览器地址栏直接输入url回车-----》get请求2.a标签的href属性-----》get请求3.form表单-----》get请求、post请求4.ajax-----》get请求、post请求真正的ajax原生，需要使用js操作，jq的ajax方法是对原生js的封装

前端开发需要掌握的技术包括以下几个方面：1.HTML：HTML是网页的基础骨架，是网页内容的载体，负责网页内容的排列和布局。2.CSS：CSS是网页的样式表，负责网页的外观和样式。一般情况下HTML+CSS是在一起使用为了页面布局的，说到布局可能会需要用到PS和蓝湖等一类设计工具去切图，所以衍生出切图技能也是要会滴。3.JavaScript：JavaScript是一种动态脚本语言，负责网页的交互和

在这个专栏中，我们将以问答形式每天更新，为大家呈现精选的前端知识点和常见问题解答。通过问答形式，我们希望能够更直接地回应读

在这个专栏中，我们将以问答形式每天更新，为大家呈现精选的前端知识点和常见问题解答。通过问答形式，我们希望能够更直接地回应读

在这个专栏中，我们将以问答形式每天更新，为大家呈现精选的前端知识点和常见问题解答。通过问答形式，我们希望能够更直接地回应读

在这个专栏中，我们将以问答形式每天更新，为大家呈现精选的前端知识点和常见问题解答。通过问答形式，我们希望能够更直接地回应读

HTTP（HypertextTransferProtocol）是一种用于在计算机网络中传输超文本的协议。它是一个客户端-服务器协议，用于从Web服务器传输超文本到本地浏览器。HTTP使用TCP/IP协议作为底层传输协议，并使用默认端口号80。HTTPS（HypertextTransferProtocolSecure）是基于HTTP的安全协议。它通过使用SSL（SecureSocketsLayer）

前端密钥存储安全是非常重要的，具体原因如下：保护敏感数据：密钥用于保护敏感数据的安全性。如果密钥泄露，攻击者可能能够访问和篡改敏感数据，导致数据泄露、数据被篡改或系统被入侵。防止恶意使用：在前端存储密钥的情况下，攻击者可以更轻易地获取密钥。一旦攻击者获得密钥，他们可能会使用该密钥进行恶意操作，例如伪造请求、未经授权的访问或数据篡改。遵守安全性和合规性要求：许多行业和法规要求对敏感数据采取特定的安全

禁止右键document.oncontextmenu=newFunction("event.returnValue=false;")//禁用右键禁止按键//监听按键document.onkeydown=function(){//f12if(window.event&&window.event.keyCode==123){alert("F12被禁用");event.keyCode=0;event.r

在这个专栏中，我们将以问答形式每天更新，为大家呈现精选的前端知识点和常见问题解答。通过问答形式，我们希望能够更直接地回应读

浏览器缓存的策略主要分为两种：过期机制和验证机制。过期机制：是指浏览器根据资源的过期时间，判断是否可以直接使用缓存中的副本，而无需向服务器发起请求。过期时间可以通过以下两种方式设置：Cache-Control：这是一个HTTP响应头，用于指定资源的最大有效期。例如，Cache-Control:max-age=3600表示资源在3600秒内有效，之后需要重新请求。Expires：这也是一个HTTP响

原文链接：http://caibaojian.com/fe-knowledge-points.html前端知识点A-A+前端博客•2015-12-24•前端开发资源•前端开发•1650View1文章目录

参考HTML代码example1.CSSCSS（CascadingStyleSheets，层叠样式表）是用于控制HTML元素在网页上如何显示的一种标记语言。它允许开发者为网页创建样式，包括布局、颜色、字体和响应式设计等。通过CSS，可以将设计和内容分离，使得网页更易于维护和访问。CSS（CascadingStyleSheets，层叠样式表）是用于控制HTML元素在网页上如何显示的一种标记语言。它允

如果想在React中想要像Vue一样把css和js写到一个文件中，可以使用CSS-in-JS。使用CSS-in-JS下载npmistyled-components使用就像写scss一样，不过需要声明元素的类型基本语法及展示如下importstyledfrom"styled-components"exportdefault()=>{constFather=styled.div`width:200px

一、介绍1、Vue.js是什么在为AngularJS工作之后，Vue的作者尤雨溪开发出了这一框架。他声称自己的思路是提取Angular中为自己所喜欢的部分，构建出一款相当轻量的框架。Vue最早发布于2014年2月。作者在HackerNews、EchoJS与Reddit的javascript版块发布了最早的版本。一天之内，Vue就登上了这三个网站的首页。Vue是Github上最受欢迎的开源项目之一。