iteye_11316-优快云博客

试读《程序开发心理学（银年纪念版）》有感

写程序都快10年了，我怎么就没有看这本书呢？现在回想一下自己过去的10年真是快，自己也没有写出太NB的代码，就是完成功能就行了，别的真没有想过，平时也就看看技术相关的新闻、书籍，完全一个“码农”。虽然这本时隔25年才有机会读到，读时候有着共鸣的地方，比如项目延期、代码修改等，当然还有换工作时面试官的问题，其实本书中都已经提到。工作如果处理上下级关系如何沟通交流，书中...

2015-08-28 16:15:58 237

试读《技术管理之巅——如何从零打造高质效互联网技术团队》

最近要加入一个创业团队作为技术部leader，感觉有些不适应，也许是角色还没有转变过来，有些工作都不知道如何开展，之前的公司都是听上面安排，现在要安排别人工作了，反而不知道如何安排才妥当。今天读了此书是受益匪浅。书的内容与我现在的所处情况类似，从0组建一个技术团队，随互联网+汽车的浪潮前行。技术与业务融合才是公司未来发展的方向。但对与我这种从0开始搭建自...

2015-08-28 11:24:39 253

原创试读《移动Web手册（双色）》

知道移动开发很多年了，但没有从事这方面的工作，虽然我是前端工程师，但主要还是pc为主，移动开发基本使用框架，不会去考虑太多东西，今天看了《移动Web手册（双色）》才知道，移动前端开发面对的各种浏览器30多种，这数字还真把我吓坏了。开发pc端的html时，感觉头痛也许是ie各种坑，没想到移动web中的坑也不少，手机上有4种浏览器：内置浏览器、可下载浏览器、代理浏览器、...

2015-06-25 14:16:59 224

javascript 数据类型判断

javascript 中判断数据类型有两种情况：1.基本数据类型 2.引用数据类型 1.基本数据类型：boolean,(object/null),string,number,undefined,function判断方式：typeof console.log(typeof 45) //number console.log(typeof true) //boo...

2014-10-13 14:44:43 134

阻止事件追加

有些时候可以使用 e.stopPropagation(); e.preventDefault();来阻止事件冒泡，和默认事件的执行。但不能阻止事件的追加。什么情况下要阻止事件的追加呢？比如：点击“结账”，这样的操作时，结账本身有自己的事件，但结账前要判断是否登录。我们可能会这样写：if(isLogin){ //判断是否登录 console.log("没有登...

2014-10-11 12:04:59 135

试读《ECMAScript6入门》

ECMA 对于前端开发工作的我并不陌生，《JavaScript高级程序设计》中对ECMA5的特性有很多的介绍，让我正确认识了什么是JavaScript，明白JavaScript由ECMA，DOM，BOM三个部分组成。 ES5我都还没有完全掌握，ES6又来了(T_T)，工作中写原生的js的情况很少，基本都使用js库比如jQuery，我记得网上很多人反对使用jQuery...

2014-09-20 00:01:00 122

原创 Markdown 语法说明

github.com 中的.md可以使用markdown来编写语法参考：http://equation85.github.io/blog/markdown-examples/

2014-09-12 15:42:21 123

网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth(包括边线的宽)网页可见区域高：document.body.offsetHeight(包括边线的宽)网页正文全文宽：document.body.scrollWidth网页正文全文高：document...

2014-09-11 11:27:31 153

原创 jquery mobile 使用a标签javascript没有执行的解决方案

jquery mobile 使用a标签javascript没有执行的解决方案1.设置a标签data-ajax="false"2.设置a标签的target="_top"

2014-08-29 11:27:31 290

试读《跨终端Web》

本月的试读又开始了，粗略的看了一下本月提供的几本书，作为前端开发的我毫不犹豫选了《跨终端Web》，百度，阿里，腾讯是我梦想的公司但...... 看了本书试读后我明白了什么是差距，发现自己是“井底之蛙”，还有很多需要学习的地方，最让我映像最深的是：跨终端的定义（页面可以运行于同一设备的不同终端下，“跨终端”中的“跨”强调了在多个终端上的信息传递、相互协作等动态内涵）。...

2014-08-12 23:15:22 225

我的前端之路

《我的前端之路》我从2004年参加工作到现在，想想已经10年了，人这一身能有几个10年呢？一直想写一些东西来记录10年是怎么过来的，想了很久也没有开始写，今天终于写下了第一句话“我的前端之路”。原因很简单，现在主要工作也就是前端工作，已现在的岗位定位就是“高级前端工程师”。工作主要职责：参与原型设计在项目开发中各项目开发人员能尽早的了解项目...

2014-08-05 18:04:32 131

原创试读《谷歌和亚马逊如何做产品》

做产品，是一个永恒的话题，工作这么多年，自己参与的项目也不少，有成功的，也有半路夭折的，也有市场前景好的。曾经自己想开发一个属于自己的产品，拥有自己公司，做自己的产品，工作之余讨论这些话题的时候总觉得有一个好的产品+一个好的市场氛围+坚持就一定能成功。但到现在也没有弄出一个让自己满意的产品，因为一直在问自己怎么的产品才是好的产品呢？怎么的产品才能赢得客户呢？怎么样的产品才能有市场前...

2014-07-28 14:11:21 144

试读《深入浅出Node.js》

我第一眼看到Node.js 的时候就觉得这是javaScript 的一个什么样的库呢？是不是比jQuery好呢？还是有别的特性呢？能为我们的工作带来什么？我是带着这样的疑问翻开此书，看了第一章：Node介绍，让我恍然大悟，虽然.js结束，与javaScript完全不一样的语言，Node运行在服务器端的，javaScript是运行在浏览器端的，只是语法与javascrpt几乎...

2014-07-28 11:19:35 117

原创 node http部分(一)

学习node.js 有比较长的时候了，但没有实践过，现在从简单的知识点复习。第一步：创建package.json 项目依赖文件 node.js不要被名字迷惑，他不是 javascript，但与js有很大的关联，语法基本一样。使用http 就会用到http模块，看下面代码var http = require('http');http.createServer(fun...

2014-06-25 14:17:40 136

用jquery开发幻灯片播放功能(完整版)

很久没有写了，今天写一个简单的效果，幻灯片无限滚动和大家一起交流学习现在我自己写前端代码基本按下面的步骤：1.看效果分析效果实现。2.和美工确认各效果3.写简单的html，这里特别说明一下，简单的html就是一个大概的结构，这样好切片。4.根据第2步的确认和第3步html结构分析切图。（切图一般是我自己切这样根据代码的需要想切成什么样的图片都可以，自己好控制。）5.编写html+css代码，实现...

2014-04-10 12:08:14 965

原创 parseInt使用

一直在使用parseInt alert(parseInt("08"));会是一个什么结果？alet出来是0?为什么？为什么？原来parseInt有第二个参数可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。如果省略该参数或其值为 0，则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头，将以 16 为基数。所以如果是十进制 parse...

2013-07-10 16:22:18 191

原创 BigPipe学习研究

1. 技术背景 FaceBook页面加载技术试想这样一个场景，一个经常访问的网站，每次打开它的页面都要要花费6 秒；同时另外一个网站提供了相似的服务，但响应时间只需3 秒，那么你会如何选择呢？数据表明，如果用户打开一个网站，等待3~4 秒还没有任何反应，他们会变得急躁，焦虑，抱怨，甚至关闭网页并且不再访问，这是非常糟糕的情况。所以，网页加载的速度十分重要,尤其对于拥有遍布全球的5亿用户的Fa...

2013-05-27 15:10:09 134

javascript 闭包的理解

javascript中的作用域、闭包是一个不好理解的概念，需要慢慢领悟。现在把我自己学习作用域、闭包所理解的东西分享一下。要领悟闭包必需理解javascript变量的作用域问题。看下面代码1var str="test"; //定义str if(true){ var str="hello"; //定义str } a...

2013-05-17 16:06:37 127

原创 JS在TextArea光标位置插入文字+移动光标到文字末尾

function insertText(obj,str) { if (document.selection) { var sel = document.selection.createRange(); sel.text = str; } else if (typeof obj.selectionStart === 'numb...

2013-05-09 16:36:42 409

原创什么是响应式Web设计？怎样进行？

1.什么是响应式Web设计？怎样进行？ http://developer.51cto.com/art/201201/311551.htm 2.响应式网站的产品需求和设计流程详解 http://developer.51cto.com/art/201201/312262.htm 3.利用jQuery marquee实现响应设计 http://www.adob...

2013-04-26 16:36:07 201

原创 JQuery读书笔记–Event属性说明

JQuery读书笔记–Event属性说明 JQuery事件中的Event属性是经常性的被忽略的。大多数时间你的确不怎么用它，但有些时候它还是它还是有作用的。如获知触发时用户的环境（是否按了shift etc）。每个浏览器对event都有不同的地方，Jquery对Event做了标准化所以可以放心用。 * 。target 这个反应触发事件的DOM对象，可以在事件冒泡的时候判断是否是事件源...

2013-04-25 17:54:09 82

原创网站全站变灰

直接加样式html{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: url("data:image/svg+xml;utf8,<svg xm...

2013-04-22 10:42:03 630

原创解决ie6不支持fixed问题。

html{_background:url(about:blank); /* 阻止在IE6中闪动 , 把空文件换成about:blank , 减少请求 */}/*需要定位的层*/.top{position:fixed;_position: absolute;_top:expression(documentElement.scrollTop+documentElement.clientHei...

2013-04-19 11:40:28 118

原创 javascript forEach的实现

function forEach(ary,fn){ for(var i=0;i<ary.length;i++){ var c = ary[i]; if(fn.call(c,i,c)===false){ return false; } }...

2013-04-10 11:43:42 207

原创 call理解

call使用情况 1.class.call(obj) 让obj进入class的上下文执行，替代this指针。 2.class.call(class) 3.obj1.method.call(obj2); 改变obj1.method方法中上下文执行，替代this指针。(只改变了method方法中的this,没有改变class中的this) 4....

2013-04-09 16:40:23 178

原创 JavaScript取得鼠标绝对位置程序代码介绍

首先不同浏览器中event位置属性的分析: 1. IE的event.x,event.y是以事件触发元素的父元素外界为参考点(不包括滚动距离) 2. Firefox的event.pageX,event.pageY是以body元素为参考点(包括滚动距离) 3. event.clientX,event.clientY以浏览器左上角为参考点(不包括滚动距离) 4. IE的event.offsetX,ev...

2013-04-02 15:14:43 113

原创火狐和IE的window.event对象详解

FF的FIREBUG，不仅能测试JS还能检查CSS错误，是一般常用的。但它主要检查FF方面的错误，对IE就无能为力了。要测试IE，就用ieTester，它可以测试IE几乎所有版本（１.０恐怕也用不到测试了），用法也很方便。至于JS对不同浏览器的兼容注意事项，的确很多，下面给你的也只是部分，一般建议还是采用jquery,prototype等一些已经处理好了兼容的脚本库，更重要的是，它们简...

2013-03-05 11:16:58 90

原创使用XMLHttpRequest对象发送请求的基本步骤

1.创建或访问一个XMLHttpRequest实例。2.告诉XMLHttpReques对象，哪个函数会处理XMLHttpRequest对象状态的改变，为此要把对象的onreadystatechange属性设置为指向JavaScript函数的指针。3.指定请求的属性。XMLHttpRequest对象的open()方法会指定将发出的请求。 open()方法取3个参数：一个是指示所用方法...

2013-01-09 15:04:42 486

原创 <context-param>与<init-param>的区别与作用

<context-param>的作用:web.xml的配置中<context-param>配置作用1. 启动一个WEB项目的时候,容器(如:Tomcat)会去读它的配置文件web.xml.读两个节点: <listener></listener> 和 <context-param></context-param>2.紧接着...

2012-11-09 11:13:43 87

原创 java 拦截器和过滤器区别（转载）

1、拦截器是基于java的反射机制的，而过滤器是基于函数回调 2、过滤器依赖与servlet容器，而拦截器不依赖与servlet容器 3、拦截器只能对action请求起作用，而过滤器则可以对几乎所有的请求起作用 4、拦截器可以访问action上下文、值栈里的对象，而过滤器不能 5、在action的生命周期中，拦截器可以多次被调用，而过滤器只能在容器初始化时被调用一次拦截器：是...

2012-11-09 11:02:58 77

原创 Hibernate POJO与PO的概念

POJO = pure old java object or plain ordinary java object or what ever.PO = persisent object 持久对象就是说在一些Object/Relation Mapping工具中，能够做到维护数据库表记录的persisent object完全是一个符合Java Bean规范的纯Java对象，没有增加别的属性和方...

2012-11-09 10:34:58 95

原创 Java DTO(DataTransferObject)

分布式系统（distributed system）：是建立在网络之上的软件系统。正是因为软件的特性，所以分布式系统具有高度的内聚性和透明性。因此，网络和分布式系统之间的区别更多的在于高层软件（特别是操作系统），而不是硬件。分布式软件系统(Distributed Software Systems)是支持分布式处理的软件系统,是在由通信网络互联的多处理机体系结构上执行任务的系统。它包括分布式操作系...

2012-11-09 10:25:10 189

原创 mvc介绍

MVC模式，包括MODE、VIEW、CONTROLLER,这是一个web应用的常用分层方式，MODEL是模型层，我们这里的DAO也可以理解为属于模型层的一个实际应用。 ================================= 实现软件开发的分层，使得逻辑与逻辑分离，这样，功能划分更加清晰，层与层之间可以通过接口进行通信，某一层的改动可以无需改动其他的层，而且能够协同的进行同步开发。 PO...

2012-11-08 14:16:27 117

原创 JavaScript中prototype、proto、Function、Object等

javascript 灵活度太大了，比如定义一个类，就可以使用多种方式，也就是没有一个固定的语法来约束，这也是学习的难点，内部的prototype、__proto__、Function、Object 更是不容易理解。精力的浩瀚、想象的活泼、心灵的勤奋：就是天才。说到prototype，就不得不先说下new的过程。不是每一个都要站在第一线上的，大家应当做本身份内的工作。我们先看看如许一段代码...

2012-11-07 15:46:11 130

原创 javascript call的使用

Javascript中call的使用自己感觉蛮纠结的，根据文档很好理解，其实很难确定你是否真正的理解。call 方法应用于：Function 对象调用一个对象的一个方法，以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,.argN]]]]])参数：thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN 可选项。将被...

2012-11-06 01:18:05 94

原创 javascript 继承的实现

1.类抄写function parent(){ this.x=10;}function child(){ var parentObj=new parent(); for(var p in parentObj)this[p]=parentObj[p];}var childObj=new child();alert(childObj.x); ...

2012-11-06 00:55:45 90

原创利用正则表达式实现去除所有HTML标签代码

"<[^>]*>"; //去除所有的标签"<script[^>]*?>.*?</script >" //去除所有脚本，中间部分也删除"<img[^>]*>"; //去除图片的正则@"<(?!br).*?>"; //去除所有标签，只剩br&

2012-09-22 10:00:52 415

原创 jStepper

http://jstepper.emkay.dk/Default.aspx jStepperA jQuery plugin by EmKay usable for making a numeric textfield value easy to increase or decrease.Auto mousewheel support if the mousewheel plugin h...

2012-09-19 15:18:58 90

原创 javascript判断页面加载（页面下载）是否完毕

首先要明确两个概念1.window.onload:页面加载完毕，页面内所有组件(图片等)都可用。2.dom 加载：指文档对象模型加载完毕，要先于window.onload事件。可以看出，当页面包含大量组件(特别是图片)的情形下，以上两种加载的时间相隔将会很长，这时判断dom何时加载完成就显得特别重要页面的一些组件（css,image,flash）不会导致页面的DOM未构建完成。只有...

2012-09-11 16:03:39 1069

原创 myeclipse10.0优化

我用的是myeclipse10.0做的优化，早起版本8.5、8.5也都大同小异一、Myeclipse10修改字体MyEclipse10是基于Eclipse3.7内核，但在Eclipse的Preferences-〉general-〉Appearance->Colors and Fonts 中并没有找到Courier New字体,它采用的是Consolas字...

2012-09-03 14:56:10 89

空空如也

空空如也