Nolan's Blog

a PHP JS UI APP developer

【分享.业】程序员每天要做的事情

嘛… 翻出来09年刚开始干这行时候的博客…
已经没有什么可用的资源了, 但这一篇还不错.

1)程序员每天总结自己一天任务的完成情况
   最好的方式是写工作日志,把自己今天完成了什么事情,遇见了什么问题都记录下来,日后翻看好处多多。
   (咦…这个根本就没有坚持住啊…只不过定时写博客的习惯还是一直保留着…

2)考虑自己明天应该做的主要工作
   把明天要做的事情列出来,并按照优先级排列,第二天应该把自己效率最高的时间分配给最重要的工作。
   (现在早就没做了…不过很有道理, 开始做…

3)考虑自己一天工作中失误的地方,并想出避免下一次再犯的方法
   出错不要紧,最重要的是不要重复犯相同的错误,那是愚蠢。
   (嘛,这个已经养成习惯了,错误也好,问题也好,一定会想办法找出根源记录下来..

4)考虑自己一天工作完成的质量和效率能否还能提高
   一天只提高1%,365天你的效率就能提高多少倍你知道吗? (1+0.01)^365 = 37 倍。
   (效率肯定比那时候好很多啦, 就是再提升还有没有空间呢…

5)看一个有用的新闻网站或读一张有用的报纸,了解业界动态
   闭门造车是不行的,了解一下别人都在做什么,对自己能带来很多启示。
   (这个最近资讯看的有点多, 要适当取精华了…

6)记住一位同事的名字及其特点
   你认识公司的所有同事吗?你了解他们吗?
   (这个还可以吧…

7)清理自己的代码
   今天完成的代码,把中间的调试信息,测试代码清理掉,按照编码风格整理好,注释都写好了吗?
   (哈,做得很好,给自己一个赞 GJ

8)清理自己的桌面
   当日事当日毕,保持清洁干劲的桌面才能让你工作时不分心,程序员特别要把电脑的桌面清理干净。
   (我的桌面一直很干净哦~~

身为程序员的你我,是否从中读到些什么那?

继续阅读》

,

CSS 解决常规布局clear:both的作用溢出问题

今天晚上同事发来段html5的布局,用的是老方法的左float右block的组合.简单如下


< !DOCTYPE html>
<html>
<head>
	<title>Demo</title>
</head>
<body>
	<nav style="float:left; width:200px;">Nav</nav>
	<div style="margin-left:210px;">Content</div>
</body>

嘛..到这里基本还没啥问题…
然后问题就来了, 当他在div里增加内容后(包含了float样式的), 然后尝试用clear在内部清除float.
悲剧发生了… 清除后的效果是这样…

clear_both_1

内部 Content 的 clear:both 属性将外面的 nav 的 float 一起清除了…
咦…闻所未闻啊…做过无数的站点都没出现过这种情况呀?!
嘛,之前wp的后台也是这种布局的说…
难道是 html5 的问题?

继续阅读》

, , , , , ,

【立证.学】十年内未来三大趋势!

嘛…该贴纯为立证贴…虽然数据库时间可以改,但是id起码比较麻烦…哈…
我认为的十年内三大科技方向:

一.个人贴身电子

Σ(⊙▽⊙”….这个已经成为不争的事实了.如何整合信息和扩展功能是进一步发展的方向.
代表有: Google Glass. 智能手表. 智能手环…

Google Glass

虽然现在这些产品仍然融入市场阶段,但通过信息整合一定会被大家接受.
嘛虽然手表现在有很大的误区…为啥手表非要当第二个手机屏呢…为啥还需要带个手表再带个手环…理解不能啦…

二.个性化的个人工业

♪(^∇^*)这里讲的就是我最喜欢的3D打印了, 我估计有钱第一个买的就是他了.
可以最快的将想法实现什么的…赛高!!

Form Labs - Form 1

咦..这款Form Labs的机器已经不到1w了呢!! 攒钱start…

除此之外.Moto准备开发模块化手机, 各个厂商的电子产品也逐渐微小化..什么路由器.wifi分享.音频按键.智能红外等等..
这都是拜多年之前工业标准化所致的结果.m(_ _)m膜拜标准化大神…
功能与产品都向着单一化发展, 对用户DIY的成本也越来越低.
哪一天当你买个电视, 也许只要买个sony的巨屏..然后挑一个inter的卡来当电脑.换个高通的卡来当桌面平板.换个国产芯来看有线..(笑

三.智能家居

先看一下这个康宁玻璃的广告…

很棒是吧?(估计很多人看过..
虽然视频主要展示玻璃, 但随着wifi普及, 年轻人主导社会. 更多的无线融合产品将融入人们生活中.
目前我最看好的就是wifi开关+wifi遥控+智能电器了.
当你用手机可以控制家里的一切时,这是多爽啊.
嘛…我正在规划新房的设计…家里一定会用wifi开关一类的全面布置到墙里.
只不过现在的电器厂商还没有这种意识罢了.

继续阅读》

UI 如何自己打造一个web scrollbar

嘛,最近 Chrome 升级了. 不知道大家有没有发现, 我是今天刚升级的, 开始还蛮不适应, 以为开了什么特别的模式.
不过 Chrome 倒是把 Mobile 模拟放到了一个更方便地方(debug输出区标签).
除此之外,就是 scrollbar 进行的大变更, 更像移动端的设计了~ 可喜可贺.多少年了,那个占了20px的滚动条终于消失了!

scrollbar

看! 右侧那个小小的滚动条,和wordpress的感觉更融合了,好棒!! google给你1024个赞~~
那好,趁着这次机会,我就翻出我那个厚厚的小笔记,分享一下scrollbar的设计与实现吧…

继续阅读》

, , , , ,

JS 修复/汉化NicEdit 并提供下载

NicEdit官网:NicEdit.com – WYSIWYG Content Editor, Inline Rich Text Application

NicEdit

NicEdit 是一款极轻量级的web编辑器.一个美国小帅哥22岁时候写的(07年,嘛..13年就28岁了).
嘛,我也差不多22岁的时候开始用它?这也算缘分的话…笑:)
由于作者工作了..官网对NicEdit已停止更新,而最近浏览器对协议的改变又出现不少的bug.
所以对它进行了修复,标准汉化,功能缩减和扩展.
提供衍生版1.0

延生特性:
NicEdit 作为一个超小切灵活的编辑器,适合用于评论\聊天\微博等功能使用.
但并不适合大型应用,因为过多的功能必然导致使用更多的dom操作,而这些又会引入更多的兼容语句,让它变得臃肿…
介于此,这次主要改变如下:

  1. 没有扩展 BBcode/XHtml/Upload 等功能,该部分官方功能已存在兼容问题或异常.但仍可继承此类功能.
  2. 修复 removeEvent ,清除不完整造成的内存泄露.
  3. 修复 Chrome 出现的 rangeCount 错误.
  4. 修改Enter后自动追加 Div. 已改为默认 p, 如果 Shift+Enter 则为 br.
  5. 增加完整的中文汉化, 使用标准的 __(s) 函数.
  6. 增加表情 nicEditorSmiley 扩展. 参数设置为
    new NicEdit({smiley : {path:’./smiley/default/’, iamges:[“1.gif”,”2.gif”], size:{width:”21px”,height:”21px”}});
    // path.图像路径, images.表情文件名, size 图片大小(可为空).
  7. 对字体大小/字体样式,提供了参数设置 fontSize / fontFamily, 数组结构,参考原结构.
  8. 修改了字体颜色及背景色选择, 提供了更常用的颜色表.
  9. 提供了 basePath 参数, 设置该参数后,表情及图表均可以此目录为根目录设置. eg : new NicEdit({basePath:””});
  10. 修改了默认图标及部分样式,更好看…:P

 感谢vitalif提供的资料支持.

继续阅读》

, , ,

【分享.吃】好吃简单的糖醋排骨做法

酸甜适中,不油不腻,口感丰富细腻,不会觉得任何一种调料的突兀。 颜色呈糖稀色,不浓不淡。就是拿汁水拌米饭也是一样好吃

酸甜适中,不油不腻,口感丰富细腻,不会觉得任何一种调料的突兀。 颜色呈糖稀色,不浓不淡。就是拿汁水拌米饭也是一样好吃

菜谱信息
菜品口味 酸甜 主要工艺
所需时间 45分钟 难度 简单
厨具 炒锅
食材明细
小排 500g 料酒 一汤匙
生抽 一汤匙 老抽 半汤匙
香醋 三汤匙/2 味精 半茶匙
芝麻 半茶匙

继续阅读》

,

DB 常见数据库细节差别

最近在忙于DB类的开发过程.所以对总体常见的几个DB类进行系统分析.
该Post为原创内容,转发与复制请带下面网址.便于对错误的修改和新内容的整理通知.
如有转发请在评论区留下联系方式(Email),如有更新将自动推送.

最新:http://www.nolanchou.com/?p=277

1.数据类型:

Oracle MySQL MS SQL Server PostgreSQL SQLite MongoDB
整数 number
浮点 number float,numric,real
字符
时间 no datetime no datetime microtime
二进制 VarBianry bit varying

继续阅读》

, , , , , ,

【分享.做】深堀隆介の树脂金鱼

哈~其实在发这个帖子前已经做过3次树脂金鱼了.
.而且都送人了..正在问小伙伴们要照片~~ o(*≧▽≦)ツ

做法什么的主要是费时费力费画工的事~~没什么大难度,有耐性就好.
这次主要贴几个图,作为参考留档..

作品集

继续阅读》

, ,

PHP 一个蹲墙角的函数 error_log

其实应该昨天一起发的..(嘛~ 今天这一贴全当混过去吧.. ♪(^∇^*)
认识的同学应该知道这货干啥用的, 不认识的也应该去翻手册了吧?

那功能就不多说了.主要是讨论一下,为什么很多人没有使用它…

例如 CI/YII等等log.class都会用以下代码


flock($fp, LOCK_EX);
fwrite($fp, $message);
flock($fp, LOCK_UN);
fclose($fp);

嘛,这样写是给文件一文件锁,防止多进程修改.那 error_log 是否有这个功能呢?

情况这里 PHP_bug#40897
看到了么?早在5.2的时候就已经给予修复.所以大家大可放心使用.
所以经常关注升级说明是很有必要的呀! 但是升级说明我倒是没找到…(啊咧咧…

继续阅读》

, , , ,

PHP 关于异常和错误的解释

我想很多PHPer跟我一样,都在混乱的使用die throw 甚至是 exit 来解决流程中的异常

在Pt-framework的开发过程中,需要借鉴很多的框架.嘛,大家对错误异常的处理基本也都百家齐放的状态.
为什么会出现这样的问题? 可能是php对于错误的处理文档相当至少的原因吧.

1.首先让我们看一下原有错误处理函数 set_error_handler

该函数功能是自定义错误函数.通过定义的函数来处理错误等级包括: E_ERROR,E_WARNING,E_NOTICE,E_STRICT,E_USER_ERROR,E_USER_WARNING…等
有了错误级别,然后做什么呢? log/debug/trace 之类..

嘛,那这样看好像很简单.如何触发呢?

继续阅读》

, , , , , , ,

UI 跨平台 UI/UX 设计示例 —— Android & iOS

转自极客公园: http://www.geekpark.net/read/view/195572

废话不多说,直接开始。这个系列的构成非常简单,就是直接展示截图,对比分析。

Instapaper

Instapaper 的跨平台设计思路很有代表性。在 Android 上,它采用了 Drawer 形式的一级导航,而且遵循”平台惯例”将搜索放在 Action Bar (Drawer 展开时不可见) 而不是 Drawer 中。另外你也可以注意到,iOS 和 Android 版本的 Instapaper 配色上略有不同,iOS 版本的对比度更高,Android 版本的背景色和文字颜色都更加柔和,分别切合了两个平台的用色风格。

继续阅读》

, , ,

【赞同】设计师应该学编程吗?设计师学编程的经历和感受是怎样的?

我是一个设计师,此时此刻,我正在Debug。。。

魔兽世界中有暗影牧师,他们“左握光明,右执黑暗,在自我救赎的长路上,仅与影同行。”

IT界中有Desigrammer,他们通常很偏执,苦恼于一个未能对齐的像素,纠结于一个长短不适的变量名。他们在寻常设计师眼中一副胡渣子的科学怪人嘴脸,在泛泛程序员间一身各种范儿的文艺气息,他们在软件工业化的夹缝中孤芳自赏,他们如暗影牧师般孤独,不同的是,你不能洗点了。

继续阅读》

较新的文章.. 以前的文章..

Powered by WordPress.org.