m1maomao-CSDN博客

原创 Javascript 严格模式详解

一、概述除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。设立"严格模式"的目的，主要有以下几个：　　- 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;　　- 消除代码运行的一些不安全之处，保证代码运行的安全；　　- 提高编译...

2015-11-10 11:32:00 212

一两个月前在淘宝内网里看到一个优化Javascript代码的竞赛，发现有不少的人对Javascript的执行和装载的基础并不懂，所以，从那天起我就想写一篇文章，但一直耽搁了。自上篇《浏览器渲染原理简介》，正好也可以承前启后。首先，我想说一下Javascript的装载和执行。通常来说，浏览器对于Javascript的运行有两大特性：1）载入后马上执行，2）执行时会阻塞页面后续的内容（包括页面的...

2015-09-17 14:17:49 168

原创 IE6、7下li元素的子元素为dl,ul,ol时产生的bug

话不多说，先看测试代码：该段代码在标准浏览器（包括IE8+）中的效果为：但在万恶的IE6和IE7中的却是这样的：外面看到li元素的子元素是列表元素时（既ul,ol,dl）,li的顶部会莫名其妙的空出一段来，就像是给li设了一个padding-top一样。解决方法：触发li的hasLayout属性，最好的方法是设置 zoom:1...

2015-09-15 14:54:56 359

原创 Web前端开发和JS面向对象编程分享一、前端开发的重要性 1. Web2.0、AJAX、JSON、用户体验 2. HTML5、微网、移动互联网...

Web前端开发和JS面向对象编程分享一、前端开发的重要性1. Web2.0、AJAX、JSON、用户体验2. HTML5、微网、移动互联网3. 前端MVC框架：Backbone.js4. 服务器端Javascript：Node.js5. Node.js + Jquery Mobile + HTML5 、CSS3 + MongDB二、工...

2015-09-15 11:20:36 395

原创网格(UED所谓栅格化)方案生成器

本文转载于：http://www.twinsenliang.net/skill/20081109.html首先这是一篇让你知其所以然的文章，如果你不了解栅格化你应该看看，如果你很了解栅格化你更加应该看看。事情的起因：今天帮跑去跟小组争取福利，和领导谈话。我说小组对于那种虚名的表扬最近不太感冒，最好来点实质的奖励。他就说什么技术提升之类远景什么的，让大家为了理想去工作。...

2015-09-03 14:30:24 360

原创 css中单位px和em,rem的区别

国内的设计师大都喜欢用px，而国外的网站大都喜欢用em和rem，那么三者有什么区别，又各自有什么优劣呢？ PX特点1. IE无法调整那些使用px作为单位的字体大小；2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；3. Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览...

2015-08-28 16:42:49 128

励志名言，名言名句，励志小故事（www.lizhiren）,励志人

励志名言，名言名句，励志小故事（www.lizhiren）,励志人www.lizhiren.cn

2015-01-22 09:28:16 220

原创让wamp本地测试WordPress支持自定义固定链接

让wamp本地测试WordPress支持自定义固定链接 WordPress拥有为数众多的主题和插件，是大家采用它建独立博客的一个很重要的原因。喜欢折腾的童鞋会经常测试网上淘来的主题或插件，一些主题和插件会向数据库中写入东西，如果再自己的博客上实地测试，长久以往，会造成很多问题，甚至造成数据库混乱，导致博客挂掉，后果很严重。因此，在搭建一个WordPress...

2014-02-19 19:32:59 271

原创 wordpress Maximum execution time of 30 seconds exceeded in

wordpress Maximum execution time of 30 seconds exceeded in 修改wp-config.php文件在WordPress配置文件wp-config.php最下边中添加set_time_limit(0);

2014-02-17 13:42:47 178

原创背景拉伸平铺

现在WEB页面设计比较流行使用大背景图，那么您知道如何使用一张大背景图进行拉伸效果呢？也就是说使用一张固定尺寸的背景图片，让它在页面中随着浏览器尺寸进行拉伸，就像我们的电脑桌面壁纸效果。本文将带您一起使用jQuery和CSS实现背景图片拉伸效果。将背景图片拉伸，而不是平铺，注意平铺效果我们可以使用CSS的background-repeat来实行背景图片的平铺效果，本文讨论的是背景图片的拉伸效...

2013-09-13 15:28:15 150

原创 CSS强制性换行

一般情况下，元素拥有默认的white-space:normal（自动换行，PS：不换行是white-space:nowrap）,当录入的文字超过定义的宽度后会自动换行，但当录入的数据是一堆没有空格的字符或字母或数字（常规数据应该不会有吧，但有些测试人员是会这样子做的），超过容器宽度时就会把容器撑大，不换行。解决方法（以IE，chrome,FF为测试浏览器）：{　　word-br...

2013-08-19 17:31:34 107

原创如果你想转行做产品经理

跟朋友吃饭时常聊起产品经理这个职业。一聊起这个话题，大家都聚精会神地听着。有的人是不了解这个职业是做什么的，听着听着开始觉得这个职业挺新鲜，慢慢觉得自己是不是自己也能做，最后就开始询问如果要转行当产品经理需要做什么功课。而直接和产品经理打交道的网页设计师、工程师、交互设计师对产品经理更是带着一种憧憬，我曾经是一名网页设计，能体会那种心情。那时候交给我任务的产品经理很年轻，但是确把握着整个网站...

2013-02-13 19:32:10 285 1

原创产品经理必读的九步法则

产品经理必读的九步法谨以此文献给梦想改变世界的人舒迅多年以后，当我面对那些年青的产品经理，我会想起自己当年从事的是一份高薪的工作。那是2000年，我大学毕业后在北...

2012-12-20 12:57:27 190

原创 JS复制内容（兼容IE和Firefox）

// <![CDATA[function copy_clip(copy) { if (window.clipboardData) { window.clipboardData.setData("Text", copy); } else if (window.netscape) { try { netscape.security.PrivilegeManager...

2012-11-05 11:46:57 100

原创 AS3与PHP通信的五种方法(基于HTTP协议)

/** * 这是基于HTTP协议的 * 一共介绍了五种方法 */ package { import flash.display.Sprite; import flash.events.*; import flash.net.URLL...

2012-08-29 21:37:58 127

原创自己写的美女瀑布流分享一下

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html lang="en"> <head> <meta http-equiv="Content-Type" conte

2012-08-01 16:32:49 113

原创 fixed仿淘宝工具栏效果（两种）

看到有人正在找这个效果，而我正好也在研究，所以发上来，共享一下！现在我们来分析下这个“fixed仿淘宝工具栏效果”效果具体要实现哪些功能:1、原本我一直认为，只有在滚动一屏的时候，工具栏才会固定在浏览器顶端。可是当我仔细研究这个效果的时候，我才发现不是我认识的那样。其实是当浏览器滚动条的高度>工具栏在目前页面的位置时，工具栏才会固定在页面的顶部。2、综上所述呢，我们首先要获取工具...

2012-08-01 15:59:10 161

原创做交互应该知道的视觉几件事

偶尔会听到产品经理和交互设计抱怨，视觉设计稿和最初规划差别太大，我自己也遇到过类似状况。究其原因，大多还是沟通中出现了问题。有效沟通，信息的对等是很重要的。这个对等，既包括让视觉设计尽早了解产品需求，获得与其他人员对等的信息；也包括交流双方知识领域的对等，彼此多了解对方领域内容，才能更好地沟通。对于交互设计师来说，视觉设计是合作最多的一环，交互原型终归要以视觉的形式呈现在用户眼前。因此，懂...

2012-06-25 09:56:54 122

原创网站Web产品系统交互设计视觉规范

网站Web产品系统交互设计视觉规范 •本文档对网站系统页面视觉设计进行规范,本文档旨在通过统一规范，简历页面框架和元素设计、布局与交互的通用规则，在保证页面美观、易用、一致的前提下，提高页面批量生产和统一布局效率。1.0阅读对象•本规范以系统开发及后期维护人员为阅读对象2.0UI色系•本系统UI主色系依据Web设计专业要求由白色与暗红色构成。•色彩的色域构成简洁、大...

2012-06-04 16:09:23 486

原创让视觉规范文档变得更简洁、直观和实用

10月12号至24号期间，和学良、思远在北京做项目，因为三个人都用MAC，所以号称“彩程北京苹果战队”（笑～⋯⋯）。其中一个差使，就是优化联通某系统的逻辑结构和视觉设计。做单纯页面的美化并不难，难的是归纳、总结出容易理解和使用的视觉规范，方便页面的套用和扩展。以前看过不少专业公司设计和提供的视觉规范文档，自己也给客户提...

2012-06-04 16:08:25 235

原创网站界面设计规范

　网站用户界面（Website User Interface）指网站用于和用户交互的外观、元素和程序等等。　　如果你经常上网，就会看到很多网站设计很朴素，看起来给人非常舒服的感觉；有的网站很有创意，常常给人带来意外的惊喜和视觉的冲击；但相当多的网站页面上充斥着怪异的字体，花哨的色彩和图片，给人网页制作粗劣的感觉。　　网站界面设计，既要从外观上进行创意以到达吸引眼...

2012-06-04 11:52:31 433

原创 javascript深入理解js闭包,js 闭包

一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。Js代码　　var n=999;　　function f1(){　　　　alert(n);　　}　　f1(); // 999另一方面，在函数外部自然无法读取函数内的...

2012-05-28 23:20:50 86

原创做CSS固定窗口发现IE6下不兼容，下面是解决position:fixed在IE6下不兼容的方法

写道 .fixed-top /* 头部固定 */{position:fixed;bottom:auto;top:0px;} .fixed-bottom /* 底部固定 */{position:fixed;bottom:0px;top:auto;} .fixed-left /* 左侧固定 */{position:fixed;right:auto;left:0px;...

2012-05-17 16:18:57 100

原创去掉链接（包括图片链接）的虚线边框

/* for IE */a,area { blr:expression(this.onFocus=this.blur()) }/* for Firefox */:focus { outline: none; }

2012-05-08 09:47:50 131

原创后台系统规范设计心得

后台系统采用一整套UI,为什么会形式各异？能统一并带来更好的体验吗？基于交互设计师自己的内心疑问，我们迫切的产出一套设计规范用于统一后台操作系统，利于用户使用习惯的培养和延续，降低学习成本，提高使用效率，有效提高开发效率，方便功能的优化扩展。基于现有的系统，我们抽丝剥茧，才有了如今的阶段性成果。用户是谁？需求是什么？交互设计师对于一个项目最基本的了解就是源于这两个问题。我们做...

2012-05-04 10:51:15 195

原创 chrome,safari,firefox,ie6.ie7,ie8,ie9各浏览器CSS Hack总结

这个浏览器百花齐放的时代，身为一名前端开发人员，我想最头痛的就是如何能让自己的项目在各个浏览器上显示一致。最近一直在做项目的兼容性调整，参考一些资料，对现有的hack做了一些总结归纳，希望对大家有所帮助。现有主流浏览器：IE6-9，(9还未踏实，ie10要诞生了。。。。这让我们前端开发人员情何以堪)、 firefox、chrome、safari、operacss hack实际要就是...

2012-05-04 08:20:02 125

原创 1024下网页宽度标准(网络摘抄）

研究网页栅格系统前，来看一组数据：网站首页页面宽度 pxYahoo! 950淘宝 950MySpace 960新浪 950网易 960Live Search 958搜狐 950优酷 960AOL 960上面列举的都是Alexa全球排名前100的站点，它们的首页宽度为950px/960px. 除了微软的Live Search,...

2012-04-29 21:24:06 153

原创完美解决IE6不支持position:fixed的bug

废话不多说，先看一下下面这段代码：?<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />...

2012-04-28 16:50:04 68

原创基于jQuery的控制左右滚动及自动滚动效果

迷上jQuery,相对于原生JavaScript,它是如此的美妙.也因此,促使我更加的努力的研习原生JavaScript.分享一个控制左右滚动及自动滚动的样例, 昨晚花了两个多小时, 忍受着悍蚊的叮咬, 汗水的侵袭, 一行行的敲出来的血汗代码. 哈哈.封装了两种模式: 点击滚动版本DEMO自动滚动版本DEMO,源码中有详细注释.思路:点击滚动模式下,是为点击(向...

2012-04-27 17:17:12 84

原创传统产品和互联网产品在研发中最大的区别在于：一个注重积累，一个依赖创新。 ...

1. 产品策划不属于市场范畴2. 市场决定定位、目标消费人群3. 产品策划负责完成市场定位的功能设计4. 产品策划为了达到功能设计目标，使用了大量的科学手段（统计学、心理学）支持一个简单的例子：邮件客户端软件（正在萎缩的市场）市场完成定位，提出争取foxmail的用户产品策划完成以下内容分析：1. 为什么foxmail的用户会流失2....

2012-04-24 17:33:16 210

原创网站策划人员应该具备的能力

网站策划，职责就是收集整理来自客户或者用户的需求，根据网站的整体定位，策划相关的最原始的页面原型。一个成功的网站策划必须具有的能力：1.左右网站的需求,明确网站的定位某些公司的领导头脑一发热，就想到做网站；他们幻想的是网站给他们带来的成功，所以，在实际过程中，总是有不切实际的想法，而且这些想法会左右策划人员的设计思路。对于这样不切实际的想法，策划人员应该...

2012-04-24 17:22:29 117

原创 CSS实现将div固定在页面指定地方

用一个div作为提示信息或者与用户交互的层控件，需要让它随着页面的滚动而固定在屏幕的某个地方。js可以实现这个功能，当页面滑动的时候，计算位置，然后改变div的top属性即可。但是这样作出来的效果，恐怕没人会满意，因为抖的太厉害了，不能很及时的改变位置。要是能做到平滑的，一点都看不出来的技术来达到这种效果，恐怕只有css了。 [xh...

2012-04-24 17:21:14 215

原创 IE和Firefox浏览器下javascript、CSS兼容性研究

为了将公司的产品在IE和Firefox下达到兼容，前段时间做了如下研究。由于之前准备的就是英文文档，我也懒得再翻译成中文了，呵呵。首先你要在每个页面执行javascript之前引入下面这个我做好的兼容文件。IEFirefox.js1. obj.firstChild/.lastChild/.nextSibling/.chil...

2012-04-24 17:04:18 96

原创如何通过CSS实现div的固定位置,不随页面滚动消失

每个 Web Developer / Designer 都知道 CSS 的 position:fixed 的妙用。利用这个属性，我们可以轻松的将一个元素“固定”在页面的某个位置。这在我们做一些特殊的效果，例如页边角的小角旗，或是固定页面底下的脚注都是非常有用的。但是万恶的 IE 却对这个属性支持有问题，尽管 IE7/8 已经能够正确处理这个属性，但 IE6 的份额还是很高，所以当我们用...

2012-04-24 16:56:11 841

原创 OA与CRM的关系

OA是Office Automation 的简写，“办公自动化”的意思。主要是指利用电脑或手等移动终端进行办公。目的是提高办公效率，减少办公流程，降低办公成本，提升企业管理水平，让企业的效益更好。 OA的核心问题是如何提高日常的办公效率问题。因此日常工作的所有内容都可以归入OA处理的范畴。企业通过OA可以让让管理制度规范执行、内外部信息动向的自动获取和推送、知识经验分享利用、高效率的沟通渠...

2012-03-24 15:18:49 104

原创 JS随机显示指定数量图片

现有50张图片 1.jpg；2.jpg；3.jpg；4.jpg.....50.jpg要求每次刷新页面随机显示 6张图片且不能重复：<li><img src="9.jpg"></li><li><img src="46.jpg"></li><li>&

2012-03-08 16:52:53 203

原创 js数组的操作

js数组的操作用 js有很久了，但都没有深究过js的数组形式。偶尔用用也就是简单的string.split(char)。这段时间做的一个项目，用到数组的地方很多，自以为js高手的自己居然无从下手，一下狠心，我学！呵呵。学了之后才知道，js数组的功能强大很，远比VB,C#强多了,大家慢慢看吧1、数组的创建 var arrayObj = ...

2012-03-05 21:34:14 91

原创 IIS出现An error occurred on the server when processing the URL. Please contact the

今天把ASP程序部署到iis7，出现An error occurred on the server when processing the URL. Please contact the system administrator。下面的解决办法：解决方法如下：设置方法一: 以管理员身份运行CMD，将目录定位到%windir%\system32\inets...

2012-02-21 10:38:24 4558

原创如何去掉链接虚线框,css去链接虚线，html链接虚线框隐藏

链接的虚线框影响整体风格，我们在工作经常会将它去掉，而采用图片高亮的方式来显示焦点状态。然而去掉虚线框在两种浏览器中却分别对待，这种技巧经常用到，作个记录，以备不时之需。当一个链接得到焦点时，默认会有个虚线框。如图：在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 来将其去掉。所以我们可以这样写：a:focus ...

2012-02-12 11:34:01 180

原创常用的网页规格和网络广告规格

1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。2、1024*768下，网页宽度保持在1002以内，就不会出现水平滚动条，高度则视版面和内决定。3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右 4、1024*768 下网页的尺寸:width=955,height=600...

2012-02-01 15:24:37 201

空空如也

空空如也