学如逆水行舟，不进则退

if ('serviceWorker' in navigator) { navigator.serviceWorker.getRegistrations().then(function(registrations) { for(let registration of registrations) { registration.unregister() }}).catch(function(err) { console.

$.ajax({ url: 'http://domain/static/json/json.jsonp', dataType: 'jsonp', data: 'GET', timeout:'8000', //访问超时 jsonpCallback: "test",//和服务器端函数名称相同 data: { //需要传输的数据 },...

出處将input的type修改为search：是HTML5 中的新类型 关于兼容性可以查阅MDN手机端毫无压力，可以放心使用亲测 安卓机会变为搜索或搜索的????的符号按钮 IOS变为换行 现在算是把安卓机的问题搞定了接下来是ios需要在外层包裹form<form action="javascript:return true"> <input type="search" :placeholder="请输入" autofo

google map 官方文檔隱藏地圖默認的山川、圖標、線路等 官方文檔自定義dom層 官方文檔官方文檔2例子屏幕點(x,y)轉經緯度function latLng2Point(latLng, map) { var topRight = map.getProjection().fromLatLngToPoint(map.getBounds().getNorthEast()); var bottomLeft = map.getProjection().fromLatLngToPo..

Why is using “for…in” with array iteration a bad idea?The reason is that one construct:var a = []; // Create a new empty array.a[5] = 5; // Perfectly legal JavaScript that resizes the array.for (var i = 0; i < a.length; i++) { // Ite...

有时候我们需要在用户离开页面的时候，做一些上报来记录用户行为。又或者是发送服务器ajax请求，通知服务器用户已经离开，比如直播间内的退房操作。本文主要分两部分来讲解怎么完成退出行为的上报。1.事件监听浏览器有两个事件可以用来监听页面关闭，beforeunload和unload。 beforeunload是在文档和资源将要关闭的时候调用的， 这时候文档还是可见的，并且在这个关闭的事件还是...

參考1參考2參考3參考4 參考5vue實現 data () { return { // 馬賽克操作對象 mosaicObj: { canvas: '', // 畫布 ...

图片存储在本地时，是默认没有域名的，用getImageData方法时，浏览器会判定为跨域而报错！摘了一段网上的解析：1、首先没有服务器环境（如：本地的html网页，操作本地的图片），就会报"Unable to get image data from canvas because the canvas has been tainted by cross-origin data"错误。...

ie對svg的支持性不好我用到了canvas的fabric.js庫，發現在ie11下添加svg無效原因是ie11添加的svg圖沒有大小所以手動設置下大小後顯示正常var fimg = fabric.Image.fromURL(img.src, function(fimg) { fimg.set('top',20).set('width',50).set('height...

參考https://github.com/fabricjs/fabric.jshttps://blackstarxing.github.io/2019-08-17-fabric-doc.htmlhttps://github.com/vipstone/drawingboard?spm=a2c4e.10696291.0.0.41f519a4HHv3wyhttps://my.oschin...

什么是跨域1、document.domain+iframe的设置2、动态创建script3、利用iframe和location.hash4、window.name实现的跨域数据传输5、使用HTML5 postMessage6、利用flash本文来自网络（http://f2e.me/200904/cross-scripting/，该网址已不能访问），仅作个人读书笔记之用，并稍作修改和

什么是 webpack？webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。我们可以直接使用 require(XXX) 的形式来引入各模块，即使它们可能需要经过编译（比如JSX和sass），但我们无须在上面花费太多心思，因为 webpack 有着各种健全的加载器（load

前言开篇首先设想一个日常开发常常会遇到的需求：在多个接口异步请求数据，然后利用这些数据来进行一系列的操作。一般会这样去写：$.ajax({ url: '......', success: function (data) { $.ajax({ // 要在第一个请求成功后才可以执行下一步 url: '.....

(1,eval)('this') vs eval('this') in JavaScript?I start to read JavaScript Pattern, some codes confused me.var global = (function () { return this || (1, eval)('this');}());Here

作者: Laruence(   )本文地址: http://www.laruence.com/2009/08/09/1036.html转载请注明出处yuchen网友发来一个问题, 大体意思就是在JS中, 同样的正则, 同样的字符串, 循环匹配结果却不一样 ,script type='text/javascript'>var reTest = /^aid=(.*)/ig; v

本文地址: http://www.laruence.com/2009/09/23/1089.html转载文章转帖地址:http://www.9demo.com/archives/341容易欺骗别人感情的JavaScript定时器JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式

（按位取反）运算的理解：按照我平时的理解，当我使用~按位取反运算的时候，计算机会将操作数所对应的二进制表达式的每一个位进行取反计算，取反后所得到的值就是~按位取反的运算结果（这点没问题）例如，假如我的计算机是32位的，我接下来要计算~5的值，计算过程如下：5 的二进制表达式为：0000 0000 0000 0000 0000 0000 0000 0101执行~运算，即~5后: 11...

AJAX工作原理及其优缺点1.什么是AJAX?AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是一种创建交互式网页应用的网页开发技术。它使用：使用XHTML+CSS来标准化呈现；使用XML和XSLT进行数据交换及相关操作；使用XMLHttpRequest对象与Web服务器进行异步数据通信； 

出处也可参考underscore.js的对比javascript 对象的比较是比较坑爹的一件事，因为javascript对象比较的是引用地址！当两个内容完全一样的对象比较： var object1={ name:"1234 ", code:123, test:"321",

本次技术调研来源于H5项目中的一个重要功能需求：实现微信长按网页保存为截图。这里有个栗子（请用微信打开，长按图片即可保存）：3分钟探索你的知识边界将整个网页保存为图片是一个十分有趣的功能，常见于H5活动页的结尾页分享。以下则是项目中调研和踩坑的一些小结和汇总。一、实现HTML页面保存为图片1.1 已知可行方案现有已知能够实现网页保存为图片的方案包括：

function getCountDays() {        var curDate = new Date();        /* 获取当前月份 */        var curMonth = curDate.getMonth();       /*  生成实际的月份: 由于curMonth会比实际月份小1, 故需加1 */       curDate.setMonth(cur...

通过js检测浏览器支持的字体，从而显示支持的字体，让用户选择轉載出處字体函数：var dataFont = { windows: [{ ch: '宋体', en: 'SimSun' }, { ch: '黑体', en: 'SimHei' }, { ch: '微软雅黑', ...

參考鏈接

用户退出登录时需要修改数据库的登录状态。画面上给了用户“登出”按钮，用于退出登录，跳转至登录画面，这样可以及时向后台发送请求，来修改数据库的登录状态。虽如此，有的用户还是习惯于直接关闭画面，或者浏览器，这个时候原来用axios向后台发送登出请求的方式就行不通了。于是乎，只能换别的招了，残念！最终调查总结出两种方法，亲测有效，就做此记录。1、jquery引入jQuery，使用ajax发送同步...

轉載出處

參考1參考2使用參考2的話 會存在某些字體加粗轉換后的顯示異常

getEventListeners（）getEventListeners(domElement)为您提供一个对象，其中包含该DOM元素上所有已注册的事件侦听器。例如，如果要在按钮上引用单击处理程序，将其删除或在生产环境中的运行时中对其进行修改，则可以执行此操作。...

http://blog.youkuaiyun.com/fanweiwei/article/details/1553712http://www.360doc.com/content/11/0113/10/5480642_86156761.shtml

前言JavaScript 不包含传统的类继承模型，而是使用 prototypal 原型模型。虽然这经常被当作是 JavaScript 的缺点被提及，其实基于原型的继承模型比传统的类继承还要强大。实现传统的类继承模型是很简单，但是实现 JavaScript 中的原型继承则要困难的多。由于 JavaScript 是唯一一个被广泛使用的基于原型继承的语言，所以理解两种继承模式的差

var arr=[1,2,3]arr.push.apply(arr,[5,6,7,8,9])console.log(arr) // => [1,2,3,4,5,6,7,8,9]var arr2=[1,2,3]arr2.push.call(arr2,[5,6,7,8,9])console.log(arr2) // => [1,2,3,[5,6,7,8,9]]call和a

理解AngularJS中的依赖注入AngularJS中的依赖注入非常的有用，它同时也是我们能够轻松对组件进行测试的关键所在。在本文中我们将会解释AngularJS依赖注入系统是如何运行的。Provider服务（$provide）$provide服务负责告诉Angular如何创造一个新的可注入的东西：即服务(service)。服务会被叫做provider的东西来定义，你可以使

需要注意的是，这篇文章中的代码片段都在最新的Google Chrome（版本号30）上测试过，它使用V8 JavaScript引擎（V8 3.20.17.15）1 – 在第一次给一个变量赋值的时候不要忘记使用var关键字给一个未定义的变量赋值会导致创建一个全局变量。要避免全局变量。2 – 使用===，而不是＝＝==（或!=）操作符在需要的时候会自动执行类型转换。==

MelonCard发布了一篇文章——”how one missing var ruined our launch“（”少写了一个var毁了我的网站”），这篇文章是说MelonCard用Node.js做后台，因为出了一个小高峰——有50-100人注册，结果整个网站都不响应了，而且还出现了很多奇怪的问题。当他们调查到问题的要源的时候，他们发现下面的代码少写了一个var。1

a

英文原文地址：http://dmitry.baranovskiy.com/post/91403200Dmitry Baranovskiy 的博客中有篇文章（http://dmitry.baranovskiy.com/post/91403200），其中有五段小代码，用来测试是否理解 JavaScript 的核心，闭包和作用域。大家先试着给出 alert 语句的输出结果。之后再建一个测试文件，检测

http://www.cnblogs.com/jikey/p/3613082.html

Raphael.js 的教程非常简单，仅首页一段代码，然后就是 Reference。但作者在 Reference 部分也惜墨如金，不肯多费几句。所以有这一篇中文，对如何使用 Raphael.js 做个简单介绍。调用 Raphael.js首先在 HTML 页面调用 raphael.js：用法用 Raphael 方法创建一块画布，var paper = Raphael(10, 5

官方介绍：Raphael是由Dmitry Baranovskiy开发的小型Javascript类库，它可以让你在web上很容易地使用矢量图形。如果你需要制作自定义图表或图像裁剪旋转控件，它也可以让你更方便、简单地进行实现。Raphael使用W3C推荐的SVG以及VML两种矢量标记语言来实现绘图，这意味着，你创建的图形对象都是DOM元素，你可以给它们绑定、移除javascript事件。Rapha

对数据类型声明的语言称为强类型语言，相反为弱类型，JS就是ke

(function(){ //私有静态成员 var user = ""; //私有静态方法 function privateStaticMethod(){ } Box = function(value){ //私有成员 privateStaticUser = value;