1、js和jsx有什么区别，为什么要使用jsx// ①jsx的使用<script type="text/babel">const VDOM = <h1 id='title'>hell,react</h1>ReactDOM.render(VDOM, document.getElementById('test'))</script>②js的使用<s

一、概况http是超文本传输协议，它定义了客户端和服务器之间交换报文的格式和方式，默认情况下使用80端口。它使用tcp作为传输层协议，保证了数据传输的可靠性。http是一个无状态的协议，http服务器不会保证关于用户的任何信息。http协议存在两种连接，一种是持续连接， 另一种是非持续连接。非持续连接是服务器必须为每一个请求建立和维护一个全新的连接。持续连接下，TCP连接默认不关闭，可以被多次请求

一、写在前面前端的存储方式也是重中之重，下面来总结一下前端存储方式的种类。二、总结主要存在四种：cookie,localStorage,sessionStorage,indexedDB。2.1、cookies：在HTML5标准前本地储存的主要⽅式，优点是兼容性好，请求头⾃带cookie⽅便，缺点是⼤⼩只有4k，⾃动请求头加⼊cookie浪费流量，每个domain限制20个cookie，使⽤起来麻烦

一、认识vitewebpack是目前整个前端使用最多的构建工具，但是除了webpack之后也存在其他一些构建工具。比如说rollup,parcel,gulp,vite等等。vite的官方定位是下一代前端开发和构建工具。如何定义下一代开发和构建工具呢？我们知道在实际开发中，我们在编写的代码往往是不能被浏览器直接识别的，比如ES6，TypeScript,Vue文件等。所以此时我们必须通过构建工具来对代

本篇博客主要总结一下什么是XSS攻击，并且如何防范XSS攻击。一、什么是XSS攻击XSS攻击中文名称为：跨站脚本攻击，XSS的重点不在于跨站，而在于脚本的攻击。XSS攻击的工作原理：攻击者会在web页面中插入一些恶意的script代码。当用户浏览该页面的时候，那么嵌套在该页面的代码就会执行，因此会达到攻击用户的目的。XSS的分类：XSS攻击最主要分为如下几类，反射型，存储型，DOM-based型。

一、什么是浏览器的同源策略浏览器的同源策略是指：js脚本在未经允许的情况下，不能够访问其他域下的内容。二、同源同源:协议，域名，端口都相同的则是同源，其中一个不同则都不属于同源。三、同源策略主要限制同源策略主要限制三个方面：1、一个域下的js脚本不能访问另一个域下面的cookie,localStorage和indexDB2、一个域下的js脚本不能够操作另一个域下的DOM.3、ajax不能做跨域请求

一、前言我们了解的vue指令有： v-model,v-show,v-for等，除了这些指令，我们也可以实现自己的自定义指令。在vue中代码的抽取和复用主要是通过组件，如果我们想要对DOM元素进行底层操作，可以通过自定义组件来完成。二、自定义指令的分类自定义局部指令:在options api选项中的directives中设置。自定义全局指令:在app的directive方法。三、input框聚焦案例

vue3中的hooks其实是函数的写法，就是将文件的一些单独功能的js代码进行抽离出来，放到单独的js文件中。这样其实和我们在vue2中学的mixin比较像。下面我们总结一下如何去书写hooks。首先应该先建立一个hooks文件夹：其目的是为了存放hook文件。建立相关的hook文件：一般使用use开头。一、计数器的hookuseTitle的hooksuseScrollPostion用来监测浏览器

一、写在前面js如何判断一个对象是否是空对象，本文给出三个方法。二、采用for…in…进行遍历最常见的思路就是使用for....in...遍历属性，为真则为非空对象，为假则为空对象。<script>function isEmptyObj(obj) {for(let item in obj) {return true}return false}console.log(isEmptyObj

一、写在前面Proxy的意思是代理，我们可以把它理解为一个拦截器，就是当我们操作对象时，它都会对对象的操作进行拦截，从而进行监测和改写。为什么要存在Proxy?因为在ES6之前，我们使用Object.defineProperty()来设置监听器，来监听对象属性的获取和改写。但是如果其中存在其他的一些操作，我们是无法监测到的，所以为了解决这样一个问题，在ES6中增加了Proxy代理。Proxy可以帮