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
一，起步用 Vue.js + Vue Router 创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把 Vue Router 添加进来，我们需要做的是，将组件 (components) 映射到路由 (routes)，然后告诉 Vue Router 在哪里渲染它们。下面是个基本例子： div id="app"
h1 Hello App! /h1
p
!-- 使用 router-link 组件来导航. --
!-- 通过传入 `to` 属性指定链接. --
!-- router-link 默认会被渲染
第一种：循环检查替换//供使用者调用
function trim(s){
return trimRight(trimLeft(s));
}
//去掉左边的空白
function trimLeft(s){
if(s == null) {
return "";
}
var whitespace = new String(" \t\n\r");
var str = new String(s);
if (whitespac
document.ready和onload的区别——JavaScript文档加载完成事件页面加载完成有两种事件：一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件）；二是onload，指示页面包含图片等文件在内的所有元素都加载完成。1、Dom Ready用jQ的人很多人都是这么开始写脚本的： $(function(){
// do something
});例如：$(function() {
$("a").click(function() {
alert("Hello world!&qu