随笔分类 - 前端知识分享
专注前端开发技术分享，助力初学者更好成长
摘要：
一、vite 到底是干嘛的？ vite 实际上就是一个面向现代浏览器，基于 ES module 实现了一个更轻快的项目构建打包工具。 vite 是法语中轻快的意思。 vite 的特点： 1、轻快的冷服务启动。vite 是面向现代浏览器的，浏览器支持 ES6 的 imports属性，利用浏览器解析 i
阅读全文
一、vite 到底是干嘛的？ vite 实际上就是一个面向现代浏览器，基于 ES module 实现了一个更轻快的项目构建打包工具。 vite 是法语中轻快的意思。 vite 的特点： 1、轻快的冷服务启动。vite 是面向现代浏览器的，浏览器支持 ES6 的 imports属性，利用浏览器解析 i
阅读全文
摘要：
本篇文章，内容比较多，建议收藏！ 官方解释：Vuex 是专为 vue.js 应用程序开发的状态管理模式。 一、Vuex 是做什么呢？ 什么是状态管理？ 简单地讲：可以把多个组件都需要的变量全部存储到一个对象里面，然后这个对象放在顶层的 vue 实例中，让其他组件可以使用。这样多个组件就可以共享这个对
阅读全文
本篇文章，内容比较多，建议收藏！ 官方解释：Vuex 是专为 vue.js 应用程序开发的状态管理模式。 一、Vuex 是做什么呢？ 什么是状态管理？ 简单地讲：可以把多个组件都需要的变量全部存储到一个对象里面，然后这个对象放在顶层的 vue 实例中，让其他组件可以使用。这样多个组件就可以共享这个对
阅读全文
摘要：
一、脚手架认识和使用前提 CLI 是什么意思？ CLI -- Command-Line Interface 命令行界面，俗称脚手架。 脚手架就是一个大概的框架，是建筑学上的一个概念。 1.1、什么是Vue-cli? Vue-cli 是官方发布 vue.js 项目脚手架，使用 Vue-cli 可以快速
阅读全文
一、脚手架认识和使用前提 CLI 是什么意思？ CLI -- Command-Line Interface 命令行界面，俗称脚手架。 脚手架就是一个大概的框架，是建筑学上的一个概念。 1.1、什么是Vue-cli? Vue-cli 是官方发布 vue.js 项目脚手架，使用 Vue-cli 可以快速
阅读全文
摘要：
先问大家一个很简单的问题： vue init webpack prjectName 与 vue create projectName 有什么区别呢？ 它们是 Vue-cli 2 和 Vue-cli3 创建项目的两个命令，之所以两个命令不同，根本原因是 Vue-cli2 是基于webpack 3，而
阅读全文
先问大家一个很简单的问题： vue init webpack prjectName 与 vue create projectName 有什么区别呢？ 它们是 Vue-cli 2 和 Vue-cli3 创建项目的两个命令，之所以两个命令不同，根本原因是 Vue-cli2 是基于webpack 3，而
阅读全文
摘要：
高阶函数，英文叫 Higher Order function。一个函数可以接收另外一个函数作为参数，这种函数就叫做高阶函数。 示例： function add(x, y, f) { return f(x) + f(y); } //用代码验证一下： add(-5, 6, Math.abs); // 1
阅读全文
高阶函数，英文叫 Higher Order function。一个函数可以接收另外一个函数作为参数，这种函数就叫做高阶函数。 示例： function add(x, y, f) { return f(x) + f(y); } //用代码验证一下： add(-5, 6, Math.abs); // 1
阅读全文
摘要：
一、为什么使用Promise? 我们知道 js 执行的时候，一次只能执行一个任务，它会阻塞其他任务。由于这个缺陷导致 js 的所有网络操作，浏览器事件，都必须是异步执行。异步执行可以使用回调函数执行。 常见的异步模式有以下几种： 定时器 接口调用 事件函数 // setTimeout 示例 func
阅读全文
一、为什么使用Promise? 我们知道 js 执行的时候，一次只能执行一个任务，它会阻塞其他任务。由于这个缺陷导致 js 的所有网络操作，浏览器事件，都必须是异步执行。异步执行可以使用回调函数执行。 常见的异步模式有以下几种： 定时器 接口调用 事件函数 // setTimeout 示例 func
阅读全文
摘要：
路由是网络工程里面的专业术语，就是通过互联把信息从源地址传输到目的地址的活动。本质上就是一种对应关系。分为前端路由和后端路由。 后端路由： URL 的请求地址与服务器上的资源对应，根据不同的请求地址返回不同的资源。 前端路由： 在单页面应用中，根据用户触发的事件，改变URL在不刷新页面的前提下，改变
阅读全文
路由是网络工程里面的专业术语，就是通过互联把信息从源地址传输到目的地址的活动。本质上就是一种对应关系。分为前端路由和后端路由。 后端路由： URL 的请求地址与服务器上的资源对应，根据不同的请求地址返回不同的资源。 前端路由： 在单页面应用中，根据用户触发的事件，改变URL在不刷新页面的前提下，改变
阅读全文
摘要：
一、什么是指令？ 在 vue 中，指令以 v- 开头，是一种特殊的自定义行间属性。指令属性的预期值是一个表达式，指令的职责就是：表达式的值改变时，相应地将某些行为应用到DOM上。只有v-for是一个类外，后边跟的不是表达式。 一个指令能够接收一个参数，在指令名称之后以冒号表示。例如： <a v-bi
阅读全文
一、什么是指令？ 在 vue 中，指令以 v- 开头，是一种特殊的自定义行间属性。指令属性的预期值是一个表达式，指令的职责就是：表达式的值改变时，相应地将某些行为应用到DOM上。只有v-for是一个类外，后边跟的不是表达式。 一个指令能够接收一个参数，在指令名称之后以冒号表示。例如： <a v-bi
阅读全文
摘要：
一、数据绑定 Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统： <div id="app"> {{ msg }} </div> //实例化代码 var app = new Vue({ el: '#app', data: { msg: '欢迎学习Vue' } }
阅读全文
一、数据绑定 Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统： <div id="app"> {{ msg }} </div> //实例化代码 var app = new Vue({ el: '#app', data: { msg: '欢迎学习Vue' } }
阅读全文
摘要：本篇文章适合，想要学习 vue，但对 vue 又没有接触过的同学阅读，是非常基础的内容。告诉大家使用 vue 时的安装方式，及如何创建实例，展示内容。 一、安装方式 vue 是一种前端框架，所以使用前我们必须安装，有三种安装方式分别为： 1.1、使用 script 标签引入 在 vue 官方文档，我
阅读全文
摘要：
WEB 开发同学一看 get 和 post 请求方法的区别，第一感觉都是 So easy！ 学习ajax、fetch、axios时，发送网络请求携带参数时，都需要分别处理get和post的参数。所以我们需要学习get和post的区别，以便更好地进行前后端数据交互。get 和 post 区别你到底知道
阅读全文
WEB 开发同学一看 get 和 post 请求方法的区别，第一感觉都是 So easy！ 学习ajax、fetch、axios时，发送网络请求携带参数时，都需要分别处理get和post的参数。所以我们需要学习get和post的区别，以便更好地进行前后端数据交互。get 和 post 区别你到底知道
阅读全文
摘要：
一、什么是跨域？ 跨域就是非同源策略请求。 1.1、什么是同源策略？ 同源策略（SOP）是一种约定，是浏览器最核心的也是最基本的安全功能，如果缺少了同源策略，浏览器很容易受到 XSS、CSFR等攻击。 协议+域名+端口号，三者都相同时就是同源，只要有一个不同就是跨域。 1.2、为什么会产生跨域？ 很
阅读全文
一、什么是跨域？ 跨域就是非同源策略请求。 1.1、什么是同源策略？ 同源策略（SOP）是一种约定，是浏览器最核心的也是最基本的安全功能，如果缺少了同源策略，浏览器很容易受到 XSS、CSFR等攻击。 协议+域名+端口号，三者都相同时就是同源，只要有一个不同就是跨域。 1.2、为什么会产生跨域？ 很
阅读全文
摘要：
ajax、fetch 和 axios 都是用于网络请求数据的，ajax是最早出现发送后端请求的技术，fetch 为解决回调地狱问题而生的，但浏览器的支持性不好，因此axios就出现了，功能非常强大，包括 取消请求，超时处理，进度处理等等。
阅读全文
ajax、fetch 和 axios 都是用于网络请求数据的，ajax是最早出现发送后端请求的技术，fetch 为解决回调地狱问题而生的，但浏览器的支持性不好，因此axios就出现了，功能非常强大，包括 取消请求，超时处理，进度处理等等。
阅读全文
摘要：
axios是基于 Promise 的 ajax 封装库，也是前端目前最流行的 ajax 请求库。简单地说发送 get、post 请求，是一个轻量级的库，使用时可直接引入。
阅读全文
axios是基于 Promise 的 ajax 封装库，也是前端目前最流行的 ajax 请求库。简单地说发送 get、post 请求，是一个轻量级的库，使用时可直接引入。
阅读全文
摘要：
fetch 是 XMLHttpRequest 的升级版，使用js脚本发出网络请求，但是与 XMLHttpRequest 不同的是，fetch 方式使用 Promise，相比 XMLHttpRequest 更加简洁。所以我们告别XMLHttpRequest，引入 fetch 如何使用？
阅读全文
fetch 是 XMLHttpRequest 的升级版，使用js脚本发出网络请求，但是与 XMLHttpRequest 不同的是，fetch 方式使用 Promise，相比 XMLHttpRequest 更加简洁。所以我们告别XMLHttpRequest，引入 fetch 如何使用？
阅读全文
摘要：
有很多框架已经将 ajax 封装，需要的时候只需要调用就好，比如 jquery 是最常用的。我们为什么还需要学习 ajax 的封装呢？首先加强我们对ajax的认识，其次如果只是因为ajax请求需要引入框架，我们可以自己封装一个，这样就不需要引入多余的框架了。
阅读全文
有很多框架已经将 ajax 封装，需要的时候只需要调用就好，比如 jquery 是最常用的。我们为什么还需要学习 ajax 的封装呢？首先加强我们对ajax的认识，其次如果只是因为ajax请求需要引入框架，我们可以自己封装一个，这样就不需要引入多余的框架了。
阅读全文
摘要：一、ajax介绍 ajax 是前后端交互的重要手段或桥梁。它不是一个技术，是一组技术的组合。 ajax ：a：异步；j：js；a：和；x：服务端的数据。 ajax的组成： 异步的 js 事件 其他 js (处理解析数据) XMLHttpRequest 对象 数据(txt、json、xml、html)
阅读全文
摘要：
浏览器缓存就是浏览器根据 url 第一次访问网站之后，将网站的 html、css、js、图片等文件复制一份保留到浏览器中，当你二次访问这个 url 的网站时，如果网站没有明确表示有更新时，浏览器直接在缓存中查找内容，不会再次请求网页内容，只有网页明确表示有更新时，浏览器才会向服务器发起网路请求，再次下载网页。
阅读全文
浏览器缓存就是浏览器根据 url 第一次访问网站之后，将网站的 html、css、js、图片等文件复制一份保留到浏览器中，当你二次访问这个 url 的网站时，如果网站没有明确表示有更新时，浏览器直接在缓存中查找内容，不会再次请求网页内容，只有网页明确表示有更新时，浏览器才会向服务器发起网路请求，再次下载网页。
阅读全文
摘要：作为一个前端，经常会有老板或测试给我们提出某个地方加载太慢了，需要优化一下。我们自己的网站也一样，加载时间过长，自己都不耐烦，对于网页优化是很常见的，今天我们先介绍下网页加载原理。 一、浏览器简介 想要了解浏览器的工作原理，我们必须清楚浏览器的组成有哪些？以及各个部分功能。 浏览器组成部分如图所示：
阅读全文
