随笔分类 - js
摘要：import axios from 'axios' // 导出request方法 export function request(config, success, failure){ //1,创建axios实例 // 为什么要实现axios的实例来创建请求，而不是使用全局的axios // 因为可能
阅读全文
摘要：前端跨域解决方案 ·跨域是浏览器为了安全而做出的限制策略 ·浏览器请求必须遵循同源策略:同域名、同端口、同协议 1：cros跨域 这种方法是在服务端解决 php解决案例： //方式一： header("Access-Control-Allow-Origin: *");//允许所有地址跨域请求 //方
阅读全文
摘要：npm install axios --save为什么不加 --dev ，因为线上依然要使用它 之后需要导入它import axios from 'axios'; 实际使用： axios({ url:'http://www.xx.com/xx.php', //method:'get', params
阅读全文
摘要：Vuex是做什么的? Vuex是专门为Vue.js应用程序开发的状态管理模式 它采用 集中式存储管理 应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生改变 状态管理是什么？ 你可以简单的将其看成把需要多个组件共享的变量全部存储在一个对象里面 然后把这个对象放在顶层的Vue实例中，让
阅读全文
摘要：keep-alive 遇见 vue-router ·keep-alive 是Vue内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染 ·routre-view也是一个组件，如果直接被包在keep-alive里面，所以的路径匹配到的视图组件都会 被缓存 keep-alive 与 导航守卫实现嵌
阅读全文
摘要：导航守卫 我们考虑一个需求：在一个spa应用中，如何给改变网页的标题呢？ spa只有一个固定的HTML，切换不同的页面时，标题并不会变 但是我们可以通过js来修改<title>的内容。document.title = '新标题' 那么，在Vue项目中，在哪修改比较合适呢？ 普通修改方式：在mount
阅读全文
摘要：嵌套路由 当我们不满足与 /home这种路由，而是希望通过 /home/news和/home/message访问一些内内容 那么就需要嵌套路由了 实现嵌套路由有两个步骤： ·创建对应的子组件，并且在路径映射中配置对应的子路由（注意：路由的定义也需嵌套） ·在组件内部使用<router-view>标签
阅读全文
摘要：路由的router-link标签有几个其他属性： 路由可以传递值（一般用作条目的id传递，之后用这个id从axios获取页面显示的数据 第一步： 定义路由以及值的属性名称（之后在跳转路由后页面里面获取值的话用这个属性名 第二步： 在route-link标签里指定路由链接及值，写法如下 第三步： id
阅读全文
摘要：1、首先在项目中安装以下依赖 npm install px2rem-loader --savenpm install amfe-flexible --savenpm install postcss-px2rem --save2、在main.js中添加： import 'amfe-flexible'3
阅读全文
摘要：概念： 后端路由： 后端处理URL和页面之间的映射关系 前端发展阶段： 1.后端渲染阶段（以jsp，php为代表，其特点为html代码和后端语言代码混写在一起 2.前后端分离阶段（随着ajax的兴起，后端只提供API来返回数据，前端通过ajax获取 数据，并且可以通过JavaScript将数据渲染到
阅读全文
摘要：搭建本地服务器 webpack提供了一个可选的本地开发服务器，这个本地服务器基于node.js搭建，内部使用express框架，可以实现 我们想要的让浏览器自动刷新显示我们修改后的结果 不过它是一个单独的模块，在webpack中使用之前需要安装它 npm install -save-dev webp
阅读全文
摘要：plugin plugin是插件的意思，通常用来对某个现有的架构就行拓展 webpack中的插件，就是对webpack现有功能的各种扩展，比如打包优化，文件压缩等 loader和plugin区别 loader主要用于转换某些类型的模块，它是一个转换器 plugin是插件，它是对webpack本身的扩
阅读全文
摘要：现在，我们希望在项目中使用vuejs，那么必然需要对其有所依赖，所以需要先就行安装 注：因为我们后续是在实际项目中也会使用vue的，所以并不是开发时依赖 npm install vue --save 然后配置vue-loader(开发时依赖) npm install --save-dev vue-l
阅读全文
摘要：webpack的作用： 是 用来处理我们写的js代码。并且会自动处理js之间相关的依赖。 但是，开发中我们不仅仅有基本的js代码处理，还需要加载css，图片，也包括一些高级的 将ES6转成ES5代码，将Typescript转成ES5代码，将scss、less转成css，将.jsx、.vue文件转成
阅读全文
摘要：第一步，先安装node环境 先安装局部的webpack （局部的webpack只能在配置里调用，一般都是用局部的，因为不同的项目所依赖的webpack版本不一样） npm install webpack@3.6.0 --save-dev (--save-dev 是开发时依赖，项目打包后不需要继续使用
阅读全文
摘要：前言： <!DOCTYPE html> <html> <head> <title></title> </head> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <body> <!-- 前端模块化的必须性。 由于展示的方便性，将以下
阅读全文
摘要：<!DOCTYPE html> <html> <head> <title></title> </head> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <body> <div id="app"> <cpn> <!-- 插槽-插入
阅读全文
摘要：<!DOCTYPE html> <html> <head> <title></title> </head> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <body> <div id="app"> <input type="text
阅读全文
摘要：<!DOCTYPE html> <html> <head> <title></title> </head> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <body> <div id="app"> <input type="text
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.
阅读全文
浙公网安备 33010602011771号