自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

精彩人生

{总结,是为了更好的开始}专注于web技术,每天进步一点点{学无止境,积累创造财富}

  • 博客(51)
  • 收藏
  • 关注

转载 MongoDB设置访问权限、设置用户

MongoDB已经使用很长一段时间了,基于MongoDB的数据存储也一直没有使用到权限访问(MongoDB默认设置为无权限访问限制),今天特地花了一点时间研究了一下,研究成果如下:注:研究成果基于Windows平台MongoDB在本机安装部署好后1. 输入命令:show dbs,你会发现它内置有两个数据库,一个名为admin,一个名为local。local好像没啥用,如果哪

2012-07-31 19:43:19 948

转载 MongoDB管理与开发精要

MongoDB是一个高性能,开源,无模式的文档型数据库,是当前NoSQL数据库产品中最热门的一种。它在许多场景下可用于替代传统的关系型数据库或键/值存储方式,MongoDB使用C++开发。MongoDB的官方网站地址是:http://www.mongodb.org/,读者朋友们可以在此获得更详细的信息.1.1 为什么要用NoSQL 1.1.1 NoSQL简介 NoSQL,全

2012-07-31 19:28:22 1565

转载 WebSockets初学入门

HTML5之中一个很酷的新特性就是WebSockets,它可以让我们无需AJAX请求即可与服务器端对话。今天彬Go将让大家通过Php环境的服务器端运行WebSocket,创建客户端并通过WebSockets协议发送和接收服务器端信息。什么是WebSockets?WebSockets是在一个(TCP)接口进行双向通信的技术,PUSH技术类型。同时WebSockets仍将基于W3C标准,目前为

2012-07-31 12:26:05 686

转载 使用Canvas把照片转换成素描画

一、引子话说前阵子想把一张照片转换成素描,然后发个微博。结果发现mac上没找到能直接转换素描的软件(PS不算,可要好几步呢),坑爹啊~~google 了下,Web上竟然也是没有直接把照片转换成素描的东西,连让我包含期望的美图秀秀(Web版)竟然都没有素描功能,T_T。手机上是有很多这类app,但是我只是想一键转换下,发个微博嗟,至于这么折腾么……所以自己动手整一个在线版的吧

2012-07-30 12:54:13 2037

转载 日常工作与新技术

为什么感觉前端发展缓慢Q: 这几年前端技术风起云涌,HTML5, CSS3, Mobile, NodeJS 等,业界讨论得很多,但在淘宝网公司内部,在我们的日常工作中,并没有感受到多少“激荡”。这究竟是为什么呢?如何改变?A: 下面是我的回答:离开 UED, 在产品技术部待了好几个月了,有个很强烈的感觉:UED 前端的技术价值,更多的体现在对交互的理解和视觉设计的还原上。后端开

2012-07-30 12:43:45 457

转载 在word-wrap和word-break之间的纠结关于文本断行的样式

突然间发觉自己一直以来都是用以前的思维方式在写页面,很多细节的东西并未注意到。前几天组内有同学问我关于单字节的长字符截断问题,原以为很简单的只要用word-break:break-all;和word-wrap:break-word;就能解决所有问题了。事实上这个的确能让长字符的单字节文本在块元素中被截断。虽然是被截断了,但细节的问题还是存在,比如一个单词不希望被截断的时候也被截断了,这样就悲催

2012-07-27 09:31:24 591

转载 php 利用socket上传文件

一,利用fsockopen来上传文件以前我写过一篇关于socket通信原理的博文http://blog.51yip.com/php/673.html有兴趣的朋友可以看看,前面讲的那篇博文,socket的服务器和客户端都是要用php命令来运行的。平常我们上传文件是浏览本地文件,通过一个php程序将文件上传一个地方,这个时候我们用php命令来运行php程序就不方便了。这个时候我们可以用fsocko

2012-07-26 19:47:23 552

转载 php 实例说明 socket通信机制

一,socket是什么什么是socket 所谓socket通常也称作"套接字",用于描述IP地址和端口,是一个通信链的句柄。应用程序通常通过"套接字"向网络发出请求或者应答网络请求。说白了就是一种通信机制。它类似于银行,电信啊这些部分的电话客服部门。你打电话的时候,那边会分配置一个人回答你的问题,客服部门就相当于socket的服务器端了,你这边呢就相当于客户端了,在和你通话结束前,如果有人在想

2012-07-26 19:45:07 1045

转载 PHP中多参数方法的重构

假设我们要完成一个保存文章的功能,如果采用函数编程的方式,大概会是下面这个样子:01 function saveArticle($title, $content, $categoryId)02 {03     // ...04 }每个参数代表一个属性,但带来一个问题,参数列表会变得很长。此时采用对象编程的技术会是个好方法:01 class Article02

2012-07-26 17:22:34 839

转载 国内用户体验较好网站

先说我常用的吧:果壳网:一个科普类网站,不过内容很活泼。36氪:互联网资讯新闻类站点,类似cnbeta,不过没有cnbeta娱乐。知乎:很专业的问答类网站豆瓣:怎么能把豆瓣忘了呢??下面是搜集的风车网:人人网旗下旅游分享类网站网易轻博客:网易轻博客点点轻博客:轻博客新浪轻博客:新浪轻博客Freebao:有facebook一样感觉的一个网站,是一个提供

2012-07-26 09:57:39 1886

转载 MongoDB数据库索引实战技巧

索引类型  虽然MongoDB的索引在存储结构上都是一样的,但是根据不同的应用层需求,还是分成了唯一索引(unique)、稀疏索引(sparse)、多值索引(multikey)等几种类型。  唯一索引  唯一索引在创建时加上unique:true 的选项即可,创建命令如下:db.users.ensureIndex({username: 1}, {unique: true

2012-07-25 20:00:07 441

转载 echo $elasticsearch;

代码如下:$ch = curl_init();$c_url = 'http://www.baidu.com';$c_url_data = "product_&type=".$type."";curl_setopt($ch, CURLOPT_URL,$c_url);curl_setopt($ch, CURLOPT_POST, 1);curl_setopt($ch, CUR

2012-07-25 16:21:24 529

转载 MongoDB数据文件备份与恢复

MongoDB数据文件备份与恢复 备份与恢复数据对于管理任何数据存储系统来说都是非常重要的。 1、冷备份与恢复——创建数据文件的副本(前提是要停止MongoDB服务器),也就是直接copy   www.2cto.com  MongoDB将所有数据都存储在数据目录下,默认是/data/db/(Windows下是C:\data\db\),启动MongoDB时也可以用--dbpa

2012-07-24 16:32:23 735

转载 php mongoDB 的curd

$m = new Mongo("127.0.0.1");//选择数据库$db = $m -> wmt;//选择集合$collection = $db -> users;$user1 = array('name' => 'hm', 'email' => 'admin@admin.com1','age'=>10);  $user2 = array('name' =>

2012-07-24 16:07:18 401

转载 mongodb like查询

假如需要查找的字符串为s,则可以用db.tables.find({"name":/s/}),或者db.tables.find({"name":/^s/}) ,或者db.tables.find({"name":/s.*/}),或者db.tables.find({"name":/.s.*/})下面就分析下这几种查询的对应结果有什么不同:1)db.city.find({"extra_data.r

2012-07-24 15:12:45 1031

转载 MongoDB创建表步骤,Mongo常用的数据库操作命令,查询,添加,更新,删除_MongoDB 性能监测

->use Admin         (切换到创建用户)->db.TestDb          (创建数据库) ->db.addUser(“userName”,”Pwd”)    创建用户->db.auth(“userName”,”Pwd”)       设置用户为允许连接的用户->db.createCollection(“TableName”)

2012-07-24 14:59:55 3451

转载 stdClass的使用

手册介绍得很少。stdclass在php中是预定义的几个类之一,是zent保留的一个类。实际上它是PHP提供的一个基类,就是一个空白的类,里面什么都没有,我们可以实例化它,然后定义一系列的变量,通过它来进行变量的传递(很多php程序员用它来传递一系列变量的值,而同时又懒得去创建一个自己的类)。但是,由于实例化后不能添加方法,只能传递属性。因为,一旦类被实列化以后,就不能在添加方法了。std

2012-07-24 11:11:17 1014

转载 IE7 浮动元素 禁止自动换行

今天在给网页测浏览器时发现,当缩小浏览器宽度时,IE7中浮动元素会自动调整宽度(内容自动换行),使元素变得很高,而不是被挤到下一行,严重影响了原页面样式和用户阅读。   IE6没测,不知道怎么样,IE8,9,FF,Chrome测过都没问题。   解决方法:如果不想固定宽度(当然没有固定,否则还有这个问题么==),可以禁止内容自动换行,即对对浮动元素设置"white-space:nowrap

2012-07-23 12:27:07 924

转载 HTML5 DOM 中的 getElementsByClassName

getElementsByClassNameA welcome addition to the HTML5 DOM(http://www.whatwg.org/specs/web-apps/current-work/) is thegetElementsByClassName method. This method adds a way of accessingelements by

2012-07-22 22:49:34 764

转载 获取当前使用的浏览器与操作系统

来源:http://tympanus.net/codrops/2009/08/30/javascript-browser-detection/Here is some very useful javascript for detecting the browser that is accessing a page:12345

2012-07-22 13:07:49 502

转载 CSS巧妙实现分隔线的几种方法

来源:http://www.daqianduan.com/css-a-line/前几天一同事看新浪微博里有个类似分隔线的提示,就自己试了几种方法来实现这个分隔线。下面就是简单实现分隔线的几种方法,个人比较喜欢第二种,我也给出了最后第五种比较2的写法,请大家拍砖,或者提供其他好的方法。单个标签实现分隔线: 小小分隔线 单标签实现 .demo_line_01{

2012-07-22 11:57:36 936

转载 情感化设计

艺术可以让你为所欲为,但设计必须考虑其他人的感受—–吉斯利如今电脑,网络,手机,平板电脑等科技产品的普及,为设计与人互动提供了完美的平台,人们可以更加直接的去体验感受设计。而设计师也已经升级到不能仅仅只是沉醉在酷炫的视觉效果,更多的要去思考怎样通过设计来拉近人们与冰冷设备的距离,从而获得更多的用户群体进行互动 成了一个值得研究的课题。要想了解怎样能使人对产品产生情感互动就要先了解人们的情感

2012-07-22 11:35:36 823

转载 移动平台3G手机网站前端开发布局技巧汇总

您或许正在或准备参与一个WepApp项目,您或许正在Google搜索mobile development相关的文章,您或许是一名专业的WEB前端工程师,您或许想学习Mobile前端开发方面的技术,如果您被我说中了,呵呵那么这篇文章将为您带来意想不到的惊喜!当您看到这篇文章时,哥已经默认认为您是一名资深的WEB前端工程师,如果您不是,可能您会遇见许多不理解或听不懂的专业术语或前端技术(包括WEB

2012-07-20 20:10:02 1502 1

转载 CSS3 Media Queries模板

最早在《CSS3 Media Queries》一文中初探了CSS3的媒体类型和媒体特性的相关应用。简单的知道了使用这个能在各种不同的设备显示不一样的样式风格。随着Responsive的响应式设计的兴起,前面跟大家一起学习了:《Responsive设计和CSS3 Media Queries的结合》《了解Responsive网页设计的三个特性》《Responsive设计的关键三步》从这

2012-07-20 19:48:34 621

转载 谈谈移动App的思维误区

移动App和传统互联网有很多不同,在移动App的领域中,经常有一些常见的惯性思维,实际上并不一定正确。在此我抛砖引玉,就一些误区聊聊自己的经验。用户使用时长下降,一定是应用出现了问题        在许多移动统计系统里,有用户平均每次使用时长这一数据。如果你发现这个数据有所下降,就认为这一定是坏事,这种想法可能有欠全面。        事实上,你需要考虑你最近是否对软件进行了优化,

2012-07-20 09:50:18 826

转载 [面试官说] 致IT同仁 — IT人士常犯的17个职场错误

记得刚参加工作时(那是97年),中国的IT刚刚兴起, 那时,作为一个IT人士是一件很光荣的事,而那时的我正在做电气和电子相关的工作。99年第一次跳槽,进入了IT行业做软件开发。至今,中国的IT已经走 过了十多年。但昔日的“光荣一员”却成为了现在的“IT农民工”,这究竟是怎么了?是中国的IT发展已经很好了所造成的吗?不是!在我看来中国的IT还比 较的原始,还有很大的提升空间。我认为造成这一切的都是我

2012-07-16 13:52:23 3716

转载 [面试官说] 五秘诀让上司舍不得离开你

一、不管坐什么位置,都要保持学习的习惯  进入社会工作十年到十五年左右,会有一种“上下卡住”的闭塞感与无力感。因为,这个阶段的上班族虽然拥有一定的资历与经验,工作也得心应手,但上面有比自己更资深的前辈压着,身边有随时想超越你的同辈,下面又有一群“年轻就是本钱”、娴熟科技的新时代员工虎视眈眈。那么,该从哪方面打造个人竞争力? 外语 能力与使用网络的能力,在现今最为重要。二、永远做得比

2012-07-16 13:41:59 1059

转载 浏览器判断

var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return {//移动终端浏览器版本信息 trident: u.indexOf('T

2012-07-15 13:47:25 329

转载 HTML5在线摄像头应用

最近在搞一个考试系统,系统要求要有随机拍照的功能,并且摄像头能够收到js的控制。在线摄像头嘛,就那两种实现的方式:cab或者flash。暂且不论本人从没学过的flash(事实上我已经做了一个flash调用摄像头的demo,虽然是调用成功了,但是对于拍照部分我实在是无力了,况且还有js控制flash部分的代码更是令人头痛。)。本来之前本人已经开发了一个摄像头的cab,但是activeX嘛,只

2012-07-15 00:02:00 1055

转载 用HTML5进行人脸识别

其中的一个特性是getUserMedia( W3C规范 )。它是一个JavaScript API,可以让你访问(需要权限)用户的网络摄像头和麦克风。AD: 今天发现一篇文章写的很有趣,叫你如何使用HTML5进行人脸识别。在网页内进行人脸识别,很好很强大!“现代Web”不断发展出不少有趣的API,但你并不会在大多数项目中使用到所有的内容。例如我一直特别关注Canvas

2012-07-14 23:58:35 2509

转载 html5本地存储localStorage实战

web本地存储方案总结本地存储解决方案很多,比如Flash SharedObject、Google Gears、Cookie、DOM Storage、User Data、window.name、Silverlight、Open Database等。借用网上的一张图来看下目前主流的本地存储方案:Cookie在web中得到广泛应用,但局限性非常明显,容量太小,有些站点会因为出于安全的考

2012-07-14 23:56:49 661

转载 你想不到的压缩方法:将javascript文件压缩成PNG图像存储

你有没有想过:为了压缩js文件,把js文件转化成PNG图像,然后用 canvas 控件中的 getImageData() 函数将图像再重新读成js文件。我昨天在这里发表的JS文件快速加载的文章中提到了这一方法,有网友对这个做法很感兴趣,于是今天详细解读一下。这样可以做到很高的压缩比,到底有多高,下面会提到。这种方法用到了 canvas 控件,这也意味着只有支持 canvas 控件的浏览器下才有

2012-07-14 23:50:14 990

转载 JavaScript五种继承方式

1)继承第1种方式:对象冒充 JavaScript123456789101112131415161718192021function Parent(username){this.username = username;this.sayHel

2012-07-14 23:48:07 353

转载 通过 FILE API 使用 JAVASCRIPT 读取文件

简介HTML5 终于为我们提供了一种通过 File API 规范与本地文件交互的标准方式。为了举例说明其功能,可使用 File API 在向服务器发送图片的过程中创建图片的缩略图预览,或者允许应用程序在用户离线时保存文件引用。另外,您可以使用客户端逻辑来验证上传内容的 mimetype 与其文件扩展名是否匹配,或者限制上传内容的大小。该规范通过“本地”文件系统提供了多种文件访问接口:

2012-07-14 12:43:44 695

转载 CSS3 Media Queries在iPhone4和iPad上的运用

CSS3 Media Queries的介绍在本站上的介绍已有好几篇文章了,但自己碰到的问题与解决的文章还是相对的较少。前几天在《修复iPhone上submit按钮bug》上介绍了修复form中sumit按钮的bug。同一个项目,为了实现iPhone和iPad横板与竖板的风格,让我还是头疼了一翻。一开始按照CSS3 Media Queries模板中的介绍来运用,虽然帮我解决了iPad的横板与

2012-07-14 12:24:52 21623

转载 自定义Font Icon

前段时间在《@font-face制作Web Icon》一文收集了三种webfont通过CSS3的@font-face来制作Icon图标。现在在网上最为流行的是@robmadole和@supercodepoet两位大师制作的Font Awesome:两位大师给大家准备近两百种不同的Icon图标,都是使用@font-face应用自定义的字体实现的。但有一个不足之处,有很多图标,我们无法使用

2012-07-14 12:22:41 1466

转载 come true和realize有什么区别?

come true和realize都有“实现”的意思,那么它们有什么区别?我在做作业过程中遇到一道改错题。如下:If I work hard,I am sure I can come true my dre-ams one day.答案说要把COME TRUE 改成REALIZE,come true和realize都有“实现”的意思,那么它们有什么区别?应该改为:

2012-07-13 23:08:29 15328

转载 37个极具创意的响应式布局网站

Responsive设计,在国内称为响应式布局。由于终端设置越来越来,以前那些桌面设计不在满足于当今潮流的Web设计。于是在Web设计中推出一种新的设计理念,那就是响应式的Web设计,这种设计意味着网站能根据不同的媒介,使用Web页面不仅能在标准的电脑屏幕上浏览,还能在各种不同的智能手机和平板电脑上浏览。更确切的说,原则可以让一个在1292像素显示的四列布局,在1025像素宽度的屏幕上显示成两列,

2012-07-13 22:43:34 1710

转载 纯js通过class选择元素

高级浏览器已经支持了getElementsByClassName,所以如果支持就使用getElementsByClassName,如果不支持则通过循环选择function getElementsByClassName(node,classname){ if(node.getElementsByClassName){ return node.getElementsByClassNam

2012-07-13 22:37:48 2371

转载 CSS3实现水平垂直居中

水平垂直居中的制作大家都有碰到过,水平居中方法好处理,但是垂直居中的话还是让很多人头痛过,我也碰到很多盆友来询问如何让元素水平垂直居中。前面也专门讨论过如何让图片,单行文本和多行文本实现各种浏览器的水平垂直居中的方案。前面在《CSS制作图片水平垂直居中》和《CSS制作水平垂直居中对齐》两篇文章中和大家一起探讨过多种实现方法,以及兼容ie浏览器。这次在iPhone项目中实现弹出窗口水平垂直居中,

2012-07-13 22:27:57 669

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除