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
var arr = new Array();
arr[0] = '123';
arr[1] = '456';
console.log(arr.length);
var arr1 = new Array();
arr1['x0sdfdsfd'] = '123';
arr1['xsdfsd1'] = '456';
console.log(arr1.length);输出：20[Finished in 0.2s]
RequireJS是一个JS文件，主要的功能是优化页面JS的载入，在平时我们在html页面使用的是script标签来载入JS，如下示例： script src="1.js" /script
script src="2.js" /script
script src="3.js" /script 这样的写法有很大的缺点。首先，加载的时候，浏览器会停止网页渲染，加载文件越多，网页失去响应的时间就会越长；其次，由于js文件之间存在依赖关系，因此必须严格保证加载顺序（比如上例的1.js要在2.js的前面），依赖性最大的模块
相等运算符： ==、 !=如果两个表达式的类型不同，则尝试将它们转换为字符串、数字或布尔值。NaN 与包括其自身在内的任何值都不相等。负零等于正零。null 与 null 和 undefined 相等。以下情况被认为是相等的：相同的字符串，数值上相等的数字，同一对象，相同的布尔值，或者当类型不同时可以被强制转换为上述情况之一的值。其他比较都被认为是不等的。恒等运算符： ===、 !==这些运算符的行为与相等运算符的行为相同，只不过不会执行类型转换。 如果两个表达式的类型不相同，则这些表达式始终返回 false
Cookie 基础知识cookie 是有大小限制的，每个 cookie 所存放的数据不能超过4kb，如果 cookie 字符串的长度超过4kb，则该属性将返回空字符串。由于 cookie 最终都是以文件形式存放在客户端计算机中，所以查看和修改 cookie 都是很方便的，这就是为什么常说 cookie 不能存放重要信息的原因。每个 cookie 的格式都是这样的： cookie名 = 值 ；名称和值都必须是合法的标示符。cookie 是存在 有效期的。在默认情况下，一个 cookie 的生命周期就是在浏览器关闭的时候结束。如果想要 cookie 能在浏览器关掉之后还可以使用，就必须要为该 co
JavaScript不管是判断PC浏览器还是手机浏览器，都是通过User Agent 来判断, 腾讯网的适配代码. script type="text/javascript"
if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.u
$('#delete_select').on('click',function(){
var ids = new Array();
$('input[name="article_ids[]"]:checked').each(function(){
ids.push($(this).val());
});
$('#iform_deleteArticle').children('input[name="ids"]').attr('value'
我们经常需要判断某个变量/属性是否为undefined。通常有两种写法// 方式1typeof age === 'undefined';// 方式2age === undefined这两种写法有什么区别吗? 应该使用哪一种呢？看看下面的例子typeof age === 'undefined'; // true标识符 age 没有声明过，输出true。再看另一个例子age === undefined; // 报错Firebug提示age is not defined，这就是两者的区别， 即不确定age是否声明或定义时用方式1，确定的则可以用方式2。使用方式1如果变
JavaScript 获取当前时间戳： 第一种方法：var timestamp = Date.parse(new Date()); 第二种方法：var timestamp = (new Date()).valueOf(); 以上代码将获取从 1970年1月1日午夜开始的毫秒数。二者的区别是，第一种方法的毫秒位上为全零，即只是精确到秒的毫秒数 var time = '1278927966'; // 关键在乘1000，因为时间是相对于1970年开始的，所以乘1000后将会转到当前时间。 var real_time = new Date(time) * 1000; document.
一、普通打印（整页打）这个不用多说，直接用引用:window.print();二、打印网页内部分内容（自定义）分三种方法实现：1、用css控制引用:@media print.a {display:block}.b {display:hidden}把你不想打印的部分class设为b首先在网页中添加：引用: OBJECT id="WebBrowser" height="0" width="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"VIEWASTEXT
一，简介Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。#什么是“状态管理模式”？让我们从一个简单的 Vue 计数应用开始：new Vue({
// state
data () {
return {
count: 0
}
},
// view
template: `
div {{
为什么要 eval这里要添加 “("("+data+")");//”呢？原因在于：eval本身的问题。 由于json是以”{}”的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，所以必须强制性的将它转换成一种表达式。加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式（expression）转化为对象，而不是作为语 句（statement）来执行。举一个例子，例如对象字面量{}，如若不加外层的括号，那么eval会将大括号识别为JavaScript代码块的开始 和结束标记，那么{}将会被认为是执
1：jQuery插件支持的转换方式 代码如下: $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象反过来，使用 serialize 系列方法：如：var fields = $("select, :radio").serializeArray();2：浏览器支持的转换方式(Firefox，chrome，opera，safari，ie9，ie8)等浏览器 代码如下: JSON.parse(jsonstr); //可以将json字符串转换成json对象 JSON.stringify(jso
jQuery Ajax在web应用开发中很常用，它主要包括有ajax,get,post,load,getscript等等这几种常用无刷新操作方法，下面我来给各位同学介绍介绍。我们先从最简单的方法看起，处理复杂的ajax请求时，jQuery使用jQuery.ajax()方法进行处理。在jQuery中有一些简单的方法，它对jQuery.ajax()方法进行了封装，使得我们在处理一些简单的Ajax事件时，不需要使用jQuery.ajax()方法。以下5个方法执行一般Ajax请求的简短形式，在处理复杂的Ajax请求时应该使用jQuery.ajax().1,load(url,[data],[callba
一般来说，栈和堆的分配是指 C 或 C++ 编译的程序，写JS的根不关心这个层面上的问题。由于JS脚本引擎是一种由 C 或 C++ 开发的“应用”，而且这种脚本“应用”并不再经过 C/C++ 编译器编译，所以这种“应用”内变量所处位置并不好说。JavaScript 有两种数据类型基本数据类型(存放在栈中)： Number、String、Boolean、Null、Undefined。引用数据类型(存在堆内存)：Object、Array、Function、RegExp、Date。浅复制与深复制只存在于引用数据类型当中。堆和栈的区别其实深拷贝和浅拷贝的主要区别就在于其内存中的存储类型不同。堆和栈都是