2014年4月
[nodejs]npm国内npm安装nodejs modules终极解决方案
摘要： 此方案用于设置代理和修改镜像地址都不能解决问题使用1.npm root 确认node模块的根文件夹，全局要加-g。 osx同样是此命令,先清除缓存。npm cache clean C:\Users\Administrator>npm root -gC:\Users\Administrator\AppData\Roaming\npm\node_modules2.去npmjs.org找到对应模块如：https://www.npmjs.org/package/fis-plus3.打开该模块Repository地址： 如https://github.com/xiangshouding/fis-p 阅读全文
posted @ 2014-04-10 18:12 小玉西瓜 阅读(712) 评论(0) 推荐(0) 编辑
[nodejs]解决mysql和连接池(pool)自动断开问题
摘要： 最近在做一个个人项目，数据库尝试使用了mongodb、sqlite和mysql。分享一下关于mysql的连接池用法。项目部署于appfog，项目中我使用连接池链接数据库，本地测试一切正常。上线以后，经过几次请求两个数据接口总是报503。一直不明就里，今天经过一番排查终于顺利解决了。1.mysql 链接普通模式mysql的普通用法如下所示： var mysql = require('mysql'), env = { host : 'localhost', user : 'root', password :... 阅读全文
posted @ 2014-04-09 19:00 小玉西瓜 阅读(12857) 评论(0) 推荐(0) 编辑
2014年3月
[nodejs]国内npm安装nodejs modules失败的几个解决方案
摘要： 使用npm安装node模块时经常有卡住安装失败的情况，如图所示。原因在于npm服务器在美国，还有就是某强大的防火墙作用。这样的问题导致很多新手放弃使用node，几乎每天都有新手再问这个问题。现在分享一下解决这个问题的解决方案1.可以通过一劳永逸的方式修改代理地址2.更换npm源拼rp（谢谢供图的低胸）环境确认　1.确定一下你的npm config情况npm config ls　2.详解 1.npm默认源地址 2.用户配置文件所在地址 3.代理服务器 4.用户配置的源地址修改方案1.土鳖式修改npm用户配置文件.npmrc，路径在上图的2，如果没有就自贱一个。用纯文本编辑器打开编辑选一... 阅读全文
posted @ 2014-03-31 11:23 小玉西瓜 阅读(15038) 评论(8) 推荐(2) 编辑
2014年1月
[less]用webstorm自动编译less产出css和sourcemap
摘要： css产出sourcemap有什么用呢，可能大家要问这个问题了。请移步这里https://developers.google.com/chrome-developer-tools/docs/css-preprocessors?hl=zh-CN在chrome中我们通过sourcemap可以直接调试less源文件文件，这是一个非常强大的功能。下面由我为大家道来1.在chrome中开启dev工具，开启容许CSS source maps设置2.webstorm中只要创建了less扩展名的文件，就会有提示只要你同意就会创建一个firewatchers任务，但是这个默认的任务只能编译出css。我们需要对这 阅读全文
posted @ 2014-01-05 02:37 小玉西瓜 阅读(5155) 评论(0) 推荐(2) 编辑
2013年12月
[javascript] Promise API
摘要： promise模式可以极大的解决异步回调嵌套的问题。promise 接口已经被很多类库实现。如jquery中Deferred是promise的一个超集，jquery中很多核心组件都依赖与他如Animate和Ajax。可能有很多工程师都已经用的十分纯熟。现在浏览器已经对这个接口实现了原生支持。chrome32firefox24chromefirefox文档地址 阅读全文
posted @ 2013-12-27 14:43 小玉西瓜 阅读(331) 评论(0) 推荐(0) 编辑
[javascript]巧用sourcemap快速定位javascript中的问题
摘要： 大家都有过用-min.js开发的经历，但这样的脚本调试非常头疼。如果使用为压缩版的，上线前又要去压缩，sourcemap的出现完美解决了这一问题。即便是chrome提供了格式化代码但阅读压缩后的代码环视很吃力的。以angularjs为例，谈谈sourcemap的使用。我的文件夹结构如下：由于google经常被墙所以建议把angular.jsangular.min.jsangular.min.js.map都下载到本地。并且修改angular.min.js中sourcemap的配置，指向本地map文件。//# sourceMappingURL=angular.min.js.maphtml代码如下： 阅读全文
posted @ 2013-12-20 17:11 小玉西瓜 阅读(3662) 评论(1) 推荐(2) 编辑
Gruntjs提高生产力（四）
摘要： 思考： 1.grunt以工程为单位安装插件？ 如果有新工程就要重新安装插件或者把安装好的插件拷贝过去。这样很麻烦，解决方案是需要用grunt的项目统一放在grunt项目中。 2.每次需要针对项目编写gruntfile.js？ a.我们可以把文件夹，路径用变量代替。传入xx.json或者用命令行传参的方式。 还记得initConfig中的grunt.file.readJSON('package.json')这个方法么？我们可以写一个config.json,用这个方法读入就可以获取变量。　config.json如下　{ "concat": { "dis 阅读全文
posted @ 2013-12-17 10:49 小玉西瓜 阅读(286) 评论(1) 推荐(2) 编辑
Gruntjs提高生产力（三）
摘要： 以下例子来自真实项目，有所删减grunt-test project目录结构如下一我的目的：1.在src-dev目录中开发最终产出于src目录2.src-dev中的index目录相当于一个widget二准备工作完成这项工作我需要那些步骤才能做到呢。1.需要先准备好合并压缩好的css（common/reset.css+index/c.css）合并压缩放置与一个零时文件夹中待用。2.其次压缩index/j.js放置于零时文件夹中。3.再者把css、js、tpl（index/t.html）inline到layout（index.html）中三编写gruntfile开始编写gruntfile.js/gr 阅读全文
posted @ 2013-12-17 10:26 小玉西瓜 阅读(526) 评论(0) 推荐(3) 编辑
Gruntjs提高生产力（二）
摘要： 摆脱混乱的html文件中开发，拥有development与product模式是我们梦寐以求的。我买的需求是：1.产出一定格式的目录结构，以供日常开发使用，脚手架功能。2.在开发模式环境中我们按照文件类型不同分开开发，甚至html也分成小的区块widget化利于协作开发和维护，产出时合并成一个html，外联资源inline化。3.在编码过程中实时保存并自动刷新浏览器，可以查看结果。4.编码过程中进行代码检查，单元测试。5.产出环境我们把这些碎片文件按照逻辑顺序压缩合并打包到一起组合成html，减少请求和代码体积。6.上线后生成开发文档。grunt 有没有这样的能力呢，接下来我们一起探索。1.脚手 阅读全文
posted @ 2013-12-17 10:23 小玉西瓜 阅读(1239) 评论(3) 推荐(2) 编辑
Gruntjs提高生产力（一）
摘要： gruntjs是一个基于nodejs的自动化工具，只要熟悉nodejs或者又一定js经验就可以熟练应用。1. 安装a. 保证已安装了nodejs，并带有npmb.安装客户端命令行工具,grunt 主页都有详细步骤，注意的是安装命令行工具而不是服务器版本。npm install –g grunt-cli 安装完成后已经有了grunt，压缩css，js合并文件换需要grunt的插件，grunt只是一个平台，完成各种任务又对应的插件。Grunt的插件十分丰富目前又380个已帮助我们完成工作中的各种任务。c. grunt插件中名字中有contrib的为官方插件，其他的为第三方插件。2.进入工程目录.. 阅读全文
posted @ 2013-12-16 14:56 小玉西瓜 阅读(1361) 评论(2) 推荐(6) 编辑
2013年6月
[tool]webstorm 用firewatcher编译less
摘要： 首先安装lesssetting>fire watchers>添加 less流量页面就会编译出.css 阅读全文
posted @ 2013-06-07 15:10 小玉西瓜 阅读(684) 评论(0) 推荐(1) 编辑
2013年5月
[nodejs]q&a
摘要： nodejs学习中的总结，不定期更新1.node 静态资源目录为public，怎样添加其他目录app.use(express.static(path.join(__dirname, 'static')));app.use('/static',express.static(__dirname+'/public'));2.解决node 模块丢失npm link moduleName3.怎样配置less-middleware 中间件app.configure(function () {// Other configuration here... app 阅读全文
posted @ 2013-05-24 16:21 小玉西瓜 阅读(247) 评论(0) 推荐(0) 编辑
2013年4月
[db] mongodb 存取修改简单小实例
摘要： 1.生成100个条目var a = new Array(100);//有a.forEach， 不知道为什么不能使用 只能用for了for(var i = 0; i<a.length;i++) { db.test.insert({x:i})}//谁知道在mongo提供的js shell中怎么写代码换行 囧用db.test.find() 可以看到已经入库了 输入it命令可以翻页查看更多2.对数据中能被2求模的数据进行加1操作> var cursor = db.test.find();> cursor.forEach(function(m){ m.x%2 && (d 阅读全文
posted @ 2013-04-24 12:11 小玉西瓜 阅读(296) 评论(0) 推荐(0) 编辑
2013年3月
[javascript] 解决 iscroll 超链接打开问题
摘要： 在mobile上使用iscroll的话，默认启用touch事件绑定，由于touch事件非常灵敏。如果手指触摸到连接的话，滑动换没完成浏览器就会默认打开连接操作。这样就不能完成正常滚动。 iscroll的设计思想是在一个页面完成操作，没有新开标签打开页面的方式，那么既要用iscroll又要实现新页面打开的功能怎么办能？　time.qq.com的处理方式是，整个页面都没有使用a标签，完全用脚本操作界面的转换。　http://h5.m.sohu.com/ 的处理方式是使用了a 和href，href值是hash形式的也不会造成新页面打开　http://ipad.hao123.com/#index... 阅读全文
posted @ 2013-03-13 22:14 小玉西瓜 阅读(690) 评论(0) 推荐(0) 编辑
[moblie]safari 关闭上下文菜单和选区菜单
摘要： 开发single page app应用是长按页面出现的选区，如果滑动到另外一个界面会对操作造成影响。所以就需要处理为默认不显示。如果pc上可以用window.selection来处理选区，mobile safari可以用css处理，不出现选区。-webkit-user-select:​ none 手指长按连接的话会出现右键菜单，这个也是可以关闭的。-webkit-touch-callout’ 阅读全文
posted @ 2013-03-13 21:56 小玉西瓜 阅读(229) 评论(0) 推荐(0) 编辑
2012年11月
［javascript］ <完全开源，开心分享> HTML5 Canvas 在线图片处理《imageMagic》（single page app）开发详解［1］
摘要： web App基本信息先介绍一些基本信息，后面我会对架构设计进行剖析，敬请关注（不定期更新）。在线演示地址：http://www.sinreweb.com/im/源码github地址：https://github.com/Neverland/imageMagic 该项目是一个真正意义上的web 应用软件，为国内某大型互联网图库的在线编辑工具。项目的初衷为了使编辑日常处理图片的需求可以在浏览器中完成，避免小改动也使用笨重的ps。一方面ps的学习成本也很高，有一个简单使用的在浏览器中运行纪图像处理工具，降低新编辑的学习成本。 开发这个项目公司一方面也可以做技术储备，对新浏览器新技术有一定认知和.. 阅读全文
posted @ 2012-11-08 21:25 小玉西瓜 阅读(3225) 评论(2) 推荐(4) 编辑
2012年8月
[javascript] EcmaScript 6 spread
摘要： 最近小弟在实现一个Class方法时，为了保证在不用new关键字的情况下也能产生实力，又要传递参数。所以费了很大力气，但是代码还是不够优美。今晚终于找到答案，解决方案就是es6的 spread具体案例请见https://github.com/Neverland/Class/blob/master/script/class.jses6 官方对spred的解释是Replace an array or array-like actual parameter value with its elements as positional parametersLetnewcompose with athis- 阅读全文
posted @ 2012-08-07 01:30 小玉西瓜 阅读(324) 评论(1) 推荐(0) 编辑
2012年7月
[javavscript] 手把手教你用javascript开发MAC Dashboard应用
摘要： 大家也需对windows 8上可以用javascript开发Metro 界面的netive app有所了解。其实osx上也提供了类似的功能，OS X v10.4 Tiger发布时提供了一个Dashboard应用程序，用户可以自定义添加widget应用小程序。用户可以通过f4热键，方便的启用Dashboard。不得不说一下，Dashboard也是大名鼎鼎的canvas技术的发源地。 运行在Dashboard中的小程序，完全使用HTML，DOM，CSS，javaScript技术，因此可以说这些对前端工程师完全没有难度。APPLE也提供了开发IDE，Dashcode。 Part1 IDE简介... 阅读全文
posted @ 2012-07-07 19:15 小玉西瓜 阅读(3394) 评论(5) 推荐(3) 编辑
[javascript]简单 方便 易折腾的日历控件，纯javascript支持链式语法，核心代码只有5行
摘要： 又重复造了个轮子，重复造轮子当然要有优点要不就没有存在价值。使用简单，方便。只要5行代码就可生成年历。input date已经是一个原生控件opera和chrome已经支持，日历控件逻辑比较复杂，要做到尽善尽美也是不容易的，也是比较锻炼编码的，所以学习意义大于实际意义。而且这个控件也是多年心愿，最近有时间写写停停，终于坚持下来就拿来和大家分享了。传送门特点1.此日历插件特点在于简单易用，要保证功能实现最低要求一个参数。2.个性化配置有强大的自定义事件和多个个性化参数可选。3.采用原型继承，扩展派生非常方便。4.跨浏览器，保证可用性。5.采用表格做载体，无样式也可以正常使用功能。6.缓存，已生成 阅读全文
posted @ 2012-07-03 14:07 小玉西瓜 阅读(2931) 评论(5) 推荐(5) 编辑
2012年6月
[javascript] 很棒的时间线ui控件 （纯javascript，跨浏览器，有媲美flash的动画）
摘要： 传送门时间练利用两个时间之间的差别与整个时间轴的长度运算得来locateHandler = function () { var referTime = (that[that.length] - that[0]) / 86400000, i = 0, len = that.handler.length, temp = 0; for (; i < len;) { temp = ((that[i] - that[0]) / (referTime * 86400000)) * that.parent.offsetWidth; that.fx(that.handler[i], 'left& 阅读全文
posted @ 2012-06-27 12:02 小玉西瓜 阅读(9336) 评论(30) 推荐(18) 编辑