lydiafly - 博客园

[置顶] 记录一些经常忘记的CSS代码（CSS bug/hack 收集贴）

摘要：强制换行：.wrap{word-wrap:break-word;word-break:break-all;}清除浮动：.clearfix{*zoom:1;}.clearfix:after{clear:both;content:"\0020";display:block;height:0;font-size:0;visibility:hidden;}IE6、7下inline-block和text-indent导致不显示.btn{background:url("图片地址") no-repeat;width:160px;height:50px;overflow 阅读全文

posted @ 2011-08-10 10:35 lydiafly 阅读(457) 评论(0) 推荐(0) 编辑

使用CSS完美实现垂直居中的方法

摘要：使用XHTML+CSS来实现元素的垂直居中一直是前端开发中的一个比较复杂且棘手的问题，作为网页设计师或前端开发工程师，这个垂直居中问题也是必须掌握的技巧之一，一些互联网公司面试题中也会出现这类题目。今天暴风彬彬将分享一个完美通过CSS实现垂直居中的方法，该方法是由aka Yuhů发明的，这个方法... 阅读全文

posted @ 2015-03-04 17:52 lydiafly 阅读(182) 评论(0) 推荐(0) 编辑

Ubuntu 命令大全

摘要：一、文件目录类 1.建立目录：mkdir 目录名 2.删除空目录：rmdir 目录名 3.无条件删除子目录： rm -rf 目录名 4.改变当前目录：cd 目录名（进入用户home目录：cd ~；进入上一级目录：cd -） 5.查看自己所在目录：pwd 6.查看当前目录大小：du 7... 阅读全文

posted @ 2015-01-21 13:13 lydiafly 阅读(287) 评论(0) 推荐(0) 编辑

JSHint中文DOC

摘要：增强参数(Enforcing Options)本类参数设为true，JSHint会产生更多告警。bitwise禁用位运算符(如^，，&)位运算符在JS中很少使用，性能也较差，出现&也很可能是想写&&。camelcase使用驼峰命名(camelCase)或全大写下划线命名(UPPER_CASE)这是条... 阅读全文

posted @ 2014-11-17 10:41 lydiafly 阅读(5247) 评论(2) 推荐(2) 编辑

[转]Git常用命令

摘要：查看、添加、提交、删除、找回，重置修改文件git help # 显示command的helpgit show # 显示某次提交的内容 git show $idgit co -- # 抛弃工作区修改git co . # 抛弃工作区修改git add # 将工作文件修改提交到本地暂存区git add . # 将所有修改过的工作文件提交暂存区git rm # 从版本库中删除文件git rm --cached # 从版本库中删除文件，但不删除文件git reset # 从暂存区恢复到工作文件git reset -- . # 从暂存区恢复到工作文件git reset --hard # 恢复最... 阅读全文

posted @ 2014-04-11 11:33 lydiafly 阅读(199) 评论(0) 推荐(0) 编辑

CSS3制作同心圆进度条

摘要： 1、css代码此处在制作进度条时，是旋转进度条的半圆（红色），背景使用灰白（如果使用红色作为背景，旋转灰白遮罩，在浏览器中可能会有渲染bug）1 .wrapper{ display:block;position:relative;width:100px;height:100px;border-radius:50px;overflow:hidden; }2 .pie { position:absolute;background-color:#e74c3c;width:100px;height:100px; }3 .pie1 { clip:rect(0px,50px,100px,0px); }4 阅读全文

posted @ 2014-03-13 10:18 lydiafly 阅读(2889) 评论(1) 推荐(1) 编辑

[转]XMLHttpRequest乱码问题在Firefox与IE下的不同解决方法

摘要： XMLHttpRequest 默认是用UTF-8 传递数据。当服务端的返回数据是UTF-8编码的时候，它工作得很好(开发web应用，当服务端和客户端以及数据库统一使用UTF-8编码可以有效的避免乱码问题)。如果服务端设置了正确的Content-Type Response Header以及编码信息，那么XmlHttpRequest也可以正确工作。可是当使用XMLHttpRequest读取中文网页内容时，如果服务端的程序没有设置Content-Type Response Header，或者Header没有设置编码类型，那么我们访问responseText属性的时候就可能遭遇乱码。如以下代码用XM 阅读全文

posted @ 2014-02-26 17:38 lydiafly 阅读(453) 评论(0) 推荐(0) 编辑

[转]webkit webApp 开发技术要点总结

摘要：如果你是一名前端er,又想在移动设备上开发出自己的应用，那怎么实现呢？幸好，webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了，现把一些技巧分享给大家：1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个：width - // viewport 的宽度（范围从200 到10,000，默认为980 像素）height - 阅读全文

posted @ 2013-12-03 16:16 lydiafly 阅读(239) 评论(0) 推荐(0) 编辑

[转]AngularJS兼容IE的处理(官方文档不全面)

摘要：最近在学些AngularJS，感觉挺强大的。但是如果想投入到生产环境中，还需要考虑到IE6,7的兼容问题。官方文档提到如何兼容IE了，但是即使全部按照文档里说的做，其实还是不能做到在IE6,7下运行。经过各种实践，在这里给出一个补充:需要在html标签上添加id=”ng-app”和class=”ng-app:APPNAME”,于是一个标准的ng-app的标签应该是：(app名为myapp为例)##注意下面的“HTMLTAG”必须是合法的html标签，永远不要使用自定义标签，否则依然不兼容IE ....这样就行了，以上是唯一的和官网说明不同的地方.另附官网文档所说的让IE兼容JSON2和HT.. 阅读全文

posted @ 2013-09-13 09:40 lydiafly 阅读(341) 评论(1) 推荐(0) 编辑

[原创]uglifyjs+SVN打造自己的js资源压缩系统

摘要：参考文章：1、http://js8.in/1012.html2、http://www.zhangxinxu.com/wordpress/2013/01/uglifyjs-compress-js/一、配置环境 1、安装Node（不敷述，自己搜索下即可，需是windows版本） a) 鼠标右键我的电脑，选择属性→高级属性管理→高级选项卡→环境变量，添加新的环境变量，名字为NODE_PATH，变量值为nodejs的安装路径，例如：C:\Program Files\nodejs 2、安装npm a) 由于Nodejs的windows安装包里面已经自带了npm的模块，所以此安装步骤跳... 阅读全文

posted @ 2013-08-23 16:32 lydiafly 阅读(732) 评论(0) 推荐(0) 编辑

【转】BAT 批处理脚本教程

摘要：第一章批处理基础第一节常用批处理内部命令简介批处理定义：顾名思义，批处理文件是将一系列命令按一定的顺序集合为一个可执行的文本文件，其扩展名为BAT或者CMD。这些命令统称批处理命令。小知识：可以在键盘上按下Ctrl+C组合键来强行终止一个批处理的执行过程。了解了大概意思后,我们正式开始学习.先看一个简单的例子!@echo offecho "欢迎来到非常BAT!"pause把上面的3条命令保存为文件test.bat或者test.cmd然后执行,他就会在屏幕上显示以下二行话:欢迎来到非常BAT!请按任意键继续. . .这就是一个简单批处理文件了，这个批处理文件一共就用了2条阅读全文

posted @ 2013-05-22 10:45 lydiafly 阅读(312) 评论(0) 推荐(0) 编辑

关于firefox下flash与js交互的小问题

摘要：昨天遇到个firefox（20.0.1）下flash+js通讯的问题，刚好又是快下班时间，根本没心思深究原因。于是就留到了今天来解决。问题是这样的：有个插件支持html5和flash两种模式，在html5下使用translate3d和rotate的变形效果，需要显卡的硬件加速来支持渲染。但是由于firefox在xp系统下的硬件加速有问题，导致渲染bug。so使用该插件的flash模式。插件开发了部分事件支持，可以与js做交互。在设置了“allowscriptaccess = always”情况下，在dev环境一切都是正常的，于是经过测试到最终发布上线。却发现在线上有问题，flash与js的交互阅读全文

posted @ 2013-04-23 09:58 lydiafly 阅读(184) 评论(0) 推荐(0) 编辑

[转]iframe异步加载

摘要： (function(d) { var iframe = d.body.appendChild(d.createElement('iframe')), doc = iframe.contentWindow.document; // style the iframe with some CSS iframe.style.cssText = "position:absolute;width:200px;height:100px;left:0px;"; doc.open().write('<body onload="' + ' 阅读全文

posted @ 2013-03-14 11:15 lydiafly 阅读(2508) 评论(0) 推荐(0) 编辑

[转]Visual Web Developer 2005中文版下载地址

摘要：下面是安装 Visual Web Developer 2005 Express版必须的包包(依次安装)Windows Installer 3.1http://go.microsoft.com/fwlink/?LinkId=51430&clcid=0x804WindowsInstaller-KB893803-v2-x86.exe2.46MB.NET Framework 2.0http://go.microsoft.com/fwlink/?LinkId=51424&clcid=0x804dotnetfx.exe22.4MB.NET Framework 2.0 LangPackht 阅读全文

posted @ 2013-01-15 16:08 lydiafly 阅读(212) 评论(0) 推荐(0) 编辑

iframe导致的IE6下https页面安全提示

摘要：一个没有指定src的iframe，或者iframe使用伪协议：javascript:;都会导致IE6下ssl安全提示。解决办法：src="javascript:''" 阅读全文

posted @ 2013-01-06 17:37 lydiafly 阅读(496) 评论(2) 推荐(0) 编辑

收藏一个Hash算法

摘要： var rand = (function() { var seed = 49734321; return function() { // Robert Jenkins' 32 bit integer hash function. seed = ((seed + 0x7ed55d16) + (seed << 12)) & 0xffffffff; seed = ((seed ^ 0xc761c23c) ^ (seed >>> 19)) & 0xffffffff; seed = ((seed + 0x165667b1) + (se... 阅读全文

posted @ 2012-12-27 15:13 lydiafly 阅读(333) 评论(0) 推荐(0) 编辑

兼容IE6/7的Data-Uri背景图片+css Sprite的mhtml解决方案

摘要： /*Content-Type: multipart/related; boundary="_"--_Content-Location:mhtml.jpgContent-Transfer-Encoding:base64[img:data-uri]*/#tabs{background:url(data:image/jpeg;base64,[img:data-uri]);}#tabs{*background:expression(function(links){ return 'url(mhtml:'+links[links.length-1].getAttrib 阅读全文

posted @ 2012-11-02 11:36 lydiafly 阅读(310) 评论(0) 推荐(1) 编辑

IE的html条件注释

摘要：  除IE外都可识别 <!--[if IE 阅读全文

posted @ 2012-10-25 10:44 lydiafly 阅读(190) 评论(0) 推荐(0) 编辑

[转载]IE的版本识别

摘要：做web前端开发的，最头疼的就是IE，他是每个前端心中永远的痛。其实微软为我们提供了一些版本识别的接口，可以在javascript中使用，下面我就来谈谈这些接口的使用方法；1.JScript条件编译微软特立独行的JScript和原生的Javascript其实有很多不同点，利用条件编译，可以很方便的区别JScript和Javascript。废话不多，直接上代码/*@cc_onalert(“IE中可见”);@*/这段代码在IE中会弹出对话框；/*@cc_on@if ( @_jscript )alert(“IE中可见”);@else @*/alert(“其他浏览器中可见”);/*@end @*/这段阅读全文

posted @ 2012-10-25 10:35 lydiafly 阅读(442) 评论(0) 推荐(0) 编辑

清除Teleport Ultra整站下载程序产生的垃圾代码

摘要：在EditPlus中批量替换html：tppabs="[^"]+"css：\/\*tpa=[^*]+\*\/ 阅读全文

posted @ 2012-10-17 14:38 lydiafly 阅读(566) 评论(0) 推荐(0) 编辑

记录TEXTAREA中光标位置的设置/获取方法

摘要：设置位置function setCurPosition(t, s, e){ var s, e, range, stored_range; if(t.selectionStart == undefined){ var txtRanage = t.createTextRange(); txtRanage.move('character', s); e && txtRanage.moveEnd('character', e - s); ... 阅读全文

posted @ 2012-10-12 16:36 lydiafly 阅读(1399) 评论(0) 推荐(0) 编辑

[转载]让IE PNG透明私有滤镜支持背景定位

摘要：做过网页制作的朋友应该都明白，IE6是不支持PNG透明的。其中有一种用CSS滤镜解决的方法（IE私有），这种方法的好处是纯CSS实现，不需要借助任何JS或外部文件。不过经实践，发现有三个缺点：1、CSS代码长。2、点击事件会失效。3、不支持背景定位（下文主题就是讲如何把这个BUG修复）。此方法在一些背景层上应用还是很实用的。CSS代码确实长了点，但毕竟是CSS，而不是渲染比较慢的脚本。再者背景层上一般是没有点击事件的。代码如下：background:url(/img/default/contact/friend_bg.png) no-repeat -10px -28px;_background 阅读全文

posted @ 2012-09-29 09:32 lydiafly 阅读(224) 评论(0) 推荐(0) 编辑

Javascript收集贴

摘要：删除节点 1 var removeNode = function(hack){ 2 return hack ? function(d){ 3 return function(node){ 4 if(node && node.tagName != 'BODY'){ 5 d = d || document.createElement('div'); 6 d.appendChild(node); 7 d.innerHTML = ''; 8 ... 阅读全文

posted @ 2012-07-13 14:52 lydiafly 阅读(160) 评论(0) 推荐(0) 编辑

ES5初尝试Object.create

摘要： var a = { init:function(){}, play:function(){}};var create = (function(){ var isES5 = !!Object.create; var mix = function(target, source){ var key; for(key in source){ if(source.hasOwnProperty(key)){ target[key] = (isES5 && typeof source[key].value... 阅读全文

posted @ 2012-06-12 10:57 lydiafly 阅读(593) 评论(0) 推荐(0) 编辑

web页面的各种跳转

摘要：不产生历史记录(history)的页面跳转：location.replace("http://www.baidu.com/");后续将持续添加...... 阅读全文

posted @ 2012-06-06 16:01 lydiafly 阅读(186) 评论(0) 推荐(0) 编辑

[收藏贴]CSS Reset（忘记出处了）

摘要： /* CSS Reset */body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}body{line-height:1.5;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal;}h1,h2,h3,h4,h5,h6{font-size:100%; 阅读全文

posted @ 2012-03-13 11:15 lydiafly 阅读(172) 评论(0) 推荐(0) 编辑

[原创]一个js函数重载功能———续篇

摘要： ;;;void function(window, undefined){ var $ = { now:(new Date()).getTime(), type2string:{}, type:function(s){ return s == null ? 'empty' : ($.type2string[Array.prototype.toString.call(s)] || 'object'); }, switch:function(){ var args = Array.... 阅读全文

posted @ 2012-03-13 10:52 lydiafly 阅读(250) 评论(0) 推荐(0) 编辑

[转载]CSS 中文字体的英文名称 (simhei, simsun) 宋体微软雅黑

摘要：华文细黑：STHeiti Light [STXihei] 华文黑体：STHeiti 华文楷体：STKaiti 华文宋体：STSong 华文仿宋：STFangsong 俪黑 Pro：LiHei Pro Medium 俪宋 Pro：LiSong Pro Light 标楷体：BiauKai 苹果俪中黑：Apple LiGothic Medium 苹果俪细宋：Apple LiSung LightWindows的一些：新细明体：PMingLiU 细明体：MingLiU 标楷体：DFKai-SB 黑体：SimHei 宋体：SimSun 新宋体：NSimSun 仿宋：FangSong 楷体：KaiTi 仿宋阅读全文

posted @ 2012-03-06 15:00 lydiafly 阅读(978) 评论(0) 推荐(0) 编辑

[原创]一个js函数重载功能

摘要： var _ = { type2string:{}, type:function(s){ return s == null ? 'empty' : (_.type2string[Array.prototype.toString.call(s)] || 'object'); }, defined:function(type,f){ var fn = function(){ var args = Array.prototype.slice.call(arguments); var i = 0, p , f... 阅读全文

posted @ 2012-02-20 18:13 lydiafly 阅读(338) 评论(0) 推荐(0) 编辑

[转载]Joel Spolsky: 创业公司如何公平分配股权？

摘要： Joel Spolsky: 创业公司如何公平分配股权？编者按：本文来自Chance Jiang的投稿，翻译自onstartups.com问答社区的一个Joel Spolsky的回帖。Joel Spolsky是曾是MS Excel产品的核心开发，目前是纽约软件公司Fog Creek的老板。他的博客Joel On Software是在业界流行了10多年的老博客，记录了Joel十几年行业经验，覆盖软件企业运作的点点滴滴，视为行业知识经典。创业网友提问：我有一个新的社会网络应用的构想。我并不期望这个应用可以获得巨大成功，但我想还是有些潜力的。我找过一些好友和同事交流过这个想法，他们都十分喜欢这个构想。阅读全文

posted @ 2012-02-02 09:58 lydiafly 阅读(269) 评论(0) 推荐(0) 编辑

一个1x1px大小Data/Base64数据的gif透明图片

摘要：一个1x1px大小Data/Base64数据的gif透明图片<img src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==" style="width:20px;border:solid 1px #999;" /> 阅读全文

posted @ 2011-12-21 17:01 lydiafly 阅读(14027) 评论(1) 推荐(1) 编辑

教主关于ES5的演讲

摘要：教主的ES5演讲http://v.youku.com/v_playlist/f15769239o1p4.htmlhttp://v.youku.com/v_playlist/f15769239o1p5.htmlhttp://v.youku.com/v_playlist/f15769239o1p6.html 阅读全文

posted @ 2011-12-01 17:43 lydiafly 阅读(137) 评论(0) 推荐(0) 编辑

记录一个IE6+jsonp下超链接的BUG

摘要： function getJSONP(){ //get jsonp}<a href="javascript:void(0);" onclick="getJSONP()">链接</a><a href="javascript:;" onclick="getJSONP()">链接</a>IE6 + JSONP 的时候无反应，把A地址改成“#”<a href="#" onclick="getJSONP();return false;" 阅读全文

posted @ 2011-11-10 22:02 lydiafly 阅读(395) 评论(1) 推荐(0) 编辑

[转]webkit webApp 开发技术要点总结

摘要： 1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个：width - // viewport 的宽度（范围从200 到10,000，默认为980 像素）height - // viewport 的高度（范围从223 到10,000）initial-scale - // 初始的缩放比例（范围从>0 到10）minimum-scale - // 允许用户缩放到的最阅读全文

posted @ 2011-10-21 16:51 lydiafly 阅读(328) 评论(0) 推荐(0) 编辑

整理的5种真实的判断IE9浏览器方法

摘要：自己找出来前3个，后面2个是在franky大大提供的总共5种判断IE9浏览器的代码。注意这里不是简单的判断浏览器是不是IE9，在IE9不同的【浏览器模式】或【文档模式】下，常规判断是不能分辨是否IE9浏览器。如果我们想要利用IE9的一些特殊特性干一些特殊的事情，下面5个判断就很有用了。/*@cc_on if(@_jscript_version==9){alert("IE9---@_jscript_version")} @*/if(!!window["performance"]){alert("IE9---window[\"perfo 阅读全文

posted @ 2011-09-08 13:34 lydiafly 阅读(3524) 评论(2) 推荐(0) 编辑

CSS3制作的一些button

摘要： Div BtnButton BtnA Link BtnSpan Tag BtnP Tag BtnH3 Tag BtnCSS地址:http://files.cnblogs.com/code/css3buttons.css转载：http://www.w3cplus.com/css3/css3-gradient-buttons 阅读全文

posted @ 2011-09-02 09:41 lydiafly 阅读(164) 评论(0) 推荐(0) 编辑

关于delete、window、global的一些小实验

摘要： var x = 1;window.x = 2;window.y = 3;alert("x:" + x);alert("delete window.x:" + delete window.x);//falsealert("x:" + x);alert("x:" + y);alert("delete window.x:" + delete window.y);//truealert("x:" + y);可以看出通过var定义的变量x用delete删除不掉var a = 1;win 阅读全文

posted @ 2011-08-15 09:25 lydiafly 阅读(279) 评论(0) 推荐(0) 编辑

【转载】Chrome team 发起了浏览器兼容性检测工具开源项目

摘要：近日 Google Chrome 组发起了浏览器兼容性检测工具(Chrome扩展)开源项目，能够自动检测网页中的兼容性问题。此工具已经实现了检测2010年9月Google在Devfest北京会议上推出的w3help.org站点内所描述的部分兼容性问题。是前端兼容性工作必备辅助开发工具。目前的版本一共检查了40 个跨浏览器开发过程中可能会遇到的问题，其中包括文本渲染、表格、布局以及脚本等几个方面。所有已知的兼容性问题列表见http://w3help.org/zh-cn/causes/，目前只实现了一部分，其它的还正在开发。欢迎有兴趣的网友一起参与。工具安装:https://chrome.goog 阅读全文

posted @ 2011-06-12 23:08 lydiafly 阅读(183) 评论(0) 推荐(0) 编辑

没事改写的addEvent和removeEvent方法

摘要：没事改写的addEvent和removeEvent方法，有不妥的地方望大大们不吝指出。View Code 1 voidfunction (win) { 2 var _addEvent = win.addEvent, _removeEvent = win.removeEvent, 3 f = { data: {}, key: "__guid__", ele_guid: 1, fun_guid: 1 }, 4 addEvent = win.addEvent =function (obj, type, fn) { 5 var d = f.data, k = f.ke... 阅读全文

posted @ 2011-04-18 19:44 lydiafly 阅读(539) 评论(0) 推荐(0) 编辑

导航