![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 67
swimming_in_it_
IT的爱好者,希望找到志同道合之人。
展开
-
Js对象之原型链详解
在刚开始接触js的时候,一直对js中的原型链一知半解,只知道对象的最顶层是Object。Array,Number等类是Object原型链下的子类。下面将以Function对象为例子来说。在使用类的一些公共方法 | 属性 的时候,会使用Funciton.方法名|属性名来进行调用,如果在函数的原型上自定义了一些方法,后期在实例化的对象中可以随便调用定义在Function原型上的方法。而且实例化的对象不...原创 2019-08-03 16:47:02 · 335 阅读 · 0 评论 -
js数组操作
声明数组:/* 数组: 1、数组内可以存放任意类型的数据 2、数组元素不赋值,则为undefined 3、打印数组时,如果某个元素没有赋值,则为“” 4、访问数组范围以外的元素时,不会出现越界异常,为undefi...原创 2018-09-27 19:24:37 · 375 阅读 · 0 评论 -
Js中进行utf-8的编码和解码
JavaScript本身可通过charCodeAt方法得到一个字符的Unicode编码,并通过fromCharCode方法将Unicode编码转换成对应字符。但charCodeAt方法得到的应该是一个16位的整数,每个字符占用两字节。在网络上传输一般采用UTF-8编码,JavaScript本身没有提供此类方法。不过有一个简便的办法来实现UTF-8的编码与解码。 Web要求URL的查询字符串采...转载 2018-07-19 16:09:30 · 9823 阅读 · 1 评论 -
js将图片转成base64,将base64转成blob和二进制
将图片转成base64的编码格式:function convertImgToBase64(url, callback, outputFormat){ var canvas = document.createElement('CANVAS'), ctx = canvas.getContext('2d'), img = new Image(); img.crossOrigin = ...原创 2018-07-19 15:00:39 · 9544 阅读 · 4 评论 -
AngularJs中的x下拉列表
angularjs中下拉框select option默认值 jade的实际代码:label 游戏状态:select(ng-model="gm.status" required) option(value="1") 上线 option(value="0") 下线请看上面的代码,chrome打开的时候发现了一个空白的选项,chrome解析出来代码是&原创 2018-07-16 11:36:42 · 336 阅读 · 0 评论 -
crypto-js解密报错malformed utf-8 data
在使用crypto-js进行解密的时候,有可能会报错:Malformed UTF-8 dataError: Malformed UTF-8 data at Object.stringify (d:\StudeyCode\myStudy\encryptDemo\routes\encrypt\crypto-js.js:478:27) at WordArray.init.toS...原创 2018-06-27 15:10:49 · 25736 阅读 · 5 评论 -
js获取时间戳和常用方法总结
js获取时间戳的四种方式第一种//方法1---将毫秒改成000显示var t1 = Date.parse(new Date());console.log(t1);第二种//方法2---获取毫秒级的时间戳var t2 = (new Date()).valueOf();console.log(t2);第三种//方法3---获取毫秒级的时间戳var t...原创 2018-06-27 12:09:13 · 1261 阅读 · 0 评论 -
关于javascript严格模式下七种禁止使用的写法
分享至javascript语言精髓与编程实践开启严格模式(”use strict"):在全局代码的开始处加入在eval代码的开始处加入在函数声明代码处加入在new Function() 所传入的body参数块开始处加入1:在对象中声明相同的属性名 例如: var obj ={ 'name': 1, 'name': 2 ...转载 2018-06-20 14:36:29 · 1273 阅读 · 0 评论 -
js中的json操作
一、简介JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。 在JSON中,有两种结构:对象和数组 1、对象以“{”开始,“}”结束,“key/value”之间运用 “,”分隔。 jsonDemo =...原创 2018-06-26 19:40:36 · 262 阅读 · 0 评论 -
crypto-js接口加密方式
在进行项目中的的借口设定的时候,往往都需要对接口采用一定的加密方式。本文中将介绍一下crypto-js.js的加密方式。而crypto-js.js就是一个前端加密库,你可以把它当做一个前端插件来引用即可。详细介绍:点击打开链接 本项目中使用express开发,前后台均使用crypto-js.js来进行加密解密处理。对于才开始的时候,我想使用的是前台的crypto-js来进行数据...原创 2018-06-25 11:41:21 · 1792 阅读 · 0 评论 -
非常全的VsCode快捷键
按 Press功能 FunctionCtrl + Shift + P,F1显示命令面板 Show Command PaletteCtrl + P快速打开 Quick OpenCtrl + Shift + N新窗口/实例 New window/instanceCtrl + Shift + W关闭窗口/实例 Close window/instance基础编辑 Basic editing按 Press功...转载 2018-06-08 13:03:32 · 569 阅读 · 0 评论 -
angularjs中父,子,兄之间controller值得传递
在进行angularJs做前端数据绑定的时候,无疑是非常方便的。但是最近在开发的时候,老是因为各级controller之间的传递,而倍感烦恼。然后百度了下,看看官网。获得了各级controller之间的值通信方式。我是使用$broadcast $emit $on来进行处理的:在一个controller里面通过事件触发一个方法,在方法里面通过$broadcast或$emit来定义一个变量,在父,...转载 2018-10-30 11:55:13 · 442 阅读 · 0 评论 -
原生js的dom操作
常用方法节点获取:document.getElementById(idName) //通过id号来获取元素,返回一个元素对象 document.getElementsByName(name) //通过name属性获取id号,返回元素对象数组 document.getElementsByClassName(className) //通过class来获取元...原创 2018-11-02 11:01:25 · 315 阅读 · 0 评论 -
变量提升和闭包
变量提升1,什么是变量提升? 当栈内存栈内存(作用域)形成,JS代码自上而下执行之前,浏览器首先会把所有带 “VAR”/“FUNCTION” 关键词的进行提前 “声明” 或者 “定义” ,这种预先处理机制称之为 “变量提升” =>声明(declare):var a (默认值undefined) =>定义(defined):a=12 (定...原创 2019-02-28 11:15:25 · 474 阅读 · 0 评论 -
js之数据类型转换
JS中的数据类型分为以下两种类型。基本数据类型:数字 number,字符串 string,布尔 boolean,空 null,未定义 undefined引用数据类型: 对象 object:普通对象,数组对象 (Array),正则对象 (RegExp),日期对象 (Date),数学函数 (Math 函数 function真实项目中,根据需求,我们往往需要把数据类型之间进行转换...原创 2019-02-22 15:24:18 · 508 阅读 · 0 评论 -
JavaScript 之 ArrayBuffer
JS里的ArrayBuffer还记得某个晚上在做 canvas 像素级操作,发现存储像素的数据格式并不是Array类型,而是ArrayBuffer,心想这是什么鬼?后来查了一些资料,发现自己这半年来的JS是白学了,竟然才知道还有这么个东东。首先,这个 ArrayBuffer 类型化数组,类型化数组是JavaScript操作二进制数据的一个接口。最初为了满足JavaScript与显卡之间大量...转载 2018-12-17 17:26:34 · 537 阅读 · 0 评论 -
js之es6对象
Js中的对象和c++,Java中的不一样,在Js中是使用原型(prototype)来创建对象的实例。在es5中,Js的类操作都是通过原型的构造函数来实现的,继承通过原型链来实现。理解起来比较复杂。但是在es6中引入了class关键字用来创建类,这样的概念让用户理解起来就非常方便了,至于es5中的原型和原型链,后来有时间的话,我会再更新一篇对应的文章。本文主要介绍es6中的class,读者需要对 对...原创 2018-12-27 20:43:21 · 584 阅读 · 2 评论 -
js之String字符串操作
JavaScript的字符串就是用''或""括起来的字符表示。如果'本身也是一个字符,那就可以用""括起来,比如"I'm OK"包含的字符是I,',m,空格,O,K这6个字符。如果字符串内部既包含'又包含"怎么办?可以用转义字符\来标识。例如:'I\'m \"OK\"!';//输出:I'm "OK"!具体的转义的特殊字符如下图: 字符串也可以是对象。通常, JavaScr.原创 2018-12-26 19:18:43 · 1058 阅读 · 0 评论 -
js之数据类型
js中的数据类型主要分为以下几个:1,基本类型:数字(Number),字符串(String),布尔(boolean),null,undefined。Symbol(es6)2,引用类型:数组(Array),对象(Object),Set和Map(es6)其中Symbol,Set和Map是es6中新增的数据类型在本文后面会讲到,本文主要是讲述es6之前的数据类型。1,Underfined...原创 2018-12-26 18:20:27 · 268 阅读 · 0 评论 -
12个JavaScript技巧
在这篇文章中将给大家分享12个有关于JavaScript的小技巧。这些小技巧可能在你的实际工作中或许能帮助你解决一些问题。使用!!操作符转换布尔值有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值。为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单。对于变量可以使用!!variable做检测,只要变量的值为:0、null、" "、und...转载 2018-12-26 14:57:49 · 229 阅读 · 0 评论 -
js动态添加div
一:添加div样式.popDivTypeContent { width: 450px; height: 260px; background-color: #e3e4e9; display: block; position: absolute; margin: -100px 200px 200px 200px; z-index: 1; padding-left: 20px;}...原创 2018-12-08 17:11:34 · 4504 阅读 · 0 评论 -
Blob,FileReader全面解析
历史上,JavaScript无法处理二进制数据。如果一定要处理的话,只能使用charCodeAt()方法,一个个字节地从文字编码转成二进制数据,还有一种办法是将二进制数据转成Base64编码,再进行处理。这两种方法不仅速度慢,而且容易出错。ECMAScript 5引入了Blob对象,允许直接操作二进制数据。Blob对象是一个代表二进制数据的基本对象,在它的基础上,又衍生出一系列相关的API,用...转载 2018-11-20 16:31:38 · 1987 阅读 · 0 评论 -
js中的!和!!区别
js中!的用法是比较灵活的,它除了做逻辑运算常常会用!做类型判断,可以用!与对象来求得一个布尔值,(1)!可将变量转换成boolean类型,null、undefined和空字符串取反都为false,其余都为true。 !null=true !undefined=true !''=true !100=false !'abc'=false(2)!!常常用来做类型判断,在第一步!...转载 2018-06-22 11:17:42 · 724 阅读 · 0 评论 -
js加密常见的方法
HTML或JS加密解密 本文一共介绍了七种方法: 一:最简单的加密解密 二:转义字符"\"的妙用 三:使用Microsoft出品的脚本编码器Script Encoder来进行编码 (自创简单解码) 四:任意添加NUL空字符(十六进制00H) (自创) 五:无用内容混乱以及换行空格TAB大法 六:自写解密函数法 七:错误的利用 (...转载 2018-06-21 17:17:20 · 1088 阅读 · 0 评论 -
微信小游戏本地解析二维码
最近公司需要在为微信小游戏内解析一个二维码,从而获取二维码的数据来做相关处理,但是二维码处理方面,小游戏是不支持,为了开发只能自己来解决这个问题。解决方案有两种,第一种是将二维码上传到服务器,后台解析然后返回前台一个结果。第二种,就是在微信小游戏内部,加载(改写js)解析二维码插件,然后直接获取结果处理。当然为了方便而言我们选择了后者来处理。一:测试网页demo。 在进行二维码 解析的时候,...原创 2018-06-21 14:52:32 · 1978 阅读 · 0 评论 -
ajax三种传值方式
$.ajax({ ajax传值方式:1,url后面直接跟参数,2,headers:传值方式。3,body:传值方式,也就是data:{中间是json字符串/json对象} url: restApiServer+ 'user?name=' + name, 服务端取值:request.query.name原创 2017-09-25 16:28:53 · 18175 阅读 · 0 评论 -
nodejs之async,await
async的意思是异步 await的字面意思是等一下还是比较形象的,通常来说,作为ES7的语法标准,async一般修饰一个函数,说明这个函数是异步的。await一般是用来执行异步操作的,很多情况下它的后面会跟着Promise对象async和await提出的意义在于:用同步的方式处理异步!比如我最近在进行一个数据库操作。才开始,死活得不到数据,以前对于异步操作没当回事,这原创 2017-10-26 11:24:47 · 2376 阅读 · 1 评论 -
Promise对象详解
JavaScript的异步执行1.1 概述Javascript 语言的执行环境是“单线程”(single thread)。所谓“单线程”,就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务。这种模式的好处是实现起来比较简单,执行环境相对单纯;坏处是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行。常见的转载 2017-10-26 10:14:00 · 572 阅读 · 0 评论 -
js基础总结和对象实例
反正自己对js的印象一直就是,语法太随意,被现代人翻译过来就是简便和兼容性好,可以作为一个一直做后台的我,感觉学起来很尴尬,以前都有接触和写js,但是一直没有全面的去学习js,最近公司的项目都快结尾了,就系统的看下js吧。下面是我自己总结的最简单的js平时需要注意的地方,后期再写高级点的语法,前期还是走基础吧。1,js对大小写敏感2,js忽略空格3,js中对文本字符串使用反斜杠来进原创 2017-09-22 10:30:01 · 580 阅读 · 0 评论 -
js中的innerHtml和innerText
document 对象中有innerHTML和innerText 两个属性, 这两个属性都是获取document对象的文本内容的,这两个属性间有哪些区别呢?通过几个例子来看一下。示例1[html] view plain copyhtml> head>title>innerHTMLtitle>head> bo原创 2017-09-22 09:24:06 · 1307 阅读 · 0 评论 -
js定时器
js定时器分为两个方法:setInterval() :按照指定的周期(以毫秒计)来调用函数或计算表达式。方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。setTimeout() :在指定的毫秒数后调用函数或计算表达式。1,setInterval()语法:setInterval(code,millisec,lang) 参数:code:必需,要调用原创 2017-10-17 17:22:29 · 376 阅读 · 0 评论 -
js中使用cookie详解
JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的。而cookie是运行在客户端的,所以可以用JS来设置cookie.假设有这样一种情况,在某个用例流程中,由A页面跳至B页面,若在A页面中采用JS用变量temp保存了某一变量的值,在B页面的时候,同样需要使用JS来引用temp的变量值,对于JS中的全局变量或者静态变量的生命周原创 2017-09-29 16:00:34 · 612 阅读 · 0 评论 -
js的变量申明方式
在nodejs开发学习中,发现有let申明变量,故查询了下javascript的变量申明方式:var 申明方式;申明了一个要么是全局,要么是函数级的变量;这种是我们最常见也是最常用的。描述:1. 变量声明无论出现在代码的任何位置,都会在任何代码执行之前处理;2. 给一个非声明变量赋值会隐式创建一个全局变量(全局object的一个属性)3.转载 2017-09-27 17:15:18 · 381 阅读 · 0 评论 -
js进度条插件之spin使用方式
下载地址:点击打开链接直接出demo吧:这里面的spin.js是我下载的进度条插件,jquery-1.10.2.min.js是我方便使用而引用的jQuery插件。 js //opts 样式可从网站在线制作 var opts = { lines: 13, // 花瓣数目 leng原创 2017-09-27 16:55:18 · 1352 阅读 · 0 评论 -
JS window
最近在学习JS,可能文档里面的东西都是我从别处拷贝和总结过来的,希望原著不要介意啊,我只是学习完了后,喜欢自己留个笔记而已,在以后不会或者遇到同样的问题自己查阅方便而已。浏览器对象模型(BOM)是js能与浏览器对话。而且BOM目前尚无正式标准,由于现代浏览器几乎实现了js交互性方面的相同方法和属性,因此常被认为是BOM的方法和属性。1,JS Window1)Window对象,所有的原创 2017-09-23 15:25:47 · 549 阅读 · 0 评论 -
v8引擎详解
前言 JavaScript绝对是最火的编程语言之一,一直具有很大的用户群,随着在服务端的使用(NodeJs),更是爆发了极强的生命力。编程语言分为编译型语言和解释型语言两类,编译型语言在执行之前要先进行完全编译,而解释型语言一边编译一边执行,很明显解释型语言的执行速度是慢于编译型语言的,而JavaScript就是一种解释型脚本语言,支持动态类型、弱类型、基于原型的语言,内置支持类型。鉴于转载 2017-12-22 09:11:33 · 33257 阅读 · 3 评论 -
js中==与===的区别
为了减少概念混淆,应该把 =称作(得到或者赋值),==称作(相等),===称作(严格相等)相同点:它们两个运算符都允许任意类型的的操作数,如果操作数相等,返回true,否则返回false不同:== :(1)如果两个值类型相同,再进行三个等号(===)的比较 (2)如果两个值类型不同,也有可能相等,需根据以下规则进行类型转换在比较: 1)如果一个是null,一个是...原创 2017-12-22 10:19:04 · 274 阅读 · 0 评论 -
js匿名函数
一、函数的声明及调用1.函数的声明格式: function 函数名(参数1,参数2,.....){ //函数体代码 return 返回值; } 函数的调用: 1)直接调用:函数名(参数1的值,参数2的值,......); 文档注释: /* 文档注释:开头两个*,写在函数的上方,在调用函数的时候,可以看到文档中的描述信息。 */ 2)事件调用:在HTML标签中,使用事件名="函数名()...转载 2018-06-12 19:42:10 · 199 阅读 · 0 评论 -
js闭包
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){ ...转载 2018-06-12 17:54:00 · 167 阅读 · 0 评论 -
js常用的操作
1,页面传值:a.html<a href="articleDeatail.html?id=1></a>b.html中在页面预加载的函数中写,var id = window.location.href.split("=")[1]; 可获取传的值id$("#img_id").attr("src","new_src");2,获取下拉框的值<select i原创 2018-06-12 17:32:09 · 306 阅读 · 0 评论