iteye_19023-CSDN博客

原创牛逼哄哄的Promise--实例讲解

Promise已经出现很久了，但鉴于很多初学者还不是很了解也经常有人问到这个，因此就想写一篇文章来讲解一下这方面的知识，本文会尽量用一些简单的实例来说明一些问题，也会尽量做到通俗易懂、简单明了。参考文档:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise一、什么...

2016-12-24 00:44:11 1162

收集的一些学习视频和学习资料分享给大家伙儿(java,前端,后台,linux等)

可能比较乱，大家可以自己根据情况挑着看地址：http://pan.baidu.com/share/home?uk=3376070270&view=share#category/type=0后面会持续更新的

2016-12-22 11:04:14 229

原创数据结构与算法-字典(js实现)

字典是一种以键 - 值对形式存储数据的数据结构,就像电话号码簿里的名字和电话号码一样。要找一个电话时,先找名字,名字找到了,紧挨着它的电话号码也就找到了。这里的键是指你用来查找的东西,值是查找得到的结果。 JavaScript 的 Object 类就是以字典的形式设计的。本文将使用 Object 类本身的特性,实现一个 Dictionary 类,让这种字典类型的对...

2016-12-01 09:48:53 354

原创数据结构与算法－循环链表(js实现)

循环链表和单向链表很相似，唯一的区别是，循环链表的尾节点是指向头节点的，例如下面这样的结构可以将其理解为一个环形结构，没有头没有尾，很适合做一些无限循环的东西，比如轮播图循环链表的代码实现我们只需要在单向链表的基础上稍加改造即可完成循环链表的实现(点击进入单向链表的实现详解) /************节点*************/ function...

2016-11-24 00:35:46 371

js原型链继承的几个细节问题

1.怎样实现只继承prototype先看下面的代码：function A(){ this.name="李可可"; this.age=21;}A.prototype.eat=function(){ console.log("I can eat") }function B(){}B.prototype=new A;//B继承了Avar cc=new B;...

2016-11-19 16:31:18 172

JS笔记(长期更新的js杂七杂八)

1.使用window.crypto.getRandomValues方法生成随机数组crypto.getRandomValues接受一个参数typedArray，typedArray的值可以是如下对象的实例：Int8Array，Uint8Array，Int16Array，Uint16Array，Int32Array，Uint32Array 例如要生成6个0~256的随机整数组成的...

2016-11-17 00:12:32 261

原创数据结构与算法－双向链表(js实现)

为什么需要双向链表　　对于单向链表来说，从链表的头节点遍历到尾节点很简单，但反过来,从后向前遍历则没那么简单。另外，删除节点时我们需要借助于findPrevious这样一个辅助方法来实现，显得很繁琐。(此文章是对上一篇文章的后续，点击此处进入上一篇文章)双向链表的实现　　首先Node类需要增加一个previous属性:function Node(element) { th...

2016-11-14 19:22:46 253

原创数据结构与算法－单向链表(js实现)

　　链表有单向链表、双向链表和循环链表，此篇文章只讲解单向链表，另外两种会在下一篇文章中补充，要真正理解和使用链表的话，建议三种链表结构都了解一下。　　平时我们使用最多的数据结构应该是数组，很多东西都可以用数组来轻松实现，但在某些编程语言中，数组的长度是预先设定好的，想要额外添加元素或者删除元素是一件比较困难的事。那么使用链表的话恰恰就解决了这些问题，对于链表来说删除或添加一个元素是非常方...

2016-11-12 23:40:11 377

原创数据结构与算法－队列篇(js实现)

　　队列是一种列表,不同的是队列只能在队尾插入元素,在队首删除元素。队列用于存储按顺序排列的数据,先进先出,这点和栈不一样,在栈中,最后入栈的元素反而被优先处理。可以将队列想象成在银行前排队的人群,排在最前面的人第一个办理业务,新来的人只能在后面排队,直到轮到他们为止。　　队列是一种先进先出(First-In-First-Out,FIFO)的数据结构。队列被用在很多地方,比如提交操作系统执...

2016-11-10 00:34:42 158

原创数据结构与算法－栈篇(js实现)

栈的特点：栈内的元素只能通过列表的一端访问,这一端称为栈顶先入后出。任何不在栈顶的元素都无法访问，为了得到栈底的元素,必须先拿掉上面的元素现实生活中的栈：　　咖啡厅内的一摞盘子是现实世界中常见的栈的例子。只能从最上面取盘子,盘子洗净后,也只能摞在这一摞盘子的最上面。栈的主要方法和属性：入栈。push方法；出栈。pop方法；访问栈顶元素。peek方...

2016-11-07 23:38:30 129

js将伪数组转换为标准数组的多种方法

在js中，数组是特殊的对象，凡是对象有的性质，数组都有，数组表示有序数据的集合，而对象表示无序数据的集合。那伪数组是什么呢，当然它也是对象，伪数组一般具有以下特点：按索引方式存储数据；具有length属性；没有数组的push、shift、pop等方法;function的arguments对象，还有getElementsByTagName、ele.childNodes等返...

2016-11-07 22:00:51 322

原创 web性能优化_(转载文)

转载自：http://www.cnblogs.com/50614090/archive/2011/08/19/2145620.html第一章打开网站慢现状分　　在公司访问部署在IDC机房的VIP网站时会感觉很慢。是什么原因造成的？为了缩短页面的响应时间，改进我们的用户体验，我们需要知道用户的时间花在等待什么东西上。可以跟踪一下我们的登录页面，如下图所示...

2016-11-05 09:54:46 76

web中实现动画的5种方式及实例

1.css3的transition;实例：鼠标移入时盒子宽度逐渐变大为300px <style> div{width:100px;height:100px;background:blue;transition:width 2s;-moz-transition:width 2s; /* Firefox 4 */-webkit-transit...

2016-11-04 22:16:38 2309

js数据类型检测的4种方法

1.typeof缺点:对null和Array等类型的检测不是很方便typeof null; //"object"typeof []; //"object"2.instanceof缺点:1.只适用于对象类型 2.只要当前的这个类在实例的原型链上,检测出来的结果都是true123 instanceof Number; //falsenull insta...

2016-10-26 20:37:35 191

原创 js快速求出连续数字之和为指定数字的所有情况

题目：　　要求写出这样一个函数，给定一个大于2的数字r，经过此函数处理之后能够输出所有连续数字和为r的情况。例如，给定数字15，则最终输出三个组合：[7,8]，[4,5,6]，[1,2,3,4,5];先给出我写的代码吧，后面再给出分析： function add(r) { var resArr = []; //结果数组，存放连续数字的起始数字和结尾数字...

2016-10-20 11:30:16 802

js函数声明转换为函数表达式的另外一种方法

我们知道，在js中将函数声明表达式转换为函数表达式，只需要在函数声明前面加上 +,-,=,~ 或 ! 等运算符或者()抱起来就行了。另外，也可以用void操作符进行转换，举个简单的例子：void function(){console.log(1)}(); //1void function(g){console.log(g)}(this); //windowvoid在项目开发...

2016-10-18 20:43:15 455

原创 javaScript设计模式之代理模式实例解读

维基百科对代理模式的解释是：代理模式（英语：Proxy Pattern）是程式設計中的一種設計模式。所謂的代理者是指一個類別可以作為其它東西的介面。代理者可以作任何東西的介面：網路連接、記憶體中的大物件、檔案或其它昂貴或無法複製的資源。著名的代理模式例子為參照計數（英语：reference counting）指標物件。當一個複雜物件的多份副本須存在時，代理模式可以結合享元模式以...

2016-10-06 11:32:08 98

使用gulp进行ES6的转码

ECMAScript 6.0（简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。作为新一代有理想有追求的程序员，这样的一个好东西我们当然不能放过。但是ES6的兼容问题让大家很是头疼，还好有ES6转码器这样一个东西可以使我们摆脱这样的困扰，那么作为一名gulp的忠实粉丝，我们该如何简便快速实现ES6向ES5的转码呢：1.首先我们需要下载gulp-babel...

2016-09-28 01:15:18 339

原创 js空心图形快速画法

/*空心直角三角形*/ for (var i = 0; i < 10; i++) { (i == 0 || i == 9) ? document.write(Array(i + 2).join("*&nbsp;") + "<br>") : document.write("*" + Array(i + 1).join("&nbsp;&a

2016-09-27 23:33:04 590

关于javascript的包装类型对象

先看这样一些测试代码，我们能从当中发现哪些问题：var str=”likeke”;str;//”likeke”str.length;//6str.age=22;str.age;//undefined; var mystr=new String(“likeke”);mystr;//String {0: "l", 1: "i", 2: "k", 3: "e", 4:...

2016-09-26 21:42:07 97

javascript数据类型比较的那些坑

1.严格等于“1.23”===1.23;//false 严格等于会先检查类型是否相等，再比较值 2.“＝＝”的隐式转换:将其它类型转换为数字:num-0,如果不能转换则转换为为NaN例如，new Object-0;//NaN“66”-0;//66“likeke”-0;//NaN其它类型转换为字符串num+””例如true+"";//”true”new Object+"";/...

2016-09-26 21:36:36 154

js小工具---本地图片转换为base64编码数据

主要使用到HTML5强大的FileReader对象(大家可以尝试使用canvas的toDataURL方法应该也是可以的)先看效果：选择图片：<input type="file" id="img"><br/><button id="start">开始转换</button><div>

2016-09-08 00:24:03 1579

原创 linux无密码连接远程服务器并简化连接

实现过程1.检查本地是否已创建公私钥对ls -al ~/.ssh 如果已经创建过，则会有id_rsa.pub 和id_rsa两个文件如下(只要有这两个文件就行)：2.如果公私钥对本地没有，则需要自行创建ssh-keygen -t rsa -C "[email protected]" 这里使用rsa加密方式，注释为我的个人邮箱，大家可以根据自己情况来设置3.将本地...

2016-08-26 10:17:01 227

部分浏览器不显示图片的可能原因--图片命名与浏览器广告过滤

这几天在做一个小项目的时候遇到了这样的问题：在index.html里面使用了一张图片如下(ad.png)：<div class="download"> <a id='softWareDownload' href="#"> <img src="images/ad.png" class="ad" /&am

2016-08-24 14:05:50 1064

原创 git每次都要输入用户名和密码的问题解决－使用ssh key和ssh-agent

本地使用git进行push远程操作时，每次都要输入密码，非常麻烦，我们可以用ssh密钥来进行验证，并将ssh密钥添加到ssh-agent，这样每次我们操作远程仓库时都不需要再输入用户名和密码了，是不是很爽呢? 详细步骤如下：１.检查本地有没有现成的可用的ssh key(我的本机已添加好ssh key)：ls -al ~/.ssh2.若没有可用的ssh key则需要手动添加：...

2016-08-17 23:15:19 2011

原创 linux使用crontab命令创建定时任务

Linux下的任务调度有系统任务调度和用户任务调度，系统任务调度的配置文件为/etc/crontab。用户任务调度的crontab 文件都被保存在 /var/spool/cron目录中。我们可以使用crontab命令来创建我们的定时任务(即用户任务调度)，例如我们每隔１分钟向/home/likeke/demo.txt文件中追加当前系统时间：1.使用crontab -e命令，出现如下文件...

2016-08-14 23:42:02 1221

js毫秒倒计时

刷新时间也不一定就是50毫秒最好，但是考虑到人的肉眼识别能力，刷新频率太快也没啥意义，另外，我们应该考虑到两种需求情况:1.现在距离将来某一时间还有多久;2.从过去某一时间到现在已经经历了多久。<div id="timeB"></div><script type="text/javascript"> function countDown(e...

2016-08-11 20:56:09 774

原创 JSONP跨域函数的手工实现

效果：当前文件地址为：http://127.0.0.1:8080/所请求的文件地址和参数为：http://127.0.0.1:3000/sendjsonp?name=likeke&age=18&cb=callback1470904676170直接上代码吧：index.html <!DOCTYPE html><html lan...

2016-08-11 16:57:50 110

css实现多行文字及图片垂直居中简单又实用的方法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #demo {

2016-07-19 23:35:40 410

原创 JS得到字符串中重复次数最多的项两种方法

第一种方法比较繁琐，第二种较为简单第一种：基本思路：１．先将字符串中重复的项归并，以对象形式得出重复的项名和重复的次数；２．根据每一项重复的次数排序，即得到了重复最多的项名和重复次数直接上代码：<script> var str = '85skkkhj22gdg541232286oe45854664445sada2fasa51233148dskf72...

2016-07-18 16:35:46 1598

原创 html文字右下角对齐

问题：怎样使得会计元素内的文字靠右下角对齐，类似于计算器的输入模式，依次将后面的内容向上顶。<style> #test{ height: 80px; width: 0; visibility: hidden; vertical-align: bottom; }</style><p style="width: 100p...

2016-05-15 22:16:53 8619 1

模拟ajax无刷新提交的4种方法

在web开发领域，自从有了ajax技术，使得数据的异步提交变得非常方便快捷；那么在没有ajax技术之前，我们该怎样实现ajax的无刷新效果呢。本文主要以"人物投票"的功能为例，来讲述如何轻松的模拟出无刷新效果。首先我们需要创建这么几个文件：index.html,负责前台的展示(包括人物的照片和一个投票的按钮);tp.php,负责接收数据，处理数据;count.txt,负...

2016-05-12 15:37:47 291

原创以最简单的思想用javascript实现杨辉三角

基本思想：利用杨辉三角的基本性质之一,每个数字等于上一行的左右两个数字之和。即第n+1行的第i个数等于第n行的第i-1个数和//第i个数之和，这也是组合数的性质之一。即 C(n+1,i)=C(n,i)+C(n,i-1)//为了使得函数能在后期的使用中更方便,使复用性更高,在Pascal函数中实现将杨辉三角的数据存放在数组中 function Pascal(n){ var preA...

2016-05-10 22:30:33 1370

只用一行代码求出最大公约数js版

此方法主要用到这样一个定理：a和b的公约数==b和a%b的公约数==a%b和b%(a%b)的公约数…………；另外要知道.a和0的公约数==a;普通版： //求最大公约数 function Mgn(num1,num2){ var temp=0; while(num2!=0){ //当num2==0时,最大公约数为num1 temp=num1%num2; ...

2016-05-09 21:40:47 316

原创 js如何利用二进制巧妙的产生随机的16进制颜色

"#"+(~~(Math.random()*(1<<24))).toString(16); 分析：首先Math.random()和toString()函数就不用多讲了，相信大家都懂的1<<24二进制中的位运算，将1左移24，也就相当于1乘以2的24次方，这不就是16进制颜色最大值吗(F转换为二进制为1111);~~这个又是什么东东呢，它是二进制里面的...

2016-05-09 14:20:07 856

原创 JavaScript的Date时间数据类型整理

本文主要整理了js的Date(日期)类型数据得一些用法,也算是对自己学习的一个总结。Date():返回当前时间的字符串（基于本地时区），不管传入什么参数，返回的只是一个单纯的字符串而已，并没有getDay()、getMonth()等方法Date();Date(666);Date('ppp');//Sun May 08 2016 14:35:59 GMT+0800 (中国...

2016-05-08 19:41:37 2049

原创 canvas旋转n角星

[img]http://dl2.iteye.com/upload/attachment/0117/2337/bcf6d6fc-35de-3b29-bbf2-255b4c040511.png[/img][code="javascript"] !function(id){ var canvas=document.getElementById(id); canvas.width=...

2016-05-07 17:25:04 80

原创 css3的图片3D旋转图片旋转木马

先看效果[img]http://dl2.iteye.com/upload/attachment/0117/4545/df3242d3-c5a4-3657-ad9f-84cc10d18598.jpg[/img][code="html"] 3d变换 #container { perspective: 16...

2016-05-07 15:17:30 640

原创 HTML5的FileReader实现本地图片预览

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body&

2016-05-07 14:40:11 134

原创 js实现分解质因数

2016-05-07 14:25:16 3594 1

空空如也

空空如也