axios 的跨域问题，分以下几种情况：
1、 server 端不支持跨域，比如遇到下面的错误就是这种情况
No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://xxx.com' is therefore not allowed access.
解决方案：如果 server 端是自己开发的，那么修改相关代码支持跨域即可。如果不是自己开发的，那么可以自己写个后端转发该请求，用代理的方式实现。
2、 se
Vue 原本有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource目前主流的 Vue 项目，都选择 axios 来完成 ajax 请求，而大型项目都会使用 Vuex 来管理数据，所以这篇博客将结合两者来发送请求vue官方原话：最近团队讨论了一下，Ajax 本身跟 Vue 并没有什么需要特别整合的地方，使用 fetch polyfill 或是 axios、superagent 等等都可以起到同等的效果，vue-resource 提供的价值和其维护成本相比并不划算，所以决定在不久以后取消对 vue-r
一，基础的vue spa入口函数是这样的：import App from './App.vue'
new Vue({
el: '#app',
render: h = h(App)
})二，如果只需要非常简单的路由而不需要引入整个路由库，可以动态渲染一个页面级的组件像这样：来自官方文档的例子：const NotFound = { template: ' p Page not found /p ' }
const Home = { template: ' p home page /p ' }
const Ab
package.json
{
"name": "test",
"version": "1.0.0",
"description": "no description 2017",
"main": "index.js",
"scripts": {
"test": "run"
},
"keywords": [
如果你点击一个有样式的标签，或者是一个封装好的按钮组件，这些都不提供:to的接口的，此时就得用函数式路由了，比如这种 template
div
mt-navbar v-model="selected" class="container" @click.native="goRouter"
mt-tab-item id="head-nav1" 新歌 /mt-tab-item
mt-tab-item id="head-nav2"
最近在做一个餐饮webApp,想起天猫的加入购物车特效不错,便也想将其加入项目中来,本着不重复造轮子的原则,搜刮一番后,果然找到了我要的东西, github:https://github.com/bigmeow/fly, 在线预览:http://codepen.io/hzxs1990225/full/ogLaVp 不过呢,这是jquery版本的,但是我的项目为了轻便没有引入jquery,于是又找到了一种解决方案,纯Js版的,当然,效果没上面的好,但是也不简单~直接上代码: 首先是一个抛物线(二元一次方程)的工具方法:function funParabola(element, target, o
问题： div class='item' id='outer' onclick="alert('outer')"
div class='item' id='inner' onclick="alert('inner');"
div class='item' id='core' onclick="alert('core')"
co
用vuejs脚手架vue-cli创建的项目，如果要引入外部文件（第三方插件）的时候，要在webpack的配置文件中设置externals:webpack.base.conf.js的设置externals中‘swiper‘是键，对应的值一定的是插件swiper.js所定义的变量Swiper:之后再在根目录下的index.html文件里引入文件： script src="static/lib/swiper.js" /script ，注意：外部文件放在src里是不能被index.html所访问到的，故我放到根目录下得static文件夹里。这样子就可以在需要用到swiper.
GET在浏览器回退时是无害的，而POST会再次提交请求。GET产生的URL地址可以被Bookmark，而POST不可以。GET请求会被浏览器主动cache，而POST不会，除非手动设置。GET请求只能进行url编码，而POST支持多种编码方式。GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。GET请求在URL中传送的参数是有长度限制的，而POST么有。对参数的数据类型，GET只接受ASCII字符，而POST没有限制。GET比POST更不安全，因为参数直接暴露在URL上，所以不能用来传递敏感信息。GET参数通过URL传递，POST放在Request body中
方法一：正则分析法 function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}调用方法： alert(GetQueryString("参数名1"
今天在做前台页面的时候，应用了两个网上找到的JS效果，其中一个效果不起作用，FF下也没有报错，运用排除法发现是window.onload = function(){...}重复造成冲突，Google了一下，遇到这个问题的人还不少，通过查找资料和自己的实践验证，提供思路如下：比如在一个页面中有两个JavaScript 分别都用到了window.onload一个是:window.onload=function(a){...}，另一个是:window.onload=function(b){...}这样就造成了一个JavaScript 运行不了(一般是前一个)。写成这样就可以了window.onloa
下面的代码使用了两种方式删除数组的元素，第一种定义一个单独的函数，第二种为Array对象定义了一个removeByValue的方法，调用非常简单定义函数removeByValue进行元素删除function removeByValue(arr, val) {
for(var i=0; i arr.length; i++) {
if(arr[i] == val) {
arr.splice(i, 1);
break;
}
}
}
var somearray = ["mon", "tue"
JavaScript的Array可以包含任意数据类型，并通过索引来访问每个元素。要取得Array的长度，直接访问length属性：var arr = [1, 2, 3.14, 'Hello', null, true];
arr.length; // 6请注意，直接给Array的length赋一个新的值会导致Array大小的变化：var arr = [1, 2, 3];
arr.length; // 3
arr.length = 6;
arr; // arr变为[1, 2, 3, undefined, undefined, undefined]
arr.le
要计算1+2+3，我们可以直接写表达式：1 + 2 + 3; // 6要计算1+2+3+...+10，勉强也能写出来。但是，要计算1+2+3+...+10000，直接写表达式就不可能了。为了让计算机能计算成千上万次的重复运算，我们就需要循环语句。JavaScript的循环有两种，一种是for循环，通过初始条件、结束条件和递增条件来循环执行语句块：var x = 0;
var i;
for (i=1; i =10000; i++) {
x = x + i;
}
x; // 50005000让我们来分析一下for循环的控制条件：i=1 这是初始条件，将变量i置为1；i =
方法一: div id="ttt" style="height: 100px; border: 1px solid #c0c0c0;" onmousedown="testdown();" onmouseup="testup()" test /div
script type="text/javascript"
var timer;
function testdown() {
timer = setTimeout(function(){
结论：对于数字、字符串等是将它们的值传递给了函数参数，函数参数的改变不会影响函数外部的变量。对于数组和对象等是将对象(数组)的变量的值传递给了函数参数，这个变量保存的指向对象(数组)的地址。当函数改变这个地址指向的对象(数组)的内容时，同时也改变了函数外部变量指向的对象(数组)的内容；当函数改变的是变量的地址时，实际就与函数外部的变量失去了联系，变成了完全不同的对象了，不会对函数外部对象造成改变。很多人认为 JS 中参数有两种传递方式：数字、字符串等按值传递；数组、对象等按地址（引用）传递。其实都是一种值传递。下面的例子很好的说明了这一点。var v1 = []
var v2 = {};
让我们先考虑下面这情况：var a = [ 1, 2, 3, 4, 5, 6, 7, 8, 9 ];
var b = [ "foo", "bar", "baz", "bam", "bun", "fun" ];很显然最简单的结合结果应该是：[
1, 2, 3, 4, 5, 6, 7, 8, 9,
"foo", "bar", "baz", "bam" "bun&qu
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。它基于JavaScript的对象字面量语法，但是独立于语言，许多编程语言都有解析JSON数据的能力。JSON主要被用于在客户端和服务端之间传递数据，比如在Web应用中Ajax请求的响应数据常常是JSON格式。
基本概念
JSON有两种结构：对象和数组。
对象：在JSON中，一个对象以{}括起来，包含一系列键值对。每个键值对之间用逗号分隔，键必须是字符串且用双引号包围，值可以是字符串、数字、布尔值、数组、对象或者null。
示例：
{
"name":
querySelector 和 querySelectorAll 方法是 W3C Selectors API 规范中定义的。他们的作用是根据 CSS 选择器规范，便捷定位文档中指定元素。目前几乎主流浏览器均支持了他们。包括 IE8(含) 以上版本、 Firefox、 Chrome、Safari、Opera。querySelector 和 querySelectorAll 在规范中定义了如下接口：module dom { [Supplemental, NoInterfaceObject] interface NodeSelector { Element querySelector(i
项目地址：https://github.com/oneuijs/You-Dont-Need-jQuery前端发展很快，现代浏览器原生 API 已经足够好用。我们并不需要为了操作 DOM、Event 等再学习一下 jQuery 的 API。同时由于 React、Angular、Vue 等框架的流行，直接操作 DOM 不再是好的模式，jQuery 使用场景大大减少。本项目总结了大部分 jQuery API 替代的方法，暂时只支持 IE10+ 以上浏览器。Query Selector常用的 class、id、属性 选择器都可以使用 document.querySelector 或 docum