luxu1990-CSDN博客

转载 axios跟ajax的区别简易分析

axios 原理还是属于 XMLHttpRequest，因此需要实现一个ajax。还需要但会一个promise对象来对结果进行处理。 ajax实现 var Ajax={ get: function(url, fn) { // XMLHttpRequest对象用于在后台与服务器交换数据 var xhr = new...

2018-11-23 14:05:03 3052

转载 css3属性box-sizing:border-box 用法解析及经常使用的场景

响应式Web设计经常需要我们通过百分比设置组件宽度。如果我们不考虑边框，那么很容易就可以实现，但如果你给每一列以及总宽度都采用百分比设置，那这个时候固定的边框大小就会出来捣乱。下面我们将看到一组方法去解决这个问题，你会学到如何创建一个流式布局，而不用担心额外的边框以及内边距。假设我们需要一个五列的布局。我们要考虑的第一件事就是外边距（margins）.假设所有的列都需要4%的外边距，我们需要为...

2018-11-05 09:40:00 10374 3

转载 vue-router路由嵌套

嵌套路由顾名思义就是路由的多层嵌套。结合vue-router仿天猫底部导航栏，给组件Me添加嵌套路由，也叫子路由。总共添加两个子路由，分别命名Collection.vue（我的收藏）和Trace.vue（我的足迹）1、重构router/index.js的路由配置，需要使用children数组来定义子路由，具体如下：import Vue from 'vue'import Route...

2018-10-19 13:39:55 195

转载 nodejs+webpack+vuejs

1.新建一个目录vuepro 2.初始化。在命令行下cd到该目录下，执行：$ npm init1之后可以一路回车，在最后输入”yes”后会生成package.json文件 3.$ npm install vue webpack babel-cli babel-loader babel-preset-es2015 html-webpack-plugin --save-dev1先装这么多，后面还要加...

2018-05-31 18:07:48 1826

原创 js学习笔记-原生对象

原生对象原生对象分为两类：原始类型和对象类型，原始类型又分为两类，一类是空值，一类是包装对象；对象类型也可以分为两类，一类是构造器对象，一类是单体内置对象空值（2种）js表示空值的值有两个，分别是undefined和null。逻辑上undefined表示原始数据类型的空值，null表示对象类型的空值。包装对象（3种）字符串string 数字number 布尔值boolean虽然属于原始类型，但是，...

2018-05-24 18:06:05 324

转载 Javascript处理数组的方法

一迭代方法ES5为数组定义了5个迭代方法，这些方法大大方便了处理数组的任务，支持这些方法的浏览器有 IE9+,Firefox2+,Safari3+,Opera9.5+和Chrome。1 every对数组中每一项进行给定函数，如果每一项都返回true，则返回truevar numbers = [1,2,3,4,5,4,3,2,1];var everyResult = numbers.every...

2018-05-08 15:07:41 236

转载 js字符串处理方法汇总

1.charAt 返回指定索引出的字符 var str='abcd';　var a=str.charAt(0);　console.log(a); //'a' console.log(str); //'abcd'2.charCodeAt 返回指定索引出的unicode字符　str.charCodeAt(0); //973.indexof 判断一个字符第一次出现在某个字符串的索引，如...

2018-05-08 13:43:15 2031

转载深入理解滚动scroll

滚动宽高scrollHeight　　scrollHeight表示元素的总高度，包括由于溢出而无法展示在网页的不可见部分scrollWidth　　scrollWidth表示元素的总宽度，包括由于溢出而无法展示在网页的不可见部分　　[注意]IE7-浏览器返回值是不准确的　　【1】没有滚动条时，scrollHeight与clientHeight属性结果相等，scrollWidth与clientWidth...

2018-04-26 13:55:05 394

转载 module.exports,exports,export和export default,import与require区别与联系

一、首先搞清楚一个基本问题：module.exports和exports是属于CommonJS模块规范！（不清楚commonjs?大神请这边逛一逛commonjs规范）export和export default是属于ES6语法（不清楚ES6?大神请这边逛一逛ES6模块）！同样import和require分别属于ES6和CommonJS！二、知道属于哪一块的语法了还有一个明确点：module.exp...

2018-04-25 17:59:44 144

转载 Vue+axios 实现http拦截及路由拦截

现如今,每个前端对于Vue都不会陌生,Vue框架是如今最流行的前端框架之一,其势头直追react.最近我用vue做了一个项目,下面便是我从中取得的一点收获. 基于现在用vue+webpack搭建项目的文档已经有很多了,我就不再累述了. 技术栈vue2.0vue-routeraxios 拦截器首先我们要明白设置拦截器的目的是什么,当我们需要统一处理http请求和响应时我们通过设置拦截器处...

2018-04-25 17:41:05 2375

转载 Vuejs props数据传递

本篇资料来于官方文档：http://cn.vuejs.org/guide/components.html#Props本文是在官方文档的基础上，更加细致的说明，代码更多更全。简单来说，更适合新手阅读（二十六）props数据传递①组件实例的作用域：是孤立的，简单的来说，组件和组件之间，即使有同名属性，值也不共享。[html] view plain copy <div id="app"> ...

2018-04-24 13:35:54 167

转载 vue中关于$emit的用法

1、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 $emit 触发父组件的自定义事件。vm.$emit( event, arg ) //触发当前实例上的事件vm.$on( event, fn );//监听event事件后运行 fn；例如：子组件：[plain] view plain copy<template> <div class="train-ci...

2018-04-24 13:31:46 4168

luxu1990的博客