JavaScript
173300598
热爱互联网
展开
-
移动端(微信等)使用 vConsole调试console
转自: https://blog.csdn.net/m0_37036014/article/details/80113635 移动端(微信等)使用 vConsole调试console前言因为最近一直在弄移动端项目,由于在移动端无法打开控制台,所以想办法打印调试console的数据一直苦恼。之前用的是chrome的inspect调试,但是只能使用移动版的chrome查看数据,兼容不好,所以最...转载 2019-01-04 15:25:47 · 2123 阅读 · 0 评论 -
js实现继承的5种方式
js是门灵活的语言,实现一种功能往往有多种做法,ECMAScript没有明确的继承机制,而是通过模仿实现的,根据js语言的本身的特性,js实现继承有以下通用的几种方式1.使用对象冒充实现继承(该种实现方式可以实现多继承)实现原理:让父类的构造函数成为子类的方法,然后调用该子类的方法,通过this关键字给所有的属性和方法赋值Js代码 function P转载 2017-12-22 15:34:10 · 5462 阅读 · 0 评论 -
js取得文档的高度和宽度
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) 网页正文全文宽:document.body.scrollWidth转载 2017-12-22 15:19:03 · 855 阅读 · 0 评论 -
canvas 背景透明
theCanvas = document.getElementById('canvasOne');var context = theCanvas.getContext('2d');context.fillStyle = 'rgba(255, 255, 255, 0)';转载 2017-12-21 17:24:38 · 14384 阅读 · 2 评论 -
JavaScript-MD5加密
代码:[javascript] view plain copy"yourUrl/md5.min.js"> 或者: "http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.js"> "http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md转载 2017-12-21 17:19:59 · 1125 阅读 · 0 评论 -
base64编码解码js
base64:html代码:"utf-8">base64加密"text/javascript" src="base64.js">"text/javascript"> var b = new Base64(); var str = b.encode("admin:admin"); alert("base64转载 2017-12-21 17:16:07 · 155 阅读 · 0 评论 -
js中const,var,let区别
主要内容是:js中三种定义变量的方式const, var, let的区别。1.const定义的变量不可以修改,而且必须初始化。1 const b = 2;//正确2 // const b;//错误,必须初始化 3 console.log('函数外const定义b:' + b);//有输出值4 // b = 5;5 // console.log('函数外修改const定义b:转载 2017-11-30 10:16:18 · 124 阅读 · 0 评论 -
JavaScript中Get和Set访问器的实现
摘要:前两天IE9 Beta版发布了,对于从事Web开发的朋友们来说真是个好消息啊,希望将来有一天各个浏览器都能遵循统一的标准。今天要和大家分享的是 JavaScript中的Get和Set访问器,和C#中的访问器非常相似。 标准的Get和Set访问器的实现:function Field(val){ this.value = val; } Field.prototy转载 2017-11-02 13:47:03 · 646 阅读 · 0 评论 -
HTML5+Canvas手机拍摄,本地压缩上传图片,案例实测报告。
http://blog.csdn.net/wang_quan_li/article/details/22959929做了个微信的HTML5拍摄上传照片功能,问题重重... 前端代码01$(':file').on('change',function(){02 var file转载 2017-11-03 11:59:16 · 880 阅读 · 0 评论 -
javaScript & jquery完美判断图片是否加载完毕
http://blog.csdn.net/nideshijian/article/details/53064135好久没写东西了,正好最近因为工作需要,写了一个瀑布流异步加载的程序。今天就不谈瀑布流,来谈一下关于load的问题。-------------------------------------------------------------众所周知,转载 2017-11-02 18:19:34 · 505 阅读 · 0 评论 -
手把手带你用原生js实现css属性的set和get
https://segmentfault.com/a/1190000008258365Let's start首先创建一个 css-tool.js 文件,一开始他是这个样子的:;(function (window,undefined) { "use strict"; var cssTool = function () { return new cssTo转载 2017-11-02 13:52:01 · 1001 阅读 · 0 评论 -
img.onload 实现图片预加载方法
http://blog.csdn.net/kongjiea/article/details/24308053[html] view plain copy> html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> head> meta http-equiv="C转载 2017-11-01 16:01:19 · 2249 阅读 · 0 评论 -
js中将字符串转换成json的三种方式
ECMA-262(E3) 中没有将JSON概念写到标准中,还好在 ECMA-262(E5) 中JSON的概念被正式引入了,包括全局的JSON对象和Date的toJSON方法。1,eval方式解析,恐怕这是最早的解析方式了。如下:复制代码代码如下:function strToJson(str){ var json = eval('(' + str + ')');转载 2017-10-13 14:36:08 · 8512 阅读 · 0 评论 -
PHP AJAX JSONP实现跨域请求使用实例
实例1test.html123456789101112doctype html>html>head>meta charset="utf-8">title>testtitle>script src="jquer转载 2017-09-19 14:59:40 · 350 阅读 · 0 评论 -
php和js url编码传递转换
encodeURI() 函数可把字符串作为 URI 进行编码,字符将被十六进制的转义序列进行替换。decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码。js的encodeURI()后的字符一般为utf-8编码,如果服务器端编码为不同编码,则需要iconv转换。PHP$a = urlencode(iconv("gb2312", "UTF-8",转载 2017-09-18 19:03:48 · 825 阅读 · 0 评论 -
如何让你的 JS 写得更漂亮
网上有不少关于JS编写优化建议,这里我根据自己的经验提出一些比较有用的意见。1. 按强类型风格写代码JS是弱类型的,但是写代码的时候不能太随意,写得太随意也体现了编码风格不好。下面分点说明: (1)定义变量的时候要指明类型,告诉JS解释器这个变量是什么数据类型的,而不要让解释器去猜,例如不好的写法:var num, str, obj;声明了三个变量,转载 2018-01-31 17:01:51 · 170 阅读 · 0 评论 -
cubic-bezier贝塞尔曲线CSS3动画工具
工具及应用这里给出两个在线动画调试工具。cubic-bezier还是比较少用到,PC端中,有浏览器不兼容。但是手机端中,可以使用并带来炫酷的动画及体验。缓动函数速查表: http://www.xuanfengge.com/easeing/easeing/Ceaser: http://xuanfengge.com/easeing/ceaser/cubic-bezier:htt转载 2018-02-06 10:16:22 · 443 阅读 · 0 评论 -
贝塞尔公式推导与物体跟随复杂曲线的轨迹运动
写在最前在之前的这篇文章中我们提到了对于贝塞尔公式的运用。本次分享一下如何推导贝塞尔公式以及附一个简单的��即小球跟随曲线轨迹运动。欢迎关注我的博客,不定期更新中——效果预览demo地址对于如何绘制连续的贝塞尔曲线可以参照这篇文章:基于canvas使用贝塞尔曲线平滑拟合折线段在本例中生成的曲线由以上文章中的源码提供。贝塞尔曲线公式推导转载 2018-02-06 10:17:57 · 525 阅读 · 0 评论 -
SOCKET.IO,理解SOCKET.IO
原文:http://www.cnblogs.com/xiezhengcai/p/3957314.html要理解socket.io ,不得不谈谈websocket在html5之前,因为http协议是无状态的,要实现浏览器与服务器的实时通讯,如果不使用 flash、applet 等浏览器插件的话,就需要定期轮询服务器来获取信息。这造成了一定的延迟和大量的网络通讯。随着HTML5 的出现,这一情...转载 2018-11-15 17:48:36 · 110 阅读 · 0 评论 -
DOM中监听节点变化的事件(变动事件)的用法 — 第13.4.6节
https://blog.csdn.net/flyingpig2016/article/details/53677679/ DOM变动事件的用法 DOM2级的変动事件是为XML或html的DOM设计的,不特定于某种语言。 一:变动事件的分类有7种,最常用的浏览器支持最多的有3种,下面黑体? 1. DOMSubtreeModified:在DOM结构中发生任何变化时触发; 2. DO...转载 2018-08-27 09:40:04 · 809 阅读 · 0 评论 -
如何高效的懒加载多个JS文件
https://blog.csdn.net/zhehuaxuan/article/details/78336386 1.解决javascript性能问题的本质: 在javascript中,浏览器使用单一进程来处理UI和javascript脚本,在同一个时刻只能做一件事情,所以javascript的脚本执行耗时越久,那么性能就越差 无论是外链还是内链,页面的初始化都需...转载 2018-08-27 00:45:27 · 969 阅读 · 0 评论 -
indexDB的理解与使用
https://blog.csdn.net/ypjmfc/article/details/80503708#indexDB的理解与使用indexDB的理解与使用 创建数据库 创建对象仓库 创建事务 操作数据 添加数据 获取数据 删除数据 使用游标 索引 创建索引 使用索引 实践 创建数据库const req...转载 2018-07-30 11:07:24 · 1159 阅读 · 0 评论 -
js中通过Object.prototype.toString方法----精确判断对象的类型
在 JavaScript 里使用 typeof 来判断数据类型,只能区分基本类型,即 “number”,”string”,”undefined”,”boolean”,”object” 五种。对于数组、函数、对象来说,其关系错综复杂,使用 typeof 都会统一返回 “object” 字符串。要想区别对象、数组、函数单纯使用 typeof 是不行的,JavaScript中,通过Object.prot...转载 2018-07-06 23:34:34 · 594 阅读 · 0 评论 -
客户端持久化解决方案:indexedDB
indexedDB适合大量的结构化的数据存储;打开数据库和获取数据对象都是异步的;需要开启事务,访问的objectStore都要是在开启的事务中。数据库结构: db->transaction->objectStore->dataWeb SQL Database实际上已经被废弃,而HTML5支持的本地存储实际上变成了 Web Storage(Local Storage和...转载 2018-07-17 11:47:16 · 1573 阅读 · 0 评论 -
Ajax跨域请求COOKIE无法带上的解决办法
1、原生ajax请求方式:1 var xhr = new XMLHttpRequest(); 2 xhr.open("POST", "http://xxxx.com/demo/b/index.php", true); 3 xhr.withCredentials = true; //支持跨域发送cookies4 xhr.send();2、jquery的ajax的post方法请求: $....转载 2018-07-11 00:19:35 · 424 阅读 · 0 评论 -
JS格式化数字保留两位小数点示例代码
问题:在JS中格式化数据保留两位小数的函数的多种方法最好方法:保留两位好像是这样吧复制代码代码如下:var a = 9.39393; alert(a.toFixed(2));说明:alert(Number.toFixed(9.39393));返回的是9.39 但是只有ie5.5以上的版本才支持。其它方法转载 2018-04-08 10:55:14 · 6600 阅读 · 0 评论 -
利用js 获取本日 本周 本月时间代码
function showToDay() { var Nowdate=new Date(); M=Number(Nowdate.getMonth())+1 alert(Nowdate.getMonth()+"月,"+Nowdate.getDate()+"号,星期"+Nowdate.getDay()); return转载 2018-04-08 10:53:30 · 607 阅读 · 0 评论 -
js时间戳与日期格式的相互转换
下面总结一下js中时间戳与日期格式的相互转换:1. 将时间戳转换成日期格式:123456789101112function timestampToTime(timestamp) { var date = new Dat转载 2018-04-08 10:52:42 · 1488 阅读 · 0 评论 -
JavaScript单元测试入门
首先要弄清楚什么是单元。单元就是一个相对独立的功能模块,可以是一个类,或是一个模块,或是一个方法。单元测试的目的,就是首先保证一个系统的基本组成单元(类、模块或方法)能正常工作。打个比方,你想一台机器能正常工作,首先要保证它的每一个零件和组件能正常工作。而单元测试就是对这些零件和组件进行的测试。所谓”测试框架”,就是运行测试的工具。通过它,可以为JavaScript应用添加测试,从转载 2018-04-07 19:53:23 · 5800 阅读 · 0 评论 -
解决canvas画图模糊的问题
canvas 画图经常发现他是模糊的。解决这个问题主要从两个方面下手。改变canvas渲染的像素情况:画1像素的线条看起来模糊不清,好像更宽的样子。解决方案var ctx = canvas.getContext('2d');ctx.translate(0.5, 0.5);原理:大家都知道屏幕最小单位就是像素。假如把canvas放的足够大,我能看到下面样转载 2018-02-28 10:47:42 · 2383 阅读 · 0 评论 -
详解JS获取HTML DOM元素的8种方法
什么是HTML DOM文档对象模型(Document Object Model),是W3C组织推荐的处理可扩展置标语言的标准编程接口。简单理解就是HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。我们用JavaScript对网页进行的所有操作都是通过DOM进行的。这篇文章不做深入研究,只把各种用法和坑做一个总结。JS获取DOM元素的方法(8种)转载 2018-02-26 22:21:42 · 2221 阅读 · 0 评论 -
HTML5 用 canvas 绘制心形线
HTML5-绘图工具/原料自己常用的开发工具皆可方法/步骤笛卡尔的心形线桃心形这个桃心比较符合口味。。遂决定使用此方程。。当然还有一些其它方程,如下:转载 2018-02-06 10:59:25 · 8010 阅读 · 0 评论 -
AJAX POST&跨域 解决方案 - CORS
跨域是我在日常面试中经常会问到的问题,这词在前端界出现的频率不低,主要原因还是由于安全限制(同源策略, 即JavaScript或Cookie只能访问同域下的内容),因为我们在日常的项目开发时会不可避免的需要进行跨域操作,所以跨域能力也算是前端工程师的基本功之一。 和大多数跨域的解决方案一样,JSONP也是我的选择,可是某天PM的需求变了,某功能需要改成支持POST,因为传输的数据量比较大转载 2017-09-18 19:01:41 · 349 阅读 · 0 评论 -
html2canvas把div保存图片高清图
http://www.bootcdn.cn/(可以搜索html2canvans)1.选择html2canvas版本(这个版本可以放大倍数保证图片清晰)默认生成的 canvas 图片在 retina 设备上显示很模糊,处理成 2 倍图能解决这个问题:var w = $("#code").width();var h = $("#code").height();//要将 c转载 2017-09-06 13:39:21 · 375 阅读 · 0 评论 -
js中callee与caller的区别
http://www.cnblogs.com/angus-jiang/p/4434259.htmlcallee是对象的一个属性,该属性是一个指针,指向参数arguments对象的函数首先我们来写个阶成函数:function chen(x){if (xreturn 1;} else{return x*chen(x-1);};};从这个函数中可以看出来,转载 2017-03-14 15:19:36 · 503 阅读 · 0 评论 -
H5 Canvas JS API
描述HTML5 标签用于绘制图像(通过脚本,通常是 JavaScript)。不过, 元素本身并没有绘制能力(它仅仅是图形的容器) - 您必须使用脚本来完成实际的绘图任务。getContext() 方法可返回一个对象,该对象提供了用于在画布上绘图的方法和属性。本手册提供完整的 getContext("2d") 对象属性和方法,可用于在画布上绘制文本、线条、矩形、圆形转载 2017-03-13 14:14:55 · 594 阅读 · 0 评论 -
JS的prototype和__proto__
一、prototype和__proto__的概念prototype是函数的一个属性(每个函数都有一个prototype属性),这个属性是一个指针,指向一个对象。它是显示修改对象的原型的属性。__proto__是一个对象拥有的内置属性(请注意:prototype是函数的内置属性,__proto__是对象的内置属性),是JS内部使用寻找原型链的属性。用chrome和FF都可以访转载 2017-03-08 16:32:40 · 264 阅读 · 0 评论 -
JS中cookie的使用详细分析
cookie概述 在上一节,曾经利用一个不变的框架来存储购物栏数据,而商品显示页面是不断变化的,尽管这样能达到一个模拟 全局变量的功能,但并不严谨。例如在导航框架页面内右击,单击快捷菜单中的【刷新】命令,则所有的JavaScript变量都会丢失。因此,要实现严格的 跨页面全局变量,这种方式是不行的, JavaScript中的另一个机制:cookie,则可以达到真正全局变量的要求。转载 2017-02-28 23:32:01 · 435 阅读 · 0 评论 -
js数组引用传值问题
在数组 arr 末尾添加元素 item。不要直接修改数组 arr,结果返回新的数组 输入例子:append([1, 2, 3, 4], 10)输出例子:[1, 2, 3, 4, 10]第一想法就是function append(arr, item) { var arr0=arr; arr0.push(item); ret转载 2017-02-28 22:02:38 · 2274 阅读 · 0 评论 -
通过JS语句判断WEB网站的访问端是电脑还是手机
通过JS语句判断WEB网站的访问端是电脑还是手机,以显示不同的页面!目录腾讯网的适配代码如何判断访问网站的机器类型-如何判断ipadJS 判断浏览器客户端类型(ipad,iphone,android)"text/javascript"> //平台、设备和操作系统 var system = { win: false,转载 2017-02-10 09:55:30 · 592 阅读 · 0 评论