习·D3.js 学习资源汇总 除了D3.js自身以外,许多可视化工具包都是基于D3开发的,所以对D3的学习就显得很重要了,当然如果已经有了Javascript的经验,学起来也会不费力些. Github主页:https://github.com/mbostock/d3/wiki 包括D3简介,案例,教程和公开课,以及之前提到的API参考等. Github教程页面:https://github.com/mbostock/d3/wiki/Tutorials -·-·-·-·-·-其他:-·-·-·-·…

本文不定期更新, 用于汇总记录一些看着 ok 的 JS 库. 库名 简介 项目地址 macy.js 仅 4 kb的 原生 流布局插件 http://macyjs.com/ Driver.js 仅 4 kb的 原生 页面分步引导   Tippy.js 玩转鼠标悬停提示信息   tesseract.js OCRjs库 https://www.npmjs.com/package/tesseract-js wow.js 动画库   toastr.js 依赖于 JQ 的非阻塞通知的JS库   Day.js…

以下是个人过去一年在vue项目的开发过程中经常会用到的一些公共方法,在此进行汇总,方便以后及有需要的朋友查看~ let util = {}; /** * @description 日期格式化 * @param {Date} date 日期 * @param {String} fmt 日期格式 eg: yyyy-MM-dd hh:mm:ss */ util.dateFormat = function (date, fmt) { var o = { 'M+': date.getMonth() + 1…

1 1 1 CS&S(中软国际): 1 JavaScript 循环表达式: 2  JavaScript表达式boolean返回值: 3 网页中的事件/HTML 事件属性/JavaScript 事件: http://www.w3school.com.cn/jsref/dom_obj_event.asp http://www.runoob.com/tags/ref-eventattributes.html http://www.runoob.com/js/js-events.html onsubmi…

js数组元素的添加和删除一直比较迷惑,今天终于找到详细说明的资料了,先给个我测试的代码^-^ var arr = new Array(); arr[0] = "aaa"; arr[1] = "bbb"; arr[2] = "ccc"; //alert(arr.length);//3 arr.pop(); //alert(arr.length);//2 //alert(arr[arr.length-1]);//bbb arr.pop(); //al…

一.js的数据类型和变量 JavaScript 有六种数据类型.主要的类型有 number.string.object 以及 Boolean 类型,其他两种类型为 null 和 undefined. String 字符串类型:字符串是用单引号或双引号来说明的.(使用单引号来输入包含引号的字符串.)如:“The cow jumped over the moon.” 数值数据类型:JavaScript 支持整数和浮点数.整数可以为正数.0 或者负数:浮点数可以包含小数点.也可以包含一个 “e”(大小…

var Utils = function() { this.Tools; this.ui; }; Utils = new Utils(); Utils.prototype.Tools = { year:'', month:'', day:'', week:'', time:'', hours:'', minute:'', second:'', weeks:['星期日','星期一','星期二','星期三','星期四','星期五','星期六'], /** * 获取当前用户使用的浏览器类型 * @re…

<script type="text/javascript"> window.onbeforeunload = onbeforeunload_handler; //window.onunload = onunload_handler; function onbeforeunload_handler(){ //var warning="确认退出?"; //return warning; window.opener.location.reload(true)…

常用的前台正则表达式汇总. 1.手机号验证 手机格式以1开头,现有的手机格式一般为13.14.15.17.18等 var regMobile = /^1[34578]\d{9}$/; //或者为/^1[3|4|5|7|8][0-9]\d{8}$/; if(!regMobile.test('手机号')){ alert('手机号格式不正确!'); } 2.邮箱验证 var regEmail = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/ 3.固话验证 验证格式为0510-88…

JS家的排序算法   十大经典算法排序总结对比 一张图概括: 主流排序算法概览 名词解释: n: 数据规模k:“桶”的个数In-place: 占用常数内存,不占用额外内存Out-place: 占用额外内存稳定性:排序后2个相等键值的顺序和排序之前它们的顺序相同 冒泡排序(Bubble Sort) 冒泡排序须知: 作为最简单的排序算法之一,冒泡排序给我的感觉就像Abandon在单词书里出现的感觉一样,每次都在第一页第一位,所以最熟悉...冒泡排序还有一种优化算法,就是立一个flag,当在一趟序列遍…

这里是<你不知道的JS>中常见的this绑定种类分享: 1)默认绑定: function foo(){ console.log(this.a); } var a = 2; foo(); 解析:foo()是直接使用不带任何修饰的函数引用进行调用的,因此只能使用默认绑定,this指向全局对象 注意:严格模式下与foo()的调用位置无关:引擎会抛出TypeError: this is undefined的异常 2)隐式绑定: function foo(){ console.log(this.a);…

1.分类 ECMAScript js基本语法与标准 DOM Document Object Model文档对象模型 BOM Browser Object Model浏览器对象模型 tips:DOM和BOM都是一套API(Application programing interface) 2.注释方式 style /* */ body <!-- --!> script // /* */ /** * js说明文档注释 */ 3.简单指令 alert(""); 提示框: conf…

原文:https://github.com/yangshun/front-end-interview-handbook/blob/master/questions/javascript-questions.md 最近将持续翻译JavaScript面试题,希望对各位有所帮助. (文章中斜体字部分为译者添加) 目录: Part 1(事件委托/this关键字/原型链/AMD与CommonJS/自执行函数) Part 2 (null与undefined/闭包/foreach与map/匿名函数/代码组织)…

原文:https://github.com/yangshun/front-end-interview-handbook/blob/master/questions/javascript-questions.md 最近将持续翻译JavaScript面试题,希望对各位有所帮助. (文章中斜体字部分为译者添加) 目录: Part 1(事件委托/this关键字/原型链/AMD与CommonJS/自执行函数) Part 2 (null与undefined/闭包/foreach与map/匿名函数/代码组织)…

1 上传图片:html代码 <input id="image" type='file' name='myFile' size='15' onchange="showPicture(this)" /> <img id="111" src="img/1.jpg" width="133" height="200" /> js代码: <script type=&qu…

本文是通过实例来帮助大家深刻理解js闭包,是篇非常不错的文章,这里推荐给大家,有需要的小伙伴可以参考下 Js闭包 闭包前要了解的知识 1. 函数作用域 (1).Js语言特殊之处在于函数内部可以直接读取全局变量 复制代码 代码如下: <script type="text/javascript"> var n=100; function parent(){ alert(n); } parent();//100 </script> 如果在php里 复制代码 代码如下:…

下面主要汇总一下数组的方法 数组方法: 1.检测是否为数组的方法:Array.isArrray(); var arr=[1,2,3,4,5]; var str='string'; console.log(Array.isArray(arr));//true console.log(Array.isArray(str));//false 2.转换方法:toLocaleString().toString().valueOf() valueOf():返回数组本身 toString():返回由数组中每个…

一.js 前端ui框架 Kendo UI 商用收费,组件丰富,界面简洁美观,有jQuery和angular两个js的版本 Webix 商用收费,组件丰富,界面特别美观 JQwidgets 商用收费,丰富的组件,有angular2.React.jquery以及ASP.NET MVC版本 Wijmo 商用收费,看着不错,但是官网好像没有比较详细的示例 jquery easyui 商用收费, easyui这个框架相信大多数人都知道,组件丰富,接口友好,但是ui不美观,生成的dom结构过于冗余. lay…

一.前言 事件的绑定触发有很多种方法,我们如何选择呢? 很多时候,我们会使用鼠标事件,但是鼠标事件只能在PC设备上使用,当我们需要对不同设备兼容时怎么办呢? 二.正文 1. 事件的几个概念: 事件流:描述的是在页面中接受事件的顺序: 事件冒泡:由最具体的元素接收(当前节点),然后逐级向上传播至最不具体的元素的节点(文档): 事件捕获:最不具体的节点先接收事件,而最具体的节点应该是最后接收事件.(文档-->body-->...-->具体的节点). <!DOCTYPE html>…

1.原生js获取同级的兄弟节点 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>蚂蚁部落</title> <script type="text/javascript"> window.onload=function(){ var oli=document.getElementById("antzone&…

1.图片按比例压缩 function setImgSize(){ var outbox_w=imgbox.width(), outbox_h=imgbox.height(); imgbox.find('img').each(function(index, el) { var obj=$(this), objH=obj.height(), objW=obj.width(); if((objH/objW)>(outbox_h/outbox_w)){ obj.css({ height: outbox_…

废话片: 讲到内存可以联想到很多,内存分配管理,内存回收机制,内存泄露等等,今天我们就来答题的总结一下. 正文片: 1.内存分配管理 2.内存回收机制 3.内存泄露 一.内存分配管理 首先让我们看看内存的分配机制吧.其实在所有的语言中内存的分配都是一样的,首先在我们需要的时候记性内存的分配,然后是使用分配的内存,最后是当我们不适用的时候收回内存块. 问题:在js中是如何分配内存的呢,什么时候分配呢? 回答:在js中当我们定义了变量的时候实际上就为我们分配好了内存的,这样将会省去我们的很多麻烦.了…

有时候指令太多会造成记错.记混的问题,所以本文在记忆的时候会采用穿插记忆的方式,交叉比对,不易出错. 本文主要讲了一下六个指令: v-if//v-show//v-else//v-for//v-bind//v-on 1. v-if 条件渲染指令,根据其后表达式的bool值进行判断是否渲染该元素: eg: HTML: ? 1 2 3 4 5 6 <div id="example01">  <p v-if="male">Male</p>…

默认事件 就是浏览器通过HTML标签或DOM元素提供的一些功能性的默认行为.比如在a标签href属性上的跳转,右键呼出的菜单等等.我们可以通过js取消或更改这些默认事件. 取消默认事件 默认事件都是定义在DOM元素相应的事件类型上的,我们只需要知道产生默认事件的是哪个元素,这个事件是什么类型的,就可以阻止或修改它.实现方式就是注册相应的事件处理函数,在其中通过如下API阻止默认事件的发生. event.preventDefault() : 阻止默认行为 (IE9以下)event.returnVa…

备注:http://phpjs.org/  这个站点把PHP常用的方法用js实现了,推荐一下 1.从数组中随机获取几个不重复项 //从一个给定的数组arr中,随机返回num个不重复项 function getArrayItems(arr, num) { //新建一个数组,将传入的数组复制过来,用于运算,而不要直接操作传入的数组; var temp_array = new Array(); for (var index in arr) { temp_array.push(arr[index]);…

假如ie6是一个非美女的人,那不知道为多少人乱刀砍多少次,假如不幸它是一个美女,那不知道要被多少人轮奸完之后还是乱刀砍死. ie6的js的错误说明总是很隐晦的,它喜欢和捉迷藏.报的行数和错误,常常不知道所云,在页面里对应的行数也根本找不到错误的点.只好自己所有js看一遍.受够了这种痛.决定把遇到的ie6下的js报错及对应的代码粘出来,以供参考 var obj = { get : function(){ }, };var arr = [1,2,3,4,]//报错:缺少标识符.字符串或数字 如果你有…

由于设备多样性(PC.ios.安卓.pad.tv)以及各设备对js脚本支持性差异性.js兼容性调试显得越来越重要. 0:尽力模仿真实场景下进行调试,迅速定位问题以及提供解决方案. 1:setTimeout(function(),1); 将脆弱性代码放到定时器中,延缓加入浏览器队列,给单线程一点时间. 2:对脆弱性代码(易引起兼容性问题的代码)为确保程序健壮性,采用更加清晰.准确性更一致的属性和方法替换.…

本文实例总结了JS数组排序技巧.分享给大家供大家参考,具体如下: 1.冒泡排序 var temp = 0; for (var i = 0; i < array.length; i++) { for (var j = 0; j < array.length - i; j++) { if (array[j] > array[j + 1]) { temp = array[j + 1]; array[j + 1] = array[j]; array[j] = temp; } } } consol…

转自http://www.jb51.net/article/88891.htm 前言:任何一个编程者都少不了要去调试代码,不管你是高手还是菜鸟,调试程序都是一项必不可少的工作.一般来说调试程序是在编写代码之后或测试期修改Bug 时进行的,往往在调试代码期间更加能够体现出编程者的水平高低以及分析问题的准确度.不少初学者在寻找错误原因时,总是不得要领,花费了大量时间却无法解决一些最终证明是相当简单的Bug.掌握各种调试技巧,必定能在工作中起到事半功倍的效果.譬如,快速定位问题.降低故障概率.帮助分析…

1.jq中的animate不要重复大量使用,会导致内存溢出或泄漏,很直观的现象就是手机发热太严重: 2.input 的button类型的去掉默认样式并换颜色: -webkit-appearance:none; background-color:rgb(); border:none; border-radius:5px; 3.js监听触摸事件: document.getElementById("id").addEventListener( "touchstart",f…