- 博客(34)
- 收藏
- 关注
RSS订阅转载 javascript --- > 抽象相等
字符串和数字之间的相等比较var a = 42;var b = "42";a === b; // falsea == b; // trueES5规范11.9.3.4-5定义如下:(1)如果Type(x)是数字,Type(y)是字符串,则返回 x == ToNumber(y) 的结果(2)如果Type(x)是字符串,Type(x)是数字,则返回 ToNumber(x) == y...
2019-05-31 16:23:44
131
转载 javascript --- > 判断只有1个为真
下面写一个用于判断只有一个为真的函数:function onlyOne(a,b,c){ return !!((a && !b && !c) || (!a && b && !c) || (!a && !b && c));}var a = true;var b = false...
2019-05-31 15:46:03
1272
转载 javascript --- > JSON字符串化
工具函数JSON.stringify()将JSON对象序列化为字符串时也用到了ToString.看下面的代码:console.log(JSON.stringify(42));console.log(JSON.stringify("42"));console.log(JSON.stringify(null));console.log(JSON.stringify(true));所有安...
2019-05-31 11:09:44
300
转载 javascript --- > polyfill中几个常用方法
ES6中,新增了许多有用的方法,下面分享几个ES6之前得版本写的polyfillNumber.EPSILON:// 机器精度,并判断2个数是否相等if(!Number.EPSILON){ Number.EPSILON = math.pow(2, -52);}function numberCloseEnoughToEqual(n1, n2) { return Math.a...
2019-05-30 22:07:32
523
转载 javascript --- > 使用对象关联简化整体设计
在某个场景中,我们有两个控制器对象:1.用来操作网页中的登录表单;2.用来与服务器进行通信.类设计模式// 把基础的函数定义在名为Controller的类中,然后派生两个子类LoginController和AuthController.// 父类function Controller() { this.errors = [];}Controller.prototype.sh...
2019-05-30 16:40:26
96
转载 javascript --- > 类、class、事件委托的编程风格
类风格:// 父类function Widget(width, height) { this.width = width || 50; this.height = height || 50; this.$elem = null;}Widget.prototype.render = function($where) { if(this.$elem) { ...
2019-05-30 15:10:56
183
原创 jquery --- > 监听input框失效
使用juery监听Input输入的变化,并且封装起来,如下:// html<input type="text" id=‘myinput1’ />// jsfunction formOnById(id){ let dom = '#' + id; $(dom).bind('input propertychange',()=>{ let i...
2019-05-30 11:13:21
1390
转载 javascript --- > 混入
显示混入:function mixin(sourceObj, targetObj){ for(var key in sourceObj){ // 遍历source中的所有属性 if(!(key in targetObj)) { // 找到targetz中没有的属性 targetObj[key] = sourceObj[key]; ...
2019-05-29 19:09:41
459
转载 javascript --- > 属性描述符
从ES5开始,所有的属性都具备了属性描述符var myObject = { a: 2};Object.getOwnPropertyDescriptor(myObject, "a");//{// value:2,// writable: true, // 可写// enumerable: true, // 可枚举// configurbl...
2019-05-29 16:42:29
201
转载 es6 --- > 模块
function foo(){ var something = 'cool'; var another = [1, 2, 3]; function doSomething() { console.log( something ); } function doAnother() { console.log...
2019-05-28 14:02:06
100
转载 javascript --- > 作用域和闭包
先来看下面的一段代码:function foo() { var a = 2; function bar () { console.log( a ); } return bar;}var baz = foo();baz(); // 2// 1.函数bar()的词法作用域可以访问foo()的内部作用域,// 2.在f...
2019-05-28 11:05:30
132
转载 javascript --- > 隐藏内部实现(最小暴露原则)
看下面的一个例子:function doSomething(a) { b = a + doSomethingElse( a * 2 ); console.log( b * 3 );}function doSomethingElse(a) { return a - 1;}var b;doSomething( 2 ) ; // 15上述代码中的d...
2019-05-28 09:27:42
417
转载 javascript --- > 异步工作流的动态排队技术
很多情况下,使用async.series和async.paralle存在一个明显的问题,即:1.其任务队列是静态的,在其调用前,一定要明确任务队列的数量,一旦明确了任务队列的数量,就不能改变.2.倘如要同时并发读取上千个文件,使用async.paralle明显不可能(各线程抢资源,根本不够用),使用async.series…(运行时间可想而知…)好在有一种async.queue方法:// ...
2019-05-27 20:24:54
130
转载 javascript --- > 异步函数的顺序进行
假设我们希望某一组异步函数能一次进行,在不使用的任何工具的情况下,可能会编写出类似下面的代码:funcs[0](function() { funcs[1](function() { funcs[2](onComplete); })});// 注:以上代码运行会出现的一些不方便:// 1.回调太深,不利于阅读..(100层嵌套...);// 2.不能使用循...
2019-05-27 17:32:48
118
转载 jquery --- > pip方法
我们先来看下面一个例子:var getPromise = $.get('/query');getPromise.done(function(data) { var postPromise = $.post('/search', data);});// ...无法在此处给postPromise方法附加处理器// 上面先使用get方法读取url为query的数据,在完成后,再使用p...
2019-05-27 10:59:03
482
转载 jquery --- > 使用when方法等待2个异步事件结束后执行某一个函数.
$.when(promise1, promise2).done(function(args1, args2){ console.log(args1 + args2);}// 上述代码,等待promise1和promise2执行完,打印出(promise1和promise2)使用的参数// 注:1.promise1和promise2是异步调用的函数,如ajax请求// 2....
2019-05-27 10:31:36
2349
原创 javascrpt --- > 使用jquery添加dom元素和Angular ng-repeat生成select性能比较
今天用两种方法实现了动态的给select添加option的功能.第一种是用jquery.// html <select id="drag-pointList"></select>// js$('#drag-pointList').children('option').remove(); // 清空之前的optionlet list = res.data.l...
2019-05-23 10:33:25
236
原创 javascript --- > 利用Sortable实现一个可视化公式编辑器
Sortable的依赖引入和简单使用参见:https://blog.csdn.net/piano9425/article/details/90437182先简单的介绍一下可视化公式编辑器的功能(样式没有调,毕竟每个人的需求都不一样):首先会有2个需要计算的(我称为操作数)A_XiangRaoZuWenSheng和AYKZQ_CS,以及两个操作符ADD(加法),TAVG(时间平均值)可以把需...
2019-05-23 08:21:28
1307
转载 javascript --- > Sortable一个拖拽的接口
最近项目里面要实现需要实现一个拖拽功能,自己实现很麻烦,就在网上找到了一个封装好的sortable函数,github(https://github.com/SortableJS/Sortable).首先是依赖的引入:(也可以自己下载源代码导入,方式很多呢)<body> <!-- Latest compiled and minified CSS --> <l...
2019-05-22 09:14:44
496
原创 angular --- > ngDialog关闭当前层
今天做项目,使用ngDialog 弹出了一层,并且在弹出层上又弹出了第二层.现在想点击确定按钮关闭第二层.使用以前的ngDialog.close()会关闭掉全部ngDialog.open方法弹出来的层.在网上查了一堆,找了好多,最后发现就一句话.$scope.closeThisDialog();注意,要在controller:中传递进来$scope才能使用该方法.否则会报错// 示例...
2019-05-20 14:19:51
1791
1
转载 操作系统 --- > 线程与进程的比较
如果说,在操作系统中引入进程的目的是为了使多个程序能并发执行,以提高资源利用率和系统吞吐量,那么在操作系统中再引入线程,则是为了减少程序在并发执行时所付出的时空开销,使OS(操作系统)具有更好的并发性…我们再回顾一下进程的两个基本属性:1.进程是一个可拥拥有资源的独立单位,一个进程要能独立运行,它必须拥有一定的资源(用于存放程序、数据的磁盘和内存地址空间,以及它在运行时所需要的I/O设备、已打...
2019-05-19 21:20:52
367
转载 操作系统 --- > 使用套接字进行网络通信
一个套接字就是一个通信标识类型的数据结构,包含了通信目的的地址、通信使用的端口号、通信网络的传输协议、进程所在的网络地址,以及针对客户或服务器程序提供的不同系统调用等,是进程通信和网络通信的基本构件。套接字是为客户/服务器模型而设计的,通常分为以下两类:1.基于文件类型:通信进程都运行在同一台机器的环境中,套接字是基于本地文件系统支持的,一个套接字关联到一个特殊的文件,通信双方通过对这个特殊文件...
2019-05-19 20:12:38
923
转载 操作系统 --- > 进程和管程的不同
1.进程定义的是私有数据结构PCB,管程定义的是公共数据结构,如消息队列等;2.进程是由顺序程序执行有关操作,而管程主要是进行同步操作和初始化操作;3.设置进程的目的在于实现系统的并发行,而管程的设置则是解决共享资源的互斥使用问题;4.进程通过调用管程中的过程对共享数据结构实行操作,该过程就如通常的子程序一样被调用,因而管程为被动工作方式,进程则为主动工作方式;5.进程之间能并发执行,而管...
2019-05-19 19:14:31
2335
转载 http --- > 用于HTTP调试的最小型Perl Web 服务器
下面的程序是个很有用户的诊断工具,可以用来调试与客户端和代理的交互情况.该程序 首先会等待HTTP连接,只有收到请求报文,就会将报文打印在屏幕上,然后等待用户输入一条响应报文,并将其回送给客户端.#! /usr/bin/perluse Socket;use Carp;use FileHandle;# (1) use prot 8080 by default, unless overr...
2019-05-09 15:12:25
458
转载 javascript --- > ES6模块与CommonJS模块的差异
CommonJS模块是运行时加载,ES6模块是编译时输出接口是因为CommonJS加载的是一个对象(module.exports属性),该对象只有在脚本运行结束时才会生成.而ES6模块不是对象,它的对外接口只是一种静态定义,在代码静态解析阶段就会生成.CommonJS模块输出的是一个值的复制，ES6模块输出的是值得引用// 也就是说,一旦输出一个值,模块内部的变化就影响不到这个值...
2019-05-08 10:10:53
319
转载 html5 --- > IDBDatabase创建对象存储和索引
代码如下:<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> CRUD操作 </title> <style type="text/css"> ...
2019-05-06 21:32:08
479
转载 html5 --- > 利用localStorage进行本地存储
首先做一个提交到本地存储的表单及一个用来显示本地localStorage信息的表格…代码如下:<h2> 本地存储用 </h2> 标题: <input id="title" name="title" type="text" size="60" style="margin-left:32px;margin-bottom:5px;"/> <br />...
2019-05-06 14:40:58
474
转载 javascript --- > 利用节点关系访问HTML元素
<input type="button" value="父节点" onclick="change(curTarget.parentNode);" /> <input type="button" value="第一个" onclick="change(curTarget.parentNode.firstChild.nextSibling);" /> ...
2019-05-06 09:14:32
148
转载 css3 --- > 使用媒体查询进行响应式布局
css3引入@media,可以根据设备特性进行不同的布局,本文展示的是根据不同屏幕的宽度进行不同的布局,代码如下:<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> 针...
2019-05-05 20:34:34
199
转载 html5 --- > 使用javascript脚本控制媒体播放
H5中的标签(<audio…/> 和 <video…/>)对于JS中的HTMLAudioElement对象和HTMLVideoElement对象对象有以下几个方法:play(): 播放pause(): 暂停播放load(): 重新装载音频、视频canPlayType(type): 判断该元素可播放type类型的音频、视频下面是一个简单的音乐播放器<tit...
2019-05-05 10:14:56
350
转载 javascript --- > 编程风格
字符串const a = 'foobar';const b = `foo${a}bar`; // 此处是反引号(tab键上)const c = 'foobar';解构赋值const [first, second] = arr;function getFullName({ firstName, lastName }) {}function processInput(inpu...
2019-05-04 16:07:12
103
原创 javascript --- > 使用语法糖class定义函数
本文讨论的是通过class声明的函数,有什么特点,或者说是指向了哪里.class A() {} // A是一个类// 要看class声明的函数指向哪里,只需将其[[Prototype]]属性打印到控制台,下面看看A和它的原型对象的指向// 注:[[Prototype]]属性通过__proto__访问console.log(A.__proto__);console.log(A.p...
2019-05-02 11:24:25
673
转载 javascrip --- > 构造函数的继承
两点需要注意的.第一是在构造函数声明时,会同时创建一个该构造函数的原型对象,而该原型对象是继承自Object的原型对象// 声明一个构造函数Rectenglefunction Rectangle(length, width) { this.length = length; this.width = width;}// 即:看见function 后面函数名是大写,一般认为...
2019-05-01 15:22:14
93
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人