
JAVASCRIPT
坐在那边看天空
爱玩爱动,喜欢篮球,NBA,程序设计
展开
-
js中编码函数:escape,encodeURI与encodeURIComponent详解
escape(), encodeURI()和encodeURIComponent()是在Javascript中用于编码字符串的三个常用的方法,而他们之间的异同却困扰了很多的Javascript初学者,这篇文章详细的给大家介绍了js中编码函数:escape,encodeURI与encodeURIComponent的相关资料,需要的朋友可以参考下。1、eacape(): 该方法不会对 ASCII 字母...转载 2018-05-29 11:26:34 · 725 阅读 · 0 评论 -
ES6:export default 和 export 区别
export default 和 export 区别:1.export与export default均可用于导出常量、函数、文件、模块等2.你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用3.在一个文件或模块中,export、import可以有多个,export default仅有一个4.通过export方式导出,在导入时要加...转载 2018-06-04 15:44:02 · 1247 阅读 · 0 评论 -
NodeJS 异步 async / await 方案
第一个例子Async/Await应该是目前最简单的异步方案了,首先来看个例子。这里我们要实现一个暂停功能,输入N毫秒,则停顿N毫秒后才继续往下执行。var sleep = function (time) { return new Promise(function (resolve, reject) { setTimeout(function () {转载 2017-09-12 17:12:48 · 10092 阅读 · 0 评论 -
Angular2 组件间通过@Input @Output通讯
父组件传给子组件:子组件设置@Input属性,父组件即可通过设置html属性给子组件传值。子组件: @Input() title:string; _name:string = ''; @Input() set name(name:string) { this._name=(name&&name.trim())||''; }上面的代码设置了两个可供父组件转载 2017-04-15 12:22:21 · 8148 阅读 · 0 评论 -
HTML中的5种空格表示
HTML提供了5种空格实体(space entity),它们拥有不同的宽度,非断行空格( )是常规空格的宽度,可运行于所有主流浏览器。其他几种空格( )在不同浏览器中宽度各异。 它叫不换行空格,全称No-Break Space,它是最常见和我们使用最多的空格,大多数的人可能只接触了 ,它是按下space键产生的空格。在HTML中,如果你用空格键产生此空格,空格是不会累转载 2017-07-07 11:25:35 · 105342 阅读 · 7 评论 -
JSON 字符串 单引号双引号 处理
字符串转JSON JSON.parse(str)JSON 转字符串JSON.stringifyhtml5的data-*属性需要存储JSON 数据,需要转化成JSON 字符串但是因为双引号的原因,导致字符串解析式格式错误。解决方法:用 encodeURI 编码字符串 存储,字符串中的双引号会转换成 类似 %22 的字符然后用deco原创 2017-07-20 10:01:56 · 15609 阅读 · 1 评论 -
HTML5中的数据集dataset和自定义属性data-*
在HTML5中可为所有元素添加一种自定义的属性,这种属性的前缀以data-开头,比如:data-name,目的是为元素提供与页面渲染无关,但与dom元素强相关的属性。添加完自定义属性后我们可以通过元素的dataset属性来访问其值。html结构:p data-name='pName' data-nick-name='dear pName' data-gender='fe转载 2017-06-23 15:18:18 · 2714 阅读 · 0 评论 -
当前网页关闭事件拦截onbeforeunload ,visibilitychange
window.onbeforeunload = function(){if(confirm("确定关闭页面?")){return true;}else{return false;}}visibilitychange:浏览器tab页面切换时执行。转载 2017-06-02 11:16:21 · 4420 阅读 · 0 评论 -
ES6 Promise 用法
一、认识promise对象 FIREFOX 控制台直接输入 Promise 我们看到 几个类方法:all race reject resolve 还有几个实例方法:then() catch() Promise() Promise是一个构造函数,自己身上有all、reject、resolve这几个眼熟的方法,原型上有then转载 2017-06-17 11:19:58 · 3182 阅读 · 2 评论 -
angular2 中使用第三方组件样式调整
组件是ANGULAR2的精髓,网上也有很多开源的组件,比如PRIMENG , 带有很多UI 组件。但是因为很多组件需要调整默认样式,根据官方的css 类加到组件中,很多时候会发现没有什么用。。。原因分析: 组件在呈现的时候还没有完全加载,但是组件中设定的CSS 编译后找不到应用组件。在ngAfterViewInit 中应用jquery 进行应用设置n原创 2017-04-28 18:26:39 · 5314 阅读 · 6 评论 -
Angular2 AsyncPipe
今天我们来介绍一下 Angular 2 中 AsyncPipe (异步管道) ,使用 AsyncPipe 我们可以直接在模板中使用 Promise 和Observable 对象,而不用通过定义一个类的成员属性来存储返回的结果。AsyncPipe 订阅一个 Observable 或 Promise 对象,并返回它发出的最新值。 当发出新值时,异步管道会主动调用变化检测器的 markFor转载 2017-04-27 16:24:10 · 1233 阅读 · 0 评论 -
前端JSZIP库的使用
前端直接打包导出ZIP 文件 ,无需后台交互。"en"> "UTF-8"> "http://stuk.github.io/jszip/dist/jszip.js"> "text/javascript" src="http://stuk.github.io/jszip-utils/dist/jszip-utils.js"> if IE]>转载 2017-05-26 17:33:53 · 12608 阅读 · 1 评论 -
angular2中使用第三方js库
本文以jquery 为例第一种:有对应的声明文件的1、用命令安装jQuery的声明文件。(声明文件是为了ide完美智能提示)npm install -D @types/jquery2、引入jqueryimport * as $ from 'jquery';3\使用$('body').addClass('');第二种:没有声明文件,自定转载 2017-04-14 12:04:21 · 7177 阅读 · 1 评论 -
Js 数组——filter()、map()、some()、every()、forEach()、lastIndexOf()、indexOf()
filter(): 语法:var filteredArray = array.filter(callback[, thisObject]);参数说明:callback: 要对每个数组元素执行的回调函数。thisObject : 在执行回调函数时定义的this对象。//过滤掉小于 10 的数组元素转载 2017-02-20 14:40:38 · 347 阅读 · 0 评论