09 2021 档案
摘要:
先问大家一个很简单的问题: 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
阅读全文

摘要:一、computed介绍 computed 用来监控自己定义的变量,该变量在 data 内没有声明,直接在 computed 里面定义,页面上可直接使用。 //基础使用 {{msg}} <input v-model="name" /> //计算属性 computed:{ msg:function()
阅读全文
摘要:
一、为什么使用Promise? 我们知道 js 执行的时候,一次只能执行一个任务,它会阻塞其他任务。由于这个缺陷导致 js 的所有网络操作,浏览器事件,都必须是异步执行。异步执行可以使用回调函数执行。 常见的异步模式有以下几种: 定时器 接口调用 事件函数 // setTimeout 示例 func
阅读全文

摘要:
一、什么是语法糖? 语法糖也译为糖衣语法,是由英国计算机科学家彼得·约翰·兰达(Peter J. Landin)发明的一个术语。指的是计算机语言中添加的一种语法,在不影响功能的情况下,添加某种简单的语法也能实现效果,这种语法对计算机没有任何影响,但是对于程序员更方便,通常增加的语法糖能够增加程序员的
阅读全文

摘要:
路由是网络工程里面的专业术语,就是通过互联把信息从源地址传输到目的地址的活动。本质上就是一种对应关系。分为前端路由和后端路由。 后端路由: URL 的请求地址与服务器上的资源对应,根据不同的请求地址返回不同的资源。 前端路由: 在单页面应用中,根据用户触发的事件,改变URL在不刷新页面的前提下,改变
阅读全文

摘要:
一、什么是指令? 在 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,但对 vue 又没有接触过的同学阅读,是非常基础的内容。告诉大家使用 vue 时的安装方式,及如何创建实例,展示内容。 一、安装方式 vue 是一种前端框架,所以使用前我们必须安装,有三种安装方式分别为: 1.1、使用 script 标签引入 在 vue 官方文档,我
阅读全文
摘要:
WEB 开发同学一看 get 和 post 请求方法的区别,第一感觉都是 So easy! 学习ajax、fetch、axios时,发送网络请求携带参数时,都需要分别处理get和post的参数。所以我们需要学习get和post的区别,以便更好地进行前后端数据交互。get 和 post 区别你到底知道
阅读全文

摘要:
一、什么是跨域? 跨域就是非同源策略请求。 1.1、什么是同源策略? 同源策略(SOP)是一种约定,是浏览器最核心的也是最基本的安全功能,如果缺少了同源策略,浏览器很容易受到 XSS、CSFR等攻击。 协议+域名+端口号,三者都相同时就是同源,只要有一个不同就是跨域。 1.2、为什么会产生跨域? 很
阅读全文

摘要:
ajax、fetch 和 axios 都是用于网络请求数据的,ajax是最早出现发送后端请求的技术,fetch 为解决回调地狱问题而生的,但浏览器的支持性不好,因此axios就出现了,功能非常强大,包括 取消请求,超时处理,进度处理等等。
阅读全文

摘要:
axios是基于 Promise 的 ajax 封装库,也是前端目前最流行的 ajax 请求库。简单地说发送 get、post 请求,是一个轻量级的库,使用时可直接引入。
阅读全文

摘要:
fetch 是 XMLHttpRequest 的升级版,使用js脚本发出网络请求,但是与 XMLHttpRequest 不同的是,fetch 方式使用 Promise,相比 XMLHttpRequest 更加简洁。所以我们告别XMLHttpRequest,引入 fetch 如何使用?
阅读全文

摘要:
有很多框架已经将 ajax 封装,需要的时候只需要调用就好,比如 jquery 是最常用的。我们为什么还需要学习 ajax 的封装呢?首先加强我们对ajax的认识,其次如果只是因为ajax请求需要引入框架,我们可以自己封装一个,这样就不需要引入多余的框架了。
阅读全文

摘要:一、ajax介绍 ajax 是前后端交互的重要手段或桥梁。它不是一个技术,是一组技术的组合。 ajax :a:异步;j:js;a:和;x:服务端的数据。 ajax的组成: 异步的 js 事件 其他 js (处理解析数据) XMLHttpRequest 对象 数据(txt、json、xml、html)
阅读全文
摘要:
前后端分离之后,网络请求是前端的必备技能。网络请求中浏览器工作流程,你了解多少? 一、什么是HTTP协议? HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是一种通信协议,主要用于从服务器传输超文本到客户端的传送协议。 我们在浏览器中输入网址(URL)
阅读全文

摘要:
网站前端的用户体验,决定了用户是否想要继续使用网站以及网站的其他功能,网站的用户体验佳,可留住更多的用户。除此之外,前端优化得好,还可以为企业节约成本。那么我们应该如何对我们前端的页面进行性能优化呢?前端性能优化可以分为三个方面:接口访问优化、静态资源优化和页面渲染速度优化。
阅读全文

摘要:
浏览器缓存是浏览器保存数据用于快速读取或避免请求重复资源,提升网页加载速度。缓存的数据到底放哪了呢?作为开发者,有时也需要检查一下缓存中的内容。所以介绍下缓存方法以及缓存内容在哪查找?
阅读全文
