- 博客(42)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 web前端深夜吐槽
web前端个人理解：好比如建一间房子，编写HTML就好比把墙和屋顶都建好了，使用CSS就如粉同刷墙，装瓷砖，挂灯，摆设新家具，javascript自然就是给灯装开关，给门装锁，给电视通电等，比较厉害的房子好像一个按钮点击就可以改变房子布局，这些开关得javascript来实现……在web的领域，对于两种开发模式，SPA相比传统的多页面开发，用户体验更好了。但是也带了许多问题，比如管理变量避免作
2015-09-20 00:39:42
1143
原创 手写小时间控件
一开始先上效果：说明：环境：移动端（android和iOS），业务场景：需要一个预期一个月内可选的时间范围控件本来想用现成的插件，但是一哥们最近刚刚面试，回来对我吐槽面试官问他一般遇到时间需求时自己写控件还是用别人的，他愣了五秒回了句用别人的。然后在我最近的项目有个时间需求，想了他愣的时间的五分之一后我决定熬夜写个自己定义的时间控件了。太困了，来不及介绍详情，先这样吧，go
2015-07-30 03:43:30
1357
1
原创 实现icon和文字垂直居中的两种方法－（vertical-align and line-height）
方法一：vertical-align在w3school定义：该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐百思不得骑姐然后Google，反正在w3schools上面并没有找到定义只能写代码测试而后个人理解，才作出如此解释》该属性作用的对象：行内元素（inline，inline-block也有行内属性） 其他table-cell 常用属性值：top mid
2015-07-23 01:44:02
18259
原创 javascript模拟类的最佳实践
1:如何模拟一个类在sencha touch2 系列里面定义一个类和new出这个类的对象Ext.define( "Animal", { config: { name: null }, constructor: function(config) { this.initConfig(config); }, speak: function() { cons
2015-07-10 04:34:29
1276
原创 mac使用git管理Github
工欲善其事，必先利其器。在OS X Yosemite 10.10.3安装最新版本Xcode，在terminal下可以发现git已经被安装。~ mesut$ git --versiongit version 2.3.2 (Apple Git-55)之前就已经注册并且使用Github了，不过一直都是在window 系统下远程管理。现在开始设置Mac管理Github，有一点需要
2015-07-06 17:48:55
1130
原创 如何在sublime text运行javascript
在Console模式下，浏览器不仅可以编辑也可以运行js。大部分场景下，我们都是在IDE编辑保存，然后在浏览器打开预览效果。在web前端的领域，sublime text成为了我编辑javascript的最爱，过往都是重复着上面的场景。今天在youtube上学到了一招，编辑和运行javascript于sublime text一身。准备材料：1:首先得安装好了sublime，我选择
2015-07-03 05:05:04
10612
原创 不折移动web不腾－－开启我的个人Mac之旅
背景，很久很久以前（听过）Linux，瞎玩 Mac mini，而今Linux下开发技能半身不遂，处于放任状态，明明就知道随着时间流逝会越陌生的东西越不想去抓住最后的余温，不知道这算不算放弃，反正拖延至极。直到有一天发现90后无论男女已经开始进入晚婚行列。国内：3000万的单身狗，每1000人就有一个千万富翁，每100人就有一个吸毒，嗯……跑题了。不能再瞎折腾，得学习，得规划，得把知识都条理
2015-06-25 03:01:28
2461
原创 CentOS 5.10 32位下安装配置redis
本来想整点游戏，但是工作一直在做hybrid。忙是一个借口，昨天白天是睡过去的，在连续奋战22个小时上线生产后，虽然又发现了新问题——越狱版苹果4s下拉刷新又有bug。但是也仅仅是发现了一台会出现这个问题，希望天亮能翻开这一页，毕竟新需求眼瞅又得开始编码了，预计12底上线的活动，这几天我一直都在关注大家的白头发。个人博客整了许久，express3加mongodb打造的，虽然上线了，但是很多
2014-12-10 01:54:37
1685
原创 Cocos2d-HTML5入门第三天
一个html5的新标签canvas，俩个js文件。打开第一个文件cocos2d/cocos2d-html5/CCBoot.js2千多行代码，粗略从头读到尾巴，发现里边无非就是定义了一个cc的命名空间，当做全局变量对象，这个cc对象加了很多方法和属性。代码一开始添加了一些常用的工具方法
2014-10-31 02:24:16
1737
原创 Cocos2d-HTML5搭载nodejs express3
Cocos2d-HTML5 入门第一天搭载了express3 服务器，Cocos2d-html5配置改了不少路径，改得有点乱。今天又重搭了一遍服务器，力求不动CCBoot.js源文件。
2014-10-31 00:40:53
2165
翻译 Cocos2d-JS全貌
Cocos2d-JS is Cocos2d-x engine's JavaScript version that includes Cocos2d-html5 and Cocos2d-x JavaScript Bindings. It equips your game with cross-browser and cross-platform abilities, accompanied by
2014-10-30 02:27:08
1655
原创 Cocos2d-HTML5入门第一天
由于canvas和游戏的相关书籍比较多，这段时间空余时间都在研究H5游戏，lufylegend，easeljs，这两个引擎研究相对多点，都是类A3的，之前的记录都没有写下来，怕以后想翻翻记录找不到了，有点后悔。今天接触了Cocos2d-html5,一来觉得不能重蹈覆辙，二来这引擎和c++还是有嫡亲关系的，姑且为弥补曾经的遗憾尽量去学习，故写下此篇文章。
2014-10-29 02:48:12
5332
1
原创 新手玩个人服务器（阿里云centos）-mongodb安装和启动
一首《爱你的宿命》和《后会无期》，昨晚张碧晨在中国好声音很稳定，晋级实至名归，虽然几天前我从微博就知道结局了。陈冰吼过了……今天看到草稿箱有篇没有完成的文章，在不怎么稳定的情绪继续完成，毕竟最爱小二班，后会无期，往往后会有期；但是后会有期，往往后会无期，珍惜身边爱你的人，这不是你的宿命，而是你的使命……附上mongo在 github地址: https://github.com/mongodb/mongo/tree/master/rpm
2014-09-27 02:51:15
3255
3
原创 一切皆对象之两个方法概括js，无函数签名（无多态），原型，闭包，封装，引用类型，继承……
Document var num = [88, 1151, 1]; (function() { /** * 对于n1,n2,n3；如果其中任意两个分别乘以[1, 100]范围内的任意两个整数x,y的和加2或者减2等于 * 另外第三个数，找出x和y. * @type {Number} */
2014-09-13 02:51:01
1932
转载 Thin框架的应用（一） 单机双人对战象棋程序
使用JavaScript创建模块化的双人对战象棋程序1. 关于这篇文章2004年，我花两天时间，用JavaScript和VML创建了一个单机双人象棋，并且作了简短的分析。在那个时代，没有AngularJS，没有BackBone，没有所有这些前端MV*框架。甚至没有jQuery，没有prototype，没有mootools，因此没有什么可借鉴的模块划分方式。我只好用很原始的办法，做了
2014-09-01 15:12:08
1068
转载 从零开始编写自己的JavaScript框架（二）
2. 数据绑定2.1 数据绑定的原理数据绑定是一种很便捷的特性，一些RIA框架带有双向绑定功能，比如Flex和Silverlight，当某个数据发生变更时，所绑定的界面元素也发生变更，当界面元素的值发生变化时，数据也跟着变化，这种功能在处理表单数据的填充和收集时，是非常有用的。在HTML中，原生是没有这样的功能的，但有些框架做到了，它们是怎么做到的呢？我们来做个简单的试试，
2014-09-01 15:05:56
600
转载 从零开始编写自己的JavaScript框架（一）
1. 模块的定义和加载1.1 模块的定义一个框架想要能支撑较大的应用，首先要考虑怎么做模块化。有了内核和模块加载系统，外围的模块就可以一个一个增加。不同的JavaScript框架，实现模块化方式各有不同，我们来选择一种比较优雅的方式作个讲解。先问个问题：我们做模块系统的目的是什么？如果觉得这个问题难以回答，可以从反面来考虑：假如不做模块系统，有什么样的坏处？我们经历
2014-09-01 14:45:36
1025
转载 软件的模块化开发
什么是模块化模块化这个词最早出现在研究工程设计中的《Design Rules》，这本探路性质的书中。其后模块化原则还只是作为计算机科学的理论，尚不是工程实践。此时硬件的模块化一直是工程技术的基石之一。如标准螺纹、汽车组件、计算机硬件组件等。软件模块化的原则也是随着软件的复杂性诞生的。从开始的机器码、子程序划分、库、框架、再到分布在成千上万公里的互联网上主机上的程序库。模块化是解决软
2014-09-01 14:37:16
1108
原创 新手玩个人服务器（阿里云）续二
小二班一番厮杀：那英四强诞生：大家闺秀，小家碧玉，窈窕淑女，妍姿俊俏 。不解释！？不行！陈冰，李嘉格，刘明湘，张碧晨。大多数的时候，只要脸好看，一切都那么自热而然的顺理成章。虽然网上骂声四起，黑压压一片，总有那么一片不满。忆往昔，快女十强美女寥寥无几，众人云云，不也发出过中性一片，大扫雅兴。迎合往往活的心力憔悴，从第一届的梁博，张玮，多亮，张赫宣。次奥，我居然还记得，红果果四个汉子，只能佐证那
2014-08-30 03:35:20
1268
1
原创 新手玩个人服务器（阿里云）
1：阿里云如火如荼的0元活动，其实一开始我只是去直播吧看阿森纳vs贝西克塔斯，姑且算是一种乱入，url这种神奇的东西应该是万维网的最真实的写照。当然那是上周第一会回合的事了，可是故事却如此的相似，而且时间点都那么的似曾踏过，带着对恒大止步亚冠八强的怨念和昨晚网络故障的怨念我行走在深夜中。从申请到收到阿里云短信，这间奏不过两天。作为资深屌丝，选了最低配置，好奇之余带上了一块数据盘，做个个
2014-08-28 03:29:43
2122
原创 sencha touch2.3.1入门学习(4)
本文是学习记事本项目完成所有代码的完结篇在之前3的基础上，本文实现添加删除功能点击home回到NoteList视图修改列表视图来实现日记按日期分组效果图：然后添加时间分栏1：项目文件结构1：index.html wifiApp
2014-03-06 02:56:08
1613
原创 sencha touch2.3.1入门学习(3)
在上一篇的基础上实现数据的动态增加；效果：1：文件目录结构2：index.html wifiApp 3:app.js/** * Created by Chongshi Tan on 14-3-4. */Ext.application( {
2014-03-06 01:58:26
1561
1
原创 sencha touch2.3.1入门学习(2)
在上篇基础上继续学习：1:文件项目架构：2:index.html wifiApp 3:app.js/** * Created by Chongshi Tan on 14-3-4. */Ext.application( { name: 'WifiApp', control
2014-03-04 18:09:34
1518
原创 sencha touch2.3.1入门学习(1)
1:到官网下载http://www.sencha.com/products/touch/download/,我下载最新版本2.3.1a;二：建立文件夹目录结构如下其他文件夹自行建立，touch-2.3是第一步官网下载解压而来。三：编写代码：1:index.html wifiApp 2:app.j
2014-03-04 15:11:26
1658
2
原创 JavaWeb项目jquery ajax跨域请求node.js渲染highcharts
$(function () { $.ajax({ url : 'http://192.168.1.58:3000/china?datatime='+new Date().getTime(), beforeSend: function(){ $("#ozil-tab-wl").append(''); }, dataType : "jsonp",
2014-01-23 10:32:33
2320
原创 struts页面跳转和局部刷新配置的五种方式
1:ajax json配置：structs.xml dataMap LoginAction.java dataMap.put("user", user); dataMap.put("success", true); return SUCCESS;这个是页面局部刷新，这个标签是设置参数的，对于java程序来说，
2014-01-21 14:27:22
4857
转载 Ext源码分析：Ext.onReady到底做了什么
首先，我们来看下面的代码片段1.Crab = {};2.Crab.util = {};//把Namespace模拟出来3.4.Crab.EventManager = function(){//仔细看看这个单例模式，以后调用Crab.EventManager其实得到的就是pub对象5. var pub = {6. onDocumentReady : function
2013-06-30 02:36:48
737
原创 基于jquery插件开发入门教程
鉴于最近要使用大量的jquery,所以总有一种捣鼓文字来抒发一下情绪的冲动。 思前想后就来篇jquery插件开发入门教程吧，毕竟如果不想开发插件，那自己无论用别人的插件多牛逼，最多只是js的使用者，作为程序员也不能算是js的开发者~ 我也是看别人的东西，实现自己的例子来展示。尚不考虑这会成为自己的东西，因为jquery都是老外开发的，我也是看他们的例子，然后反三用而已，并且能巩固我的之
2013-06-24 02:40:30
1124
转载 解决jQuery和其它库的冲突
解决jQuery和其它库的冲突在jQuery库中，几乎所有的插件都被限制在它的命名空间里。全局的对象都很好地存储在jQuery命名空间里，因此当把jQuery和其它javascript类库一起使用时，不会引起冲突.(注意：默认情况下，jQuery用$作为自身的缩写而以）如果jQuery类库和别的类库冲突的话，可以使用jQuerynoConflict()函数来将变量$的控制权移交出给其它的j
2013-06-23 02:11:37
774
转载 实现背景图自适应效果的jQuery插件
ackstretch 是一款实现动态调整大小的背景图效果的 jQuery 插件，当窗口调整大小的时候，背景图会自适应缩 。插件本身提供了三种实例：一：简单背景自适应窗体大小二：占击切换背景三：自动切换背景作者在此基础上再独创一种效果。每次载入页面都随机载入背景图，代码如下：?12345678scriptsr
2013-06-17 01:54:19
1009
转载 img底部总是有空白
最近在做项目时，使用table，div，css布局，最顶部加入img（图片）后，底部总是有空白经过查找了大量资料，问题总算是解决了。 网上朋友说是在进行页面的DIV+CSS排版时，遇到IE6（当然有时Firefox下也会偶遇）浏览器中的图片元素img下出现多余空白的问题绝对是常见的对于该问题的解决方法也是“见机行事”，根据原因的不同要用不同的解决方法，这里把解决直接把解决img图片
2013-06-17 01:27:25
1091
转载 JS--命名空间的理解（namespace）
原文：http://dev.firnow.com/course/3_program/java/javashl/20081128/152797.html 引入命名空间之前，一个令开发人员头疼的问题就是如何防止函数名/类名和其他人的冲突，在一个公司内部项目组之间可以通过命名预定（比如加前缀等）解决这个问题，但是把视线放到整个软件开发领域，在当今协作开发相当盛行的时代，这个问题却依然存
2013-06-16 05:41:14
1430
原创 表单上传的两种验证方式，笨方法和懒方法
sy.ns('member.mispay'); member.mispay.i = 0; member.mispay.i2 = 0; member.mispay.userId = null;//保存皈依号$(function() { member.mispay.searchForm = $('#member_mispay_searchForm').form(); mem
2013-06-14 17:24:14
1152
转载 jquery的extend和fn.extend
jQuery为开发插件提拱了两个方法，分别是： jQuery.fn.extend(object);jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。jQuery.fn.extend(object);给jQuery对象添加方法。 fn 是什么
2013-06-14 04:09:30
512
原创 无界面更新上传头像（jsp+iframe版）
由于项目有一个身份证验证的注册界面，所以要上传图片。但在注册界面填写完信息后，用户选择本地图片上传预览，要实现不更新界面显示。所以开始最先想到的是用js获取本地文件的路径然后显示，无奈js标准考虑到用户文件的安全，不提供接口。其实这样最好，至少保证了用户的隐私。不严格来说，其实是有接口的，早前的ie6有接口直接获取用户本地文件的路径，但是ie9以后我没找到。谷歌最新版好像也不提供，别的浏览器也有各
2013-05-15 03:52:27
1552
原创 正态分布随机数生成法（java版）
要编程得到服从均匀分布的伪随机数是容易的。C语言、Java语言等都提供了相应的函数。但是要想生成服从正态分布的随机数就没那么容易了。 得到服从正态分布的随机数的基本思想是先得到服从均匀分布的随机数，再将服从均匀分布的随机数转变为服从正态分布。接下来就先分析三个从均匀分布到正态分布转变的方法。然后编程实现其中的两个方法并对程序实现运作的效果进行统计分析。1、 方法分析
2013-05-13 00:34:21
17452
5
原创 不调用API,自编写算法生成随机数(java版)
先上图吧！要不图片这东西会被埋没的……这是执行后的结果：三次测试别图~不割2333333333333333333333333333333不割不割2333333333333333333333333333333不割
2013-05-11 02:09:21
1657
原创 注册界面生日（日期）js
jQuery.noConflict(); jQuery(function ($) { var $birthYear = $('.gbiaps_birthday_year'); var year = new Date().getFullYear(); $('' + (year) + '').appendTo($b
2013-05-10 15:11:24
2567
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人