城南野望-CSDN博客

原创前端面试题小记（一）

1.JS的typeof返回类型有哪些?object，number，function，boolean，undefind，string2.检测数组的几种方式Array.isArray(); //es5toString.call([]); //[object Array]var arr = [];arr.constructor; //Arrayinstanceof Array3.传统的事件绑定与符合W3C标准的事件绑定有何区别？传统的事件绑定：如果给同一个元素绑定了多个同类型的

2020-09-17 11:26:29 150

原创排序算法之快速排序小记

一个快速排序的小例子，但以此记。<script> function quick(ary){ //结束递归（当ary中小于等于一项，则不用处理） if(ary.length<=1){ return ary; } //取出中间项并且在原有的数组中将它移除 let middleIndex = Math.floor(ary.length/2); let middle

2020-09-09 21:22:44 161

原创排序算法之冒泡排序小记

一个冒泡排序的小例子，但以此记。<script> function bubble(ary){ //定义一个中间变量 let a; for(let i=0;i<ary.length;i++){ for(let j=0;j<ary.length-1;j++){ //如果后一位数比前一位数小的话交换位置，否则位置不变 if(ary[j]>

2020-09-09 20:33:46 125

原创排序算法之插入排序小记

最近在学习算法，下面是一个插入排序的小例子，但以此记。<script> function insert(ary){ //1.准备一个新数组，用来存储要排序的数组，开始先放一个数进来 let handle = []; handle.push(ary[0]); //2.从数组的第二项开始依次放入，一直到把原数组内的数全部放入 for (let i=1;i<ary.length;i++){

2020-09-09 20:04:05 108

原创 axios小记之并发请求

有时需要同时向服务端发起多个请求，这可以利用axios库提供的并发请求助手函数( axios.all(iterable)， axios.spread(callback) )来实现。示例：function getUserAccount(){ return axios.get('/user/1234'); }function getUserPermissions() { return axios.get('/user/5678')；}axios.all([getUserAccount()

2020-09-09 11:24:35 128

原创 axios小记之基本用法

HTTP最基本的请求就是get请求和post请求，使用axios发送get请求的调用格式如下：axios.get('/book?id=1') .then(function (response){ console.log(response); }) .catch(function (error){ console.log(erroe); });get方法接收一个URL作为参数，如果有要发送的数据，则以查询字符串的形式附加在URL后面。当服务器发回成功响应（状态码是2XX）时调用then方

2020-09-09 10:32:28 374

原创延迟加载路由

延迟加载路由也称路由懒加载。当应用变得复杂之后，路由组件也会随之增加，在这个时候Webpack的打包机制会将我们的项目中的所有JavaScript打包成一个文件(除了public目录下的js文件)，这样一来这个js文件会变得特别大，会拖慢浏览器的加载速度。为此，可以结合Vue的异步组件和Webpack的代码分割功能，从而实现延迟加载，也就是路由懒加载。在路由配置中，按照如下方式引入路由组件：{ path:'/news', name:'news', component: () => impor

2020-09-08 20:53:36 584

原创全局守卫简述

全局守卫分为全局前置守卫，全局解析守卫。全局后置钩子三个。全局前置守卫当一个导航触发时，全局前置守卫按照创建的顺序调用。守卫可以是异步解析执行，此时，导航在所有守卫执行完之前一直处于挂起状态。全局前置守卫使用router.beforeEach注册。代码如下：const router = new VueRouter({...})router.beforeEach((to, from, next) => { //这里执行操作 //next调用})在使用全局前置守卫的时候，一定要确保..

2020-09-08 19:54:04 1420 1

原创 axios小记之如何安装

axios的安装可以使用CDN的方式。代码如下所示：<script src="https://unpkg.com/axios/dist/axios.min.js"></script>如果采用模块化开发，则可以使用NPM的安装方式，执行如下的命令来安装axios：npm install axios在Vue的脚手架项目中使用，可以在main.js文件中导入axios，并将其绑定到Vue的原型链上。代码如下所示：import Vue from 'vue'import axi

2020-09-08 15:33:42 830

原创 HTML5 history 模式

因为vue-router默认使用hash模式，这会在URL中使用"#“来标识要跳转的目标的路径，我们可以使用路由的history模式来使”#"消失，这种模式利用history.pushStateAPI来完成URL的跳转而无须重新加载页面。修改router目录下index.js文件，将路由改为history模式。代码如下所示：...export default new VueRouter({ mode: 'history', ...})再次运行项目，你就会发现项目中所有的URL中的’"#"都

2020-09-07 21:24:10 1733

原创编程式导航简述

编程式导航除了使用< router-link >创建< a >标签来定义导航链接以外，还可以使用router的实例方法，通过代码来导航这种方式就叫做编程式导航。要导航到不同的URL，可以使用Router实例的push()方法。该方法的原型如下：router.push(location, onComplete?, onAbort?)其中location可以是一个字符串路径，或者是一个描述地址的对象；onComplete回调作为第二个参数在导航成功完成(在所有的异步钩子被解析之

2020-09-07 20:02:00 1684 1

原创 HTML页面使用路由

传统的Web应用程序不同的页面之间跳转都是向服务器发起请求，服务器处理请求后向浏览器推送页面，在单页应用程序中，不同视图(组件的模板)的内容都是在同一个页面中渲染，页面间的跳转都是在浏览器端完成，这就用到了前端路由。本文介绍如何配置前端路由。在开始之前你需要在终端输入以下代码来安装Vue Routernpm install vue-router一.设置导航链接使用router-link组件设置导航链接。to属性指定链接的URL， < router-view >默认会被渲染为一个&.

2020-09-06 20:00:28 5512

qq_42024058的博客