xjwolaile-CSDN博客

原创 Zepto

ZeptoZepto，是一个比较有争议的框架，最近一直在做移动端页面开发，一直在用这个框架，今天对于用了这么久的框架来聊聊这个Zepto如何。Zepto是什么：Zepto是一个轻量级的针对现代高级浏览器的JavaScript库，它与jquery有着类似的api。如果会用jquery，那么也会用zepto，从这里了解到，Zepto是一边比较新的框架，它比jquery小很多...

2015-08-15 13:49:05 212

原创 node.js的学习-20140611

[code="javascript"]//创建一个h1方法里面舒服一个nihaofunction h1(){ console.log("nihao");}h1();//三个模版两个是普通的输出一个是一个简单的for循环在同一个js文件夹里面一起调用//exports 对象应该方法，但是每一个都是一个独立的没办法整批的书写在同一个里面exports.ss = f...

2014-06-11 23:17:21 175

原创 node.js的学习-20140609

Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台Node.js的安装1、现在到官方网站上下载一个Node.js，根据你的操作系统的，下相对因的版本，然后压缩到任意一个盘，把装Node.js的文件夹改成node2、运行一个简单的Node.js创建一个后缀名是.js的文件这个文件需要放在存放node.js的文件里面就是放在node里面在...

2014-06-09 23:01:43 159

原创 git的学习-20140604

Git使用首先开启"Git Bash"输入 ssk-keygen -t rsa -C "注册git上的邮箱和注册邮箱的密码"然后会在c盘的用户里面 Administrator 里面的.ss文件里面会有一个是 id_dsa 和 id_dsa.pub然后直接复制 id_dsa.pub 文件给项目人，让他把里面的秘钥拿出来让他复制不要直接复制密码，因为这样会出现问题...

2014-06-04 23:30:25 108

原创 PC和移动端的页面的一些差距-20140525

首先1、标签、描述等描述清晰准确2、网站结构3层树状结构3、优质的内容4、从流量看，pc端的流量比移动端多得多5、 pc的推广链接也比移动端多页面的补充[code="html5"][/code]这个可以让网页在移动端支持页面的制作上1、操作尺度-PC上鼠标的操作尺度比较小，点击是一件准确的事情触屏的操作尺度就比较大，点击误差大...

2014-05-25 23:46:16 436

原创 Bootstrap排版基础样式和响应式图片-20140521

Bootstrap基础排版样式[code="html5"].col-xs-*//=768用col-sm-*表示，在容器里定义它直接默认.col-md-*>=970px用col-md-*表示，在容器里定义它直接默认.col-lg-*>=1200px用col-lg-*表示，在容器里定义它直接默认//1 - 12是后面放在*号的问题，1最小12最大，在上面的基...

2014-05-22 00:41:25 134

原创 Bootstrap特性、设计和组件-20140519

特点Bootstrap是基于jQuery框架开发的，它在jQuery框架的基础上进行了更为个性化和人性化的完善，形成一套自己独有的网站风格，并兼容大部分jQuery插件。响应式设计 responsive.less中提供了一组media query: 智能手机《=480px流式列，非固定宽度垂直平板《=767px流式列，非固定宽度水平平板》=768px默认》=98...

2014-05-19 22:22:33 120

原创 Bootstrap流式布局-20140515

流布局是一种适应屏幕的做法。即不固定块的宽度，而是采用百分比作为单位来确定每一块的宽度。这种布局非常适合一次编写，然后自适应各种不同大小的屏幕（手机，PAD…）。[code="html5"] [/code]最外面包含块有 container-fluid类，表明内容布局是流布局，其主要作用是作为一个包含块来...

2014-05-16 00:26:04 502

原创 Bootstrap的宽度和分辨率的差别-20140514

首先在bootstrap里面所有的样式并在pc上是根据px的单位来判断的，就是我们说的分辨率，[code="java"]@media(min-width:1200px){......里面的样式}[/code]那么就是说当你的屏幕放大或者缩小是根据pc的分辨率来定的，当屏幕的缩小px也跟着缩小，在自动需找css里面有的样式现在是手机里的bootstrap就有些...

2014-05-14 23:05:15 270

原创 Bootstrap的认识-20140513

通过公司的两个比较大型项目，让我接触到了Bootstrap框架，现在就来说说Bootstrap这个框架首先，我绝对Bootstrap框架是一个很不错的响应式的框架，特别对于移动端来说，帮助我们前端解决的很多，在样式上的问题，和需要特殊样式的问题。下面是Bootstrap框架的需要引入的包[code="html5"]//这两个一个是正常的css包一个是通过压缩的css包b...

2014-05-14 00:09:15 110

原创 jquery初步认识-20140305

[code="html5"] xxxxxxx//这种写法可以直接在手机端的页面下按下后直接触发拨打电话[/code] "添加到主屏幕“后，全屏显示 width - viewport的宽度 height - viewport的高度initial-scale - 初始的缩放比例...

2014-03-05 22:47:19 120

原创 jquery初步认识-20140123

一、原型模式结构[code="html5"]// 定义一个jQuery构造函数var jQuery = function() { xxxxxxxxxx};// 扩展jQuery原型 jQuery.prototype = { xxxxxxxxxx};//上面是一个原型模式结构，一个jQuery构造函数和jQuery实例化对象的的原型对象...

2014-01-24 01:30:14 88

原创 html5的特殊标签作用-20140114

、定义页面中所有链接的基准URL 、设定显示在浏览器左上方的标题内容、表明该文档是一个可用于检索的网关脚本不支持、文档本身的元信息,例如查询关键词,有效期等设定CSS层叠样式表内容、设定外部资源的链接、页面脚本内容 "　　 "& &< <> >© ©® ®± ±× ...

2014-01-15 01:04:06 108

原创 ie下的指定样式-20140106

1. 除IE外都可识别 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 使用方法原理1、条件注释的基本结构和HTML的注释()是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们2、IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容3、条件注释使用的是HTML的注...

2014-01-08 00:00:10 140

原创 margin-left在IE6下左浮动加倍-20140102

一、IE6下如果line-height超出本身区块的height高度，则会把区块高度挤高。比如：li{line-height:25px;height:20px;}则实际li的高度为25px，而IE7和FF下则为20px.二、 IE下的margin double bug，具体说来比如一个div你设置左浮动，然后又设置margin-left：5px，则实际margin-left会加倍变为10p...

2014-01-02 23:04:33 106

原创浮动存在的问题-20131229

看一个正常的浮动案例[img]http://dl2.iteye.com/upload/attachment/0092/6455/34e80a1b-ae5e-3cd0-a8fc-bfce5845aae1.jpg[/img][code="html5"]*{ margin: 0px; padding:0px;}.xxx{ width: 300px;}....

2013-12-29 23:00:03 106

原创在ie6下同张图片不能外面包有a标签后在画热区-20131223

最近在做页面有的发现一个问题[code="html5"] [/code]要是这要的话在IE6下套在外面的A标签是没有办法点到的，但是里面画热区的区块还是可以点击到的，在ie6下会发生冲突的，那么解决的办法就把热区定位的区域在用一个A标签来定义这样就不会有冲突可以实现所需要的效果...

2013-12-23 23:47:21 110

原创 ie6下导航存在的问题和-2013-12-20

最近在做事的时候发现一个有趣的问题，在上网也找过但是都没有很好的回答在这个说说，就是在一个纯静态的页面中基本都是div和img还有a标签组成的页面下当有一个右侧导航的时候在ie6下会找不到锚点的位置，这种情况一般出现在将锚点定位在img上面发生的情况[code="html5"][/code]要是整个页面都是这样的情况下会出现在ie6下导航到不到应...

2013-12-21 00:51:23 98

原创按比例展示的小js-20131217

做需求的做到一个关于这个功能的项目所以记下来Math.random()是令系统随机选取0-1之间的14位的随机数10就等于是100%的几率，现在的一个展示的是70%一个展示的是30%的几率，一般用于一个页面下有多条数据要展示的情况做的流量分流的效果。[code="html5"]#z{ display:none;}#s{ display:none;}房...

2013-12-18 00:41:20 136

原创定位需要注意-20131214

在CSS中关于定位的内容是：position:relative | absolute | static | fixedstatic 没有特别的设定，就是基本的定位规定，不能通过z-index进行层次分级。relative 不脱离文档流，自身静态位置通过 top,bottom,left,right 定位，并且可以通过z-index进行层次分级。文本流是什么：同级元素同时左浮的话，源代...

2013-12-15 01:07:36 84

原创 flash在Safari下的BUG-20131212

[code="html5"] [/code]这两天在做一个带有flash动画的页面但是在Safari会有一个BUG那就是在动画的过程中动的部分会有一个黑色的阴影成出现，动...

2013-12-12 01:09:08 67

原创使用模版的基本尝试-20131209

使用模版的基本尝试模版是大家多多少少都有用多的，那么就在这里说下最常见的两种模版样式，即使几乎包含有所有模版1、是常规的模版就是里面的接口，什么的全部都是定好的，一个样子走到低的一般来所这样的模版都是用来特定的做一小部分，或者单个的业务所被开发出来的，这样模版没有没有，只能按照里面定好的路线走一条之路，用处很局限2、种就是叫做自定义的模版这样的模版，功能或者是不如或者是和上...

2013-12-10 01:19:27 68

原创移动端制作的基本要求-20131208

首先在制作的手机端的时候需要注意到的1、手机端的几点要求，首先在制作手机端的页面的时候端独要注意，图片要注意，还在背景图片的属性，间距要注意，字体大小的问题和功能点引入的包。2、页面的宽度，手机现在最大的宽度是640px，所以在制作的时候首先要把所有的内容都居中，然后定义居中的宽度，但是页面的宽度不能定到640要定到320，这是因为最大的宽度手机已经帮我们定好了，那我们要做的就是定...

2013-12-08 22:10:38 121

第一、图片处理的问题一般我们都是使用块级元素来处理图片之间的间距的问题，但是当一个页面全部都是图片的时候有的时间块级元素也不完成不了处理好所有的图片间距在特别是在IE6 IE7下情况都不是很理想，但是下面的的代码是第一不要边框，第二从头部开始排列，加这两个元素后在当前的游览器下都可以还好的兼容进入图片的位置.jh-ensemble img{vertical-align:top; border:...

2013-12-01 23:21:59 87

原创开始学习和工作-20131127

前面的工作比较的紧张，因为要争取转正，现在已经确定下来可以转正了，但是发现期望的东西和现实给的东西差距有点大，没什么动力了，所以从今天开始项目我来了，不会再有以前的懒惰，和接口重新回到以前的状态，学习今天一个小时将最外围的头部做好了，只是html和css但是想模版上的可以随着页面的的缩放调节排版还没时间去挖出来，后天会一变一边看，感觉应该不是css能做出来的效果，js全是压缩的一陀一陀的找...

2013-11-27 23:44:23 77

原创显示添加删除的数量-20131124

这是一段可以显示出ul里面的li的数量不论是添加还是删除都可以很好的展示出来，不会因为在后面juqery添加的进去的li没有事件而完成不了主要是显示数量[code="html5"]他可以传入添加和删除里面，让的添加和删除以后的数量都能读取的到//首先定义一个函数让 function appendTag(){ //为了方便直接将指定ulcla...

2013-11-24 23:19:59 92

原创 padding-20131111

padding 简写属性在一个声明中设置所有内边距属性说明这个简写属性设置元素所有内边距的宽度，或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。[code="html5"]padding:10px 5px 1...

2013-11-11 23:45:00 61

原创切换PNG格式的图片css-20131108

[code="html5"][/code][code="css"].jh-bnn{ float:left; top: 120px; display: inline;background:url("http://gtms01.alicdn.com/tps/i1/T1eKUwFkBgXXcZxz2q-240-86.png");background-repeat:no-repeat;...

2013-11-09 00:22:41 112

原创侧导航-20131105

[code="css"].anim_nav{position: fixed; left: 50%; margin-left: 500px; top: 200px; overflow: hidden; _position: absolute; _top: expression(eval(documentElement.scrollTop+200));}[/code][code="html5"...

2013-11-06 00:26:33 110

原创 border--201311010

border:又叫边框属性border-radius 支持 ie 谷歌火狐欧友 box-shadow 支持 ie 谷歌火狐欧友 border-image 支持 ie(不支持) 谷歌火狐欧友border-radius属性在 CSS2 中添加圆角矩形需要技巧。我们必须为每个圆角使用不同的图片。在 CSS3 中，创建圆角是非常容易...

2013-11-03 00:59:56 102

原创 a标签在IE6下的不一样--20131031

今天在做需求的时候遇到一个这样的问题就是在img外面的a标签在ie6里面会出现移动的情况，从而把外围的容器给撑大来，但是样式的在ie6下的走形，以前是从来没有过的事情，开始的时候找了很久都没有发现后来在自己的摸索下发现[code="html5"][/code]在这个情况下以前都是可以正常显示的但是，不知道在哪样的情况下a标签的大小会变的更图片一样大从而让原本在外...

2013-10-31 23:42:57 117

原创 margin 属性学习--20131030

margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。[code="html5"]margin:10px 5px 15px 20px;[/code]最基础的用法用来调节上下左右的间距[code="html5"]margin:10px 5px 15px;[/code]这个是调节上10px 下15px 左右个5px...

2013-10-30 23:51:10 93

原创 Limiter的简单demo--20131029

1、效果及功能说明在输入框内限定了数字数量后每写一个字符减少一个字符的位置并显示出还能写多少个字2、实现原理是首先判断输入的格式是否是UTF-8的格式格式正确下才能有效的进行计算，但后是定义一个限定的值后加进输入框内，后安装减法输入一个字符就少一个字符的位置并显示下面3、主要的方法 [code="html5"]//判断J_AucTitle里面的有多少个字...

2013-10-29 23:24:42 238

原创 KISSY文本diff工具--20131028

1、效果及功能说明在输入框内输入字符后点击按钮键就可以添加到下面的输入框里2、实现原理是通过页面直接写入的方法来实现的非常的简介3、主要的方法 [code="html5"]S.use('gallery/textDiff/1.0/index, node, event', function(S, TextDiff, Node, Event){ //定...

2013-10-29 00:40:40 82

原创 KISSY对大小图片的切换功能2--20131026

1、效果及功能说明当鼠标点击小图片的时候可以切换到大图片上来放大图片，后小图片的也会更新到大图片上 2、实现原理在这边进行了修改就是上一个版本显示出html5的图片但是在线图片没有效果现在这个版本是直接取得 src里面的地址大小图片也只有一个地址，这样就简化了很多，只是在做图片的上面有一些要求就是所有的图片都是以大图片为准，小图片的坑也是填入大图片，因为都是一个地址当小...

2013-10-27 00:22:32 94

原创 KISSY对大小图片的切换功能--20131024

1、效果及功能说明当鼠标点击小图片的时候可以切换到大图片上来放大图片，后小图片的也会更新到大图片上 2、实现原理首先定义一个大图片的默认路径是什么图片这是为了当一开打的时候就有图片在上面，然后定义获得小图片的路径，小图片定义个默认路径就是一直显示哪张图片后定义一个可以给大图片获得的路径通过往小图片添加data-href="11111"属性来让大图片获得链接路径这样就实现...

2013-10-24 23:08:32 621

原创浮动定位的学习-20131023

1.在浮动模型中，一个框首先根据常规流向布局，再将它从流中取出并尽可能地向左或右偏移。浮动元素与其它元素框的垂直边距不会重叠，重叠是指边距产生交集，包括与其父元素、后代元素之间。浮动元素会产生一个块框，如果旁边有一个行框，浮动框会和行框的顶部排成一行。图片浮动后，与旁边的文字形成文字环绕图片的效果。不浮动的块元素的框宽度并未缩短，只是其内的行框会缩短，以包括浮动元素。这说明了浮动元素脱离了文档。浮...

2013-10-23 23:14:12 75

原创 display-20131022

这里向大家描述一下HTML DOM display属性的定义和用法，HTML DOM display属性主要用来设置元素如何显示，比如当此属性值为none时，表示此元素不会被显示，而block则表示此元素将显示为块级元素，这个元素前后会带有换行符。HTML DOM display属性定义和用法此属性主要用来设置元素如何显示。语法：Object.style.displ...

2013-10-22 22:13:59 67

原创切图片和背景图的技巧和兼容ie、谷歌、火狐等游览器的定位-20131021

一、就是切图片的技巧1、切图片的时候经常会因为插入页面后颜色的不协调而苦恼不如说在一个头部的中间是图片两边是背景的情况下经常会和下面的整体的背景颜色不相同，虽然是同一个效果图切出来，同一个颜色但是当插入到页面上的时候还是会有偏差，所以我们在切图片的时候尽量把头部的图片往下切一点，切到了内容也没事，到时候把中间的内容扣掉就好了，然后在也身体的背景的时候尽量的往上切点，争取能让颜色相容看不出有...

2013-10-21 23:42:13 102

原创图片的切法、图片的质量大小和图片的热点制作-20131020

1、大家都知道页面要求快速的加载进入让用户清楚的看到首先就是要图片要小，图片的品质低载入和显示的速度就会快但是，往往就是因为这个而导致一张图片用户根本看不出清是什么东西，所以在这里一般切图的话，新手都是直接切一张图片后放进html里面显示出来这样展示的慢还拖时间。所以我们可以把一样大的图片比如 600*800的图片我们可以切成4张 600*200的图片给用户展示出来这样还可以节省用户的载入...

2013-10-20 22:59:55 110

空空如也

反射添加方法