09 2021 档案

摘要:使用 Vue 脚手架,为什么要学 webpack?先问大家一个很简单的问题: vue init webpack prjectName 与 vue create projectName 有什么区别呢? 它们是 Vue-cli 2 和 Vue-cli3 创建项目的两个命令,之所以两个命令不同,根本原因是 Vue-cli2 是基于webpack 3,而 阅读全文
posted @ 2021-09-29 09:20 前端人 阅读(3993) 评论(2) 推荐(3) 编辑
摘要:Javascript 常见的高阶函数高阶函数,英文叫 Higher Order function。一个函数可以接收另外一个函数作为参数,这种函数就叫做高阶函数。 示例: function add(x, y, f) { return f(x) + f(y); } //用代码验证一下: add(-5, 6, Math.abs); // 1 阅读全文
posted @ 2021-09-28 09:21 前端人 阅读(643) 评论(2) 推荐(2) 编辑
摘要:一、computed介绍 computed 用来监控自己定义的变量,该变量在 data 内没有声明,直接在 computed 里面定义,页面上可直接使用。 //基础使用 {{msg}} <input v-model="name" /> //计算属性 computed:{ msg:function() 阅读全文
posted @ 2021-09-26 08:17 前端人 阅读(2885) 评论(0) 推荐(3) 编辑
摘要:大白话透彻讲解 Promise 的使用,读完你就懂了一、为什么使用Promise? 我们知道 js 执行的时候,一次只能执行一个任务,它会阻塞其他任务。由于这个缺陷导致 js 的所有网络操作,浏览器事件,都必须是异步执行。异步执行可以使用回调函数执行。 常见的异步模式有以下几种: 定时器 接口调用 事件函数 // setTimeout 示例 func 阅读全文
posted @ 2021-09-25 14:34 前端人 阅读(3832) 评论(1) 推荐(4) 编辑
摘要:传说中 VUE 的“语法糖”到底是啥?一、什么是语法糖? 语法糖也译为糖衣语法,是由英国计算机科学家彼得·约翰·兰达(Peter J. Landin)发明的一个术语。指的是计算机语言中添加的一种语法,在不影响功能的情况下,添加某种简单的语法也能实现效果,这种语法对计算机没有任何影响,但是对于程序员更方便,通常增加的语法糖能够增加程序员的 阅读全文
posted @ 2021-09-24 12:13 前端人 阅读(4580) 评论(2) 推荐(4) 编辑
摘要:一文让你彻底搞懂 vue-Router路由是网络工程里面的专业术语,就是通过互联把信息从源地址传输到目的地址的活动。本质上就是一种对应关系。分为前端路由和后端路由。 后端路由: URL 的请求地址与服务器上的资源对应,根据不同的请求地址返回不同的资源。 前端路由: 在单页面应用中,根据用户触发的事件,改变URL在不刷新页面的前提下,改变 阅读全文
posted @ 2021-09-23 11:02 前端人 阅读(2306) 评论(1) 推荐(5) 编辑
摘要:重学VUE——vue 常用指令有哪些?一、什么是指令? 在 vue 中,指令以 v- 开头,是一种特殊的自定义行间属性。指令属性的预期值是一个表达式,指令的职责就是:表达式的值改变时,相应地将某些行为应用到DOM上。只有v-for是一个类外,后边跟的不是表达式。 一个指令能够接收一个参数,在指令名称之后以冒号表示。例如: <a v-bi 阅读全文
posted @ 2021-09-22 11:37 前端人 阅读(462) 评论(0) 推荐(1) 编辑
摘要:前端框架VUE——数据绑定及模板语法一、数据绑定 Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统: <div id="app"> {{ msg }} </div> //实例化代码 var app = new Vue({ el: '#app', data: { msg: '欢迎学习Vue' } } 阅读全文
posted @ 2021-09-18 12:01 前端人 阅读(948) 评论(0) 推荐(2) 编辑
摘要:本篇文章适合,想要学习 vue,但对 vue 又没有接触过的同学阅读,是非常基础的内容。告诉大家使用 vue 时的安装方式,及如何创建实例,展示内容。 一、安装方式 vue 是一种前端框架,所以使用前我们必须安装,有三种安装方式分别为: 1.1、使用 script 标签引入 在 vue 官方文档,我 阅读全文
posted @ 2021-09-16 09:38 前端人 阅读(539) 评论(0) 推荐(1) 编辑
摘要:前后端数据交互(八)——请求方法 GET 和 POST 区别WEB 开发同学一看 get 和 post 请求方法的区别,第一感觉都是 So easy! 学习ajax、fetch、axios时,发送网络请求携带参数时,都需要分别处理get和post的参数。所以我们需要学习get和post的区别,以便更好地进行前后端数据交互。get 和 post 区别你到底知道 阅读全文
posted @ 2021-09-14 09:15 前端人 阅读(1573) 评论(1) 推荐(2) 编辑
摘要:前后端数据交互(七)——前端跨域解决方案(全)一、什么是跨域? 跨域就是非同源策略请求。 1.1、什么是同源策略? 同源策略(SOP)是一种约定,是浏览器最核心的也是最基本的安全功能,如果缺少了同源策略,浏览器很容易受到 XSS、CSFR等攻击。 协议+域名+端口号,三者都相同时就是同源,只要有一个不同就是跨域。 1.2、为什么会产生跨域? 很 阅读全文
posted @ 2021-09-13 09:17 前端人 阅读(1429) 评论(0) 推荐(3) 编辑
摘要:前后端数据交互(六)——ajax 、fetch 和 axios 优缺点及比较ajax、fetch 和 axios 都是用于网络请求数据的,ajax是最早出现发送后端请求的技术,fetch 为解决回调地狱问题而生的,但浏览器的支持性不好,因此axios就出现了,功能非常强大,包括 取消请求,超时处理,进度处理等等。 阅读全文
posted @ 2021-09-10 09:07 前端人 阅读(1365) 评论(0) 推荐(2) 编辑
摘要:前后端数据交互(五)——什么是 axios?axios是基于 Promise 的 ajax 封装库,也是前端目前最流行的 ajax 请求库。简单地说发送 get、post 请求,是一个轻量级的库,使用时可直接引入。 阅读全文
posted @ 2021-09-09 11:23 前端人 阅读(2102) 评论(0) 推荐(2) 编辑
摘要:前后端数据交互(四)——fetch 请求详解fetch 是 XMLHttpRequest 的升级版,使用js脚本发出网络请求,但是与 XMLHttpRequest 不同的是,fetch 方式使用 Promise,相比 XMLHttpRequest 更加简洁。所以我们告别XMLHttpRequest,引入 fetch 如何使用? 阅读全文
posted @ 2021-09-07 09:09 前端人 阅读(9027) 评论(0) 推荐(2) 编辑
摘要:前后端数据交互(三)——ajax 封装及调用有很多框架已经将 ajax 封装,需要的时候只需要调用就好,比如 jquery 是最常用的。我们为什么还需要学习 ajax 的封装呢?首先加强我们对ajax的认识,其次如果只是因为ajax请求需要引入框架,我们可以自己封装一个,这样就不需要引入多余的框架了。 阅读全文
posted @ 2021-09-06 08:07 前端人 阅读(1248) 评论(0) 推荐(1) 编辑
摘要:一、ajax介绍 ajax 是前后端交互的重要手段或桥梁。它不是一个技术,是一组技术的组合。 ajax :a:异步;j:js;a:和;x:服务端的数据。 ajax的组成: 异步的 js 事件 其他 js (处理解析数据) XMLHttpRequest 对象 数据(txt、json、xml、html) 阅读全文
posted @ 2021-09-05 09:54 前端人 阅读(1458) 评论(0) 推荐(4) 编辑
摘要:前后端数据交互(一)——网络请求详解前后端分离之后,网络请求是前端的必备技能。网络请求中浏览器工作流程,你了解多少? 一、什么是HTTP协议? HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是一种通信协议,主要用于从服务器传输超文本到客户端的传送协议。 我们在浏览器中输入网址(URL) 阅读全文
posted @ 2021-09-03 08:47 前端人 阅读(1773) 评论(0) 推荐(1) 编辑
摘要:前端性能优化(四)——网页加载更快的N种方式网站前端的用户体验,决定了用户是否想要继续使用网站以及网站的其他功能,网站的用户体验佳,可留住更多的用户。除此之外,前端优化得好,还可以为企业节约成本。那么我们应该如何对我们前端的页面进行性能优化呢?前端性能优化可以分为三个方面:接口访问优化、静态资源优化和页面渲染速度优化。 阅读全文
posted @ 2021-09-02 11:14 前端人 阅读(2105) 评论(2) 推荐(1) 编辑
摘要:前端性能优化(三)——浏览器九大缓存方法浏览器缓存是浏览器保存数据用于快速读取或避免请求重复资源,提升网页加载速度。缓存的数据到底放哪了呢?作为开发者,有时也需要检查一下缓存中的内容。所以介绍下缓存方法以及缓存内容在哪查找? 阅读全文
posted @ 2021-09-01 10:24 前端人 阅读(2364) 评论(0) 推荐(0) 编辑