- 博客(92)
- 收藏
- 关注
RSS订阅原创 React+Nodejs+Socket+Webpack版你画我猜
React版我画你猜之前有看到过一个Vue版本的 我画你猜 然后用 React 也做了一个。技术栈：React + Nodejs + Socket.io + Webpack + Less先上传送门Github，你要是敢给我Star!!!我就敢接受!!有啥问题可以在下面留言或者github issue一起进步主要注意下面几点：1.Socket.io在express中的问题具体可以参考官方，Socket
2016-07-13 15:57:31
3011
原创 nodejs之Express + Passport实现登陆认证
Express + Passport实现登陆认证最近想做一个XX，需要用到 登录认证 权限管理 等等。然后就边学边写出了一个demo。之后会把要用到的这几块，全部写出来。记得给个star[坏笑]。Demo点这里通过 Passport 去实现登录模块，express-flash 实现页面通知。 里面写了很多的注释，有需要的同学可以看看Installationgit clone https://gi
2016-07-06 15:37:38
6047
原创 Mongodb忘记密码
Mongodb装在linux上，一次配置之后，很少再去看。突然有天需要做改动了，蛋疼的发现密码忘记了，后来查到解决方案也不麻烦。如下：//首先看一下mongo的配置文件在哪ps -aux|grep mongo//编辑conf文件//找到auth=true,将其注释掉vim /etc/mongod.conf//重启mongodb，使上面的改动生效service mongod restart
2016-07-04 11:21:11
7724
原创 nginx反向代理部署nodejs
node开发阶段，一般都会用http 模块启一个本地服务器，方便调试。 它大概是这样的：var http = require("http");var server = http.createServer();server.listen(8888);那么问题来了，我的应用都已经成型，该如何部署到vps上？总不能还用http://10.88.77.66:8888 来访问吧？是的文章的标题就是解决方
2016-05-13 10:21:21
10101
原创 js柯里化
今天一个不小心在书上又看到了函数柯里化 温故而知新，也顺便再记一笔。这里不介绍什么是柯里化函数。如果不懂的请自行Google。但是呢，我会从js设计模式这本书中，取一段柯里化代码片断，加上详细的注释。如果Google柯里化后，还是不懂的同学，可以读读这段注释 var currying = function(fn) { //这里保存每次的开销
2016-05-03 16:26:42
615
原创 js高阶函数
js高阶函数在介绍什么是高阶函数之前，先看一下高阶函数的两个特点，了解这两个特点了，也就知道什么是高阶函数了（是不是废话- -！）函数可以作为参数被传递函数可以作为返回值输出现在知道什么是高阶函数了吗？不知道也没问题，接着往下看。js中的函数显然满足高阶函数的条件，在实际开发中，无论是将函数当作参数 传递，还是让函数的执行结果返回另外一个函数，这两种情形都有很多应用场景。我们围绕这两个特点展
2016-05-03 10:40:25
1667
原创 nodejs利用nodemailer发送邮件
nodejs用nodemailer发送邮件安装nodemailernpm install nodemailer --saveapp.jsvar nodemailer = require('nodemailer');//配置邮件var transporter = nodemailer.createTransport('SMTP',{ host: "smtp.163.com", se
2016-04-15 10:26:00
6965
原创 redux+react+webpack+热加载+兼容IE8（持续更新）
redux+react+热加载+支持IE8动机项目需要支持到IE8，并且我是深度懒癌患者，于是选择了高置带有热加载 功能的（兼容了IE）环境。Github入口在下面。 花了大半天搭了一个redux+react+hot-middleware+supportIE8的环境。也分享给刚刚接触react的朋友。如果喜欢请点star，嘿嘿使用安装依赖 npm install运行 npm star
2016-03-09 17:18:10
22029
9
转载 Event
/** * @example * 1, var a = new Event(); * a.on('login', function(data){}); * a.trigger('login').trigger('login', {}); * a.off('login'); * 2, var b = new Event(),c
2016-03-01 11:08:19
385
原创 angularjs ng-repeat
angularjs笔记之ng-repeatng-repeat它本身是个控制指令外，它还提供了下面4个变量 -$index 当前索引元素 -$first 头元素 -$middle 非头非尾元素 -$last 尾元素 <div ng-controller="someController"> <a ng-repeat="item in items">index->{{ $index }}
2015-12-25 10:06:09
445
原创 angularjs+requirejs按需加载
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2015-12-17 10:11:35
3319
2
转载 javascript addEventListener和attachEvent 事件绑定
对于IE的attachEvent方法可能大家都比较熟，现在说说FireFox的addEventListener的用法。addEventListener的参数一共有三个，语法为：element.addEventListener(type,listener,useCapture)下面是详解其中element是要绑定函数的对象。type是事件名称，要注意的是"onclic
2012-06-12 15:39:59
1376
1
转载 javascript apply and call方法的区别
ref：http://www.popo4j.com/article/the-differences-of-apply-and-call.html 如果没接触过动态语言,以编译型语言的思维方式去理解javaScript将会有种神奇而怪异的感觉,因为意识上往往不可能的事偏偏就发生了,甚至觉得不可理喻.如果在学JavaScript这自由而变幻无穷的语言过程中遇到这种感觉,那么就从现在形始,请放
2012-06-12 12:53:55
662
转载 querySelector & querySelectorAll --- 像CSS一样选择DOM
在 传统的 JavaScript 开发中，查找 DOM 往往是开发人员遇到的第一个头疼的问题，原生的 JavaScript 所提供的 DOM 选择方 法并不多，仅仅局限于通过 tag, name, id 等方式来查找，这显然是远远不够的，如果想要进行更为精确的选择不得不使用看起来非常繁琐的正则 表达式，或者使用某个库。事实上，现在所有的浏览器厂商都提供了 querySelector 和 query
2012-06-11 16:43:45
604
转载 javascript操作select
前端的朋友可能会经常碰到js操作表单的*,那么我们今天先来演示select的操作.一、基础理解：var e = document.getElementByIdx_x("selectId");e.options = new Option("文本", "值"); //创建一个option对象，即在标签中创建一个或多个文本。options是一个数组，里面可存放多个文本标
2012-06-11 14:05:41
1071
转载 Javascript 高效率http页面优化法则之DOM操作
1. 批量增加Dom尽量使用修改innerHTML的方式而不是用appendChild的方式; 因为使用innerHTML开销更小,速度更快,同时也更加内存安全.有一点需要注意的是,用innerHTML方式添加时,一定不要在循环中使用 innerHTML += 的方式添加,这样反而会使速度减慢; 而是应该中间用array缓存起来,循环结束后调用 xx.innerHTML
2012-06-11 11:40:33
1433
原创 Ajax实例及原理
$.ajax({type: "get",url: "http://www.cnblogs.com/rss",beforeSend: function(XMLHttpRequest){//ShowLoading();},success: function(data, textStatus){$(".ajax.ajaxResult").html("");$("item",d
2012-06-07 15:17:49
699
转载 Javascript匿名函数
<!--* {background:black; font-size:14px}-->Javascript的匿名函数一、什么是匿名函数？在Javascript定义一个函数一般有如下三种方式：函数关键字(function)语句：function fnMethodName(x){alert(x);}函数字面量(Func
2012-06-06 13:25:48
666
原创 腾讯WEB前端面试题
有一组数字，从1到n，从中减少了3个数，顺序也被打乱，放在一个n-3的数组里请找出丢失的数字，最好能有程序，最好算法比较快假设n=10000- ->我这里是算法的一种。只是mark一下。传送门// 生成命题数组 function supplyRandomArray(){ var arr = [], n = 100;
2012-06-04 15:16:09
6475
5
转载 javascript中的观察者模式实现
比如有这样一个场景,一款游戏玩家在等级1~10之间可以领取3000点经验,等级11级以上可以领取2000点经验.我们可以用观察者模式来实现这个需求.这里玩家就是一个观察者,或者说是一个订阅者,游戏系统就是一个被观察者,或者说一个发送者下面用代码来实现:// 经验系统var Experience = function(param) { this.n
2012-06-01 18:07:52
1104
1
转载 javascript脚本的性能优化
随着网络的发展，网速和机器速度的提高，越来越多的网站用到了丰富客户端技术。而现在Ajax则是最为流行的一种方式。JavaScript是一种解释型语言，所以能无法达到和C/Java之类的水平，限制了它能在客户端所做的事情， ...随着网络的发展，网速和机器速度的提高，越来越多的网站用到了丰富客户端技术。而现在Ajax则是最为流行的一种方式。JavaScript是一
2012-06-01 17:19:46
457
转载 javascript的本地操作
//取得机器名，登录域及登录用户名function getusername(){var WshNetwork = new ActiveXObject("WScript.Network");alert("Domain = " + WshNetwork.UserDomain);alert("Computer Name = " + WshNetwork.ComputerName);alert
2012-06-01 13:07:42
519
原创 谈谈CSS浏览器的兼容问题。集锦
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. CSS技巧 1.div的垂直居中问题 vertical-align:middle;
2012-05-30 11:31:53
491
转载 javascript 兼容写法(FF&IE)
兼容firefox和ie的javascript的一些写法最近我想让我们的CMS能在firefox中使用，于是以前所写的javascript代码就都需要考虑兼容问题了，无端增加了好多工作量。下面是兼容firefox和ie时需要注意的一些写法一，事件处理在ie中处理事件直接使用window.event对象即可，但在firefox中，是没有 window.event对象的，函数需要使用事
2012-05-29 15:13:07
1039
转载 javascript创建对象的几种方式
// 1. 工厂方法:能创建并返回特定类型对象的工厂函数(factory function).function createCar(sColor){var car = new Object(); // 或者 var car = new Object ;// 对象属性car.color = sColor ; // 对象方法car.showColor = function ()
2012-05-29 11:25:09
5718
原创 javascript根据class获取对象
jQuery根据class获取对象大家从所周知，灰常的方便。下面不多说/** clsName:给定类名* tagName：给定的HTML元素，如果为任意 tagName='*'* ClassElements：返回值*/function getElementsByClassName(clsName, tagName) { var ClassElements = [];
2012-05-22 10:10:18
9167
1
原创 scrollLeft,scrollWidth,clientWidth,offsetWidth,event用法及说明
我什么也不想说！自己看图吧document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区
2012-05-16 17:29:36
709
原创 CSS纯色半透明 支持IE6/IE7/IE8 FF CHROME OPERA SAFARI
background:rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/filter:Alpha(opacity=40);background:#e6b4ca;/*实现IE背景透明*/
2012-05-11 10:27:14
2229
转载 新窗口打开超链接的技巧
超链接跳转常用在友情链接中，或链接到其他网站，为了可以把你的访问者继续留在自己的主页而使用的一个技巧。现在我就要说说常用的几种跳转技巧：1.使用html标签的target属性：该方法恐怕是大家使用最多的方法，也是所有web工具所默认的。只需在链接a标签中加入属性target属性即可：如下www.ihiro.org在web标准流行的当代，也许大家已经发现，该方法不能通
2012-04-24 14:26:10
4352
转载 Plugins:开发人员必备的Firefox插件（个人在用）
昨晚在访问huaimao的博客，顺便帮他测试wopus的空间时，我给出的相应时间精确到了小数点后3位，他就奇怪地问我，怎么我给的时间那么精确呢，我便告诉他说我安装了YSlow插件，安装后会实时地在浏览器的右下角显示加载时间。也正是他这一问，才有了一篇文章，不为别的，只是分享我在用的火狐插件而已！以下都是我现在在用的插件：（排名不分先后）1. Web Developer这个的
2012-04-24 14:18:00
1303
原创 javascript无限循环滚动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> * { padding:0; margin:0;}
2012-04-24 14:02:02
1571
转载 IE双倍边距BUG 触发 解决方案
标准参考根据 W3C CSS2.1 规范中的描述，对于非替换的浮动元素，若 'margin-left' 或 'margin-right' 特性的计算值为 'auto'，则它们的实际使用值为 '0'。除此之外，'margin-left' 与 'margin-right' 特性的计算则采用其自身定义的规范。关于 'margin-left'、'margin-right' 以及 非替换的浮动元素宽度计算
2012-03-15 11:32:30
2547
原创 jQuery下获取浏览器、可视范围及其他的各种宽高
alert($(window).height()); //浏览器时下窗口可视区域高度alert($(document).height()); //浏览器时下窗口文档的高度alert($(document.body).height());//浏览器时下窗口文档body的高度alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度
2012-03-06 11:22:26
4384
转载 手机充电指南
总而言之，随意充电对锂离子电池没有任何坏处，而经常把电放光才是对电池的损害。下面是调研到的观点分享，供大家参考： 1. 锂电池无论用不用，”保质期”为3年，三年后衰减很快。还有一个就是full charge cycle，这个我不再多解释了，大约400-500次后衰减很快。就是看你先用到3年还是先充到次数。 2. 锂电池除了怕低电量，还怕的一点就是过热，尤其是充
2012-02-09 10:37:35
693
转载 Bookmarklet编写指南
前一段日子，我写了两个Bookmarklet----"短网址生成"和"短网址还原"。它们用起来很方便，除了我本人之外，其他朋友也在用。第一次发布Bookmarklet，就能有用户，我挺满意的。下面就是我整理的《Bookmarklet编写指南》，供自己和需要的朋友参考。====================================================Book
2012-01-30 13:43:29
475
转载 PHP遍历目录和文件
<?php function listFiles($path){ $result = array(); foreach(glob($path.'\\'."*") as $item){ $result[strtolower($item)] = $item; if(is_dir($item)){ $result += listFiles($item); } } return $res
2011-12-21 17:40:29
448
转载 PHP 文件上传
<?php$uptypes=array('image/jpg', //上传文件类型列表'image/jpeg','image/png','image/pjpeg','image/gif','image/bmp','image/x-png'); $max_file_size=5000000; //上传文件大小限制, 单位BYTE$destination_folder="upl
2011-11-17 00:32:46
666
翻译 Javascript 正确地引用表单和表单元素
所有的 html 表单都应该有一个 name 属性。对于 XHTML 文档来说，name 属性是不被要求的，但 Form 标签中应有相应有 id 属性，并必须用 document.getElementById() 来引用。使用像 document.forms[0] 这样的索引方法来引用表单，在几乎所有情况下，是一个糟糕的做法。有些浏览器把文档中使用 form 来命名的元素当作一个可用的 form
2011-11-09 23:40:03
1970
转载 JavaScript 创建类/对象的几种方式
在JS中，创建对象（Create Object）并不完全是我们时常说的创建类对象，JS中的对象强调的是一种复合类型，JS中创建对象及对对象的访问是极其灵活的。JS对象是一种复合类型，它允许你通过变量名存储和访问，换一种思路，对象是一个无序的属性集合，集合中的每一项都由名称和值组成（听起来是不是很像我们常听说的HASH表、字典、健/值对？），而其中的值类型可能是内置类型(如number,st
2011-11-08 00:19:49
512
转载 Javascript 冒泡排序
最基本的题目：一个数组，未知长度，按从小到大的顺序进行排列；现在用基本的冒泡排序方法进行排序！一种思路是先把大的往后排，数组呈逐步减少的状态，排序的过程为：i=0时,j=0,j8 3 6 1 -23 8 6 1 -23 6 8 1 -23 6 1 8 -23 6 1 -2 8i=1时,j=0,j3 6 1 -2 83
2011-11-03 00:09:33
1811
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人