技术笔记
ouyangtao404
这个作者很懒,什么都没留下…
展开
-
CSS3效果的属性用法
rotateRotate(旋转)允许你通过传递一个度数值来转动一个对象。scaleScale是一个缩放功能,可以让任一元素变的更大。它使用正数和负数以及小数作为参数。translateTranslate就是基于X和Y 坐标重新定位元素skew顾名思义,skew就是要将对象倾斜,参数是度数matri...2012-05-14 11:02:27 · 77 阅读 · 0 评论 -
一种js的代码框架
self = function(){ var private = 'test'; var _foo = function(){ }; return { publicApi:function(){ var self = this; _foo(); return private; } }...原创 2012-06-21 09:35:05 · 88 阅读 · 0 评论 -
项目整理
最新需求以静态模块或者tms页面小修改居多,有比较好的js代码的项目,或者自己写的demo和js整理如下:1.亲子脸项目[线上]demo[线上]:http://www.taobao.com/go/act/info_baby/qinzilianindex.phpjs[开发机]:http://bj.ued.taobao.net/ouyangtao/code/baby/js/qz.js2...原创 2012-06-21 09:36:03 · 143 阅读 · 0 评论 -
状态代码
大家都知道404是木有找到东西,301是定义转向,但又有几个人知道206或者307呢?本文就给大家列出了各种HTTP状态码的含义,适合长期收藏。状态代码状态信息含义100Continue初始的请求已经接受,客户应当继续发送请求的其余部分。(HTTP 1.1新)101Switching Protocols服务器将遵从客户的请求转换到另外一种协议(H...原创 2012-08-08 17:40:51 · 100 阅读 · 0 评论 -
元素内连续字母强制折行
.c{ width:300px;display:block;word-wrap: break-word;word-break: normal;border:1px solid green;}原创 2012-08-14 17:31:29 · 120 阅读 · 0 评论 -
在页面的图片加载完成后进行其他操作
if(!image.complete) { E.on(image, 'load', function(e) { callback(); }); E.on(image, 'error', function(e) { callback(); });} else...原创 2012-08-29 14:34:40 · 178 阅读 · 0 评论 -
超出显...
text-overflow:ellipsis超出显...原创 2012-09-04 17:34:29 · 79 阅读 · 0 评论 -
代码规范
/** * @fileoverview personal-blog-header * @desc 个人博文主页头部交互,第二期优化后的代码 * @author baohe.oyt<ouyangtao404@qq.com> * @date 20120901 * @version 1.0 * @depends kissy, widgets/NewLogin/NewL...原创 2012-09-10 16:18:24 · 97 阅读 · 0 评论 -
kissy1.2.0模块化加载
S.config({ combine: true, tag: '20120911', base:'http://baohe.taobao.com/develop/my_dpl', packages: { packages: [{ name : 'widgets',...原创 2012-09-11 19:46:42 · 86 阅读 · 0 评论 -
ul在ie6下,宽度固定,只适应高度,高度撑不开问题
ul在ie6下,宽度固定,只适应高度,高度撑不开,ie6下发现给height:1%,的默认值了,因为不能给height写死,写成了height:auto试一试,奏效了!原创 2012-09-18 11:40:53 · 116 阅读 · 0 评论 -
乐活广场页的相关逻辑
/** * @fileoverview blog-list-plaza * @desc 博文广场瀑布流展示模式, * @author baohe.oyt<ouyangtao404@qq.com> * @date 20120922 * @version 1.0 * @depends kissy, widgets/ImageCtrl/ImageCtrl,widget...原创 2012-09-25 16:34:37 · 129 阅读 · 0 评论 -
常用正则
一些常用的正则表达式:URL:/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w\.-]*)*\/?$/Email:/^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/HTML 标签:/^<([a-z]+)([...原创 2012-09-26 10:19:38 · 221 阅读 · 0 评论 -
对运营更友好的延迟加载
<?php if($__REQUEST['envMode']==='edit'){?><img src='$item.img'><?php}else{?><img data-lazy...='$item.img'><?php}?>原创 2012-06-21 09:34:17 · 64 阅读 · 0 评论 -
可能用到的php代码
1.延迟请求文件,模拟网速不好的时候的场景,代码地址如下:https://gist.github.com/2650596 <?php/**** delay.php?f=file.js&t=100** 延时100毫秒加载file.js** *///得到扩展名function get_extend($file_name) {...原创 2012-06-19 21:28:21 · 79 阅读 · 0 评论 -
区块代码
<cms:page name="国际时装周"><cms:insertLayout><cms:layout id="layout-1"><cms:insertModule name="insertModule"><cms:module name="相关阅读" id="read&原创 2012-10-23 15:13:03 · 275 阅读 · 0 评论 -
HTML5开发网页模板
html5网页开发的模板:<!doctype html><!--[if lt IE 7]><html class="no-js ie ie6 lte9 lte8 lte7"> <![endif]--><!--[if IE 7]><html class="no-js ie ie7 lte9 lte8 lte7&quo原创 2012-05-15 09:39:49 · 242 阅读 · 0 评论 -
KISSY的发展和文档架构
http://www.slideshare.net/yiminghe/kissy-for-starter原创 2012-05-15 09:52:34 · 88 阅读 · 0 评论 -
基于本地的前端开发
apache 配置 for windowsapache下载地址进入apache根目录,打开配置文件 httpd.conf (其他版本可能是apache2.conf) LoadModule proxy_module modules/mod_proxy.soLoadModule proxy_balancer_module modules/mod_prox...原创 2012-05-15 17:13:19 · 104 阅读 · 0 评论 -
Javascript时间格式输出
Javascript时间格式输出 时间戳转换成日期格式 function date2str(x,y) { var z = { y: x.getFullYear(), M: x.getMonth()+1, d: x.getDate(), h...原创 2012-05-15 21:38:16 · 67 阅读 · 0 评论 -
终端web开发
智能手机Web开发笔记 智能手机版(简称M版)前端开发终于告一段落,第一次做移动端开发,没有想象中那么难搞,但是期间也遇到了各种这样那样的问题,虽然从小日记都不是自己写的,但是开发笔记还是要自己写的,不敢说让别人学习,只是仅以备忘,这算是序了。关于M版,目前我们只考虑 iphone 跟 android...原创 2012-05-16 10:58:28 · 219 阅读 · 0 评论 -
常用链接集合
阿帕奇配置(apache rewrite):http://lamp.linux.gov.cn/Apache/ApacheMenu/mod/mod_rewrite.html kissy学习ppt:http://www.slideshare.net/yiminghe/kissy-for-starter2012-05-16 11:28:21 · 125 阅读 · 0 评论 -
常犯错误总结
1.运算符用的是全角的alert(x - y); 中间的减号用的全角的就会报错2012-05-22 15:34:15 · 47 阅读 · 0 评论 -
手机端前端开发实践
1.横竖版可以重置缩放,但无法手动缩放页面<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"/>2.横竖版不可以重置缩放,可以收到缩放页面<meta name="viewport" content="width=device-width,initial-...原创 2012-05-22 15:57:35 · 100 阅读 · 0 评论 -
string操作
favouriteNum.innerHTML = favouriteNum.innerHTML.replace(reg, function($1,$2){ var num = $2-0 + 1; return '+'+num+'+'; }); ...原创 2012-05-31 17:08:17 · 54 阅读 · 0 评论 -
淘宝本地生活应用-移动web开发总结
-webkit-transition:background 0.3s ease; 1.js库的选择: 方案1:原生js(适用在页面和js等文件,在服务器端,原生的js体积小,性能高);方案2:kissy(适用于在页面和js等文件和应用一起打包,本地文件无性能问题);方案3:zepto\jquery mobile\jqmoblie 等移动端轻量级库(封装了移动端的touch...原创 2012-06-05 17:45:19 · 147 阅读 · 0 评论 -
正则表达式学习笔记
var patt1=new RegExp("e");document.write(patt1.test("The best things in life are free"));patt1.compile("d");document.write(patt1.test("The best things in life are free"));由于字符串中存在 "e",而没有 "d&qu原创 2012-06-06 15:17:08 · 92 阅读 · 0 评论 -
git常用命令
Create a new repository on the command linetouch README.mdgit initgit add README.mdgit commit -m "first commit"git remote add origin https://github.com/ouyangtao404/test.gitgit push ...原创 2012-10-09 11:48:39 · 98 阅读 · 0 评论