- 博客(55)
- 收藏
- 关注
原创 拖拽 DIV 效果
jsmartdrag实例页面 #ul{ width: 330px; height: 230px; position: relative; list-style: none; padding: 0 } li{ float: left; width: 100px; height: 100px;
2016-03-18 13:48:53
611
原创 H5转盘简单封装
var $ = require('common:zepto'),AzAjax = require(':common/AzAjax/AzAjax.js'),Tips = require('common:tips');/** 参数说明selected = 0 时 必须设定下面1 参数1.page: 当前页面路径,例如“/zbj/assess/index”url: 请求地址
2016-03-10 16:36:03
731
原创 弹窗 (居中 滚动)
var $ = require('common:ui/jquery');function domCenter(opt){this.options = $.extend({dom:"",height: 0,domCss:{},domchange:{},foot:false,head:false}, opt || {});this.init();}
2016-03-10 16:34:13
493
原创 关于 angular 的一些调试
尝试修改以下表单。 名字 : 用户名是必须的。 Hello {{name}} name="myForm" novalidate>用户名: 用户名是必须的。 jone doe @gmail.com 邮箱:
2016-03-10 16:32:01
1270
原创 关于 js 的一些调试
页面加载进度条 @-webkit-keyframes btn { 0%{ opacity: 0; width: 50px; transform:rotate(0deg); }
2016-03-10 16:30:26
351
原创 css 收集
1.边框透明 border: 10px solid hsla(0,0%,100%,.5); background: white; background-clip: padding-box;2.仿单选多选框 未选中状态 input[type="checkbox"] + label span, input[type="radio"] +
2016-03-10 16:24:28
289
原创 sass 收集
http://www.1024i.com/demo/less/document.html 可参考如上地址.box-shadow (@x: 0, @y: 0, @blur: 1px, @color: #000) { box-shadow: @arguments; -moz-box-shadow: @arguments; -webkit-box-shadow: @ar
2016-03-10 16:23:23
348
原创 JS PHP 乱入
http://www.css88.com/tool/hack/ (兼容浏览器的HANK)http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html 微信分享http://www.oschina.net/p/weui 微信https://bce.baidu.com/doc/MCT/Web-SDK.html
2016-03-10 16:22:38
542
原创 GIT 操作
git学习文档1.创建git库 $ mkdir aa 该命令是创建一个叫aa的空目录 $ cd aa 跳到aa目录下 $ pwd 命令用于显示当前目录 $ git init 命令把这个目录变成Git可以管理的仓库(里面有隐藏文件.git) $ ls -ah 查看该目录下所有的文件 包括隐藏
2016-03-10 16:21:16
392
原创 对LESS的自我理解 和一些简单的LESS封装
LESS的基本使用1.首先我们要把LESS环境搭建好。2.然后创建LESS文件3.现在我们可以开始写LESS文件了 例如: 我们一般写HTML文件的时候格式都是这样的 这样形成一个包含的关系,易于查找和区别。 那CSS文件是怎么写的呢 #wrap{} #wrap
2014-06-03 17:15:26
7305
转载 CSS3媒体查询
Contents [hide] 1 背景2 媒体查询3 语法3.1 错误处理4 媒体特性4.1 width4.2 height4.3 device-width4.4 device-height4.5 orientation4.6 aspect-ratio4.7 device-aspect-ratio4.8 color4.9 color-index4.10 monoc
2014-04-16 16:49:20
738
转载 在HTML中使用meta标签的基础知识和最佳实践
本文由Spy根据Shaumik Daityari的《Using Meta Tags in HTML: Some Basics and Best Practices》所译,整个译文带有我们自己的理解与思想,如果译得不好或有不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://www.sitepoint.com/meta-tags-html-basics-best-practic
2014-04-14 14:35:15
900
转载 10大优秀的移动Web应用程序开发框架推荐
在最近几年里,移动互联网高速发展、市场潜力巨大。继计算机、互联网之后,移动互联网正掀起第三次信息技术革命的浪潮,新技术、新应用不断涌现。今天这篇文章向大家推荐10大优秀的移动Web开发框架,帮助开发者更加高效的开发移动Web应用。Sencha Touch Framework Sencha Touch 是世界上第一个基于 HTML5 的移动 Web 开发框架,支持最新的 HTML5
2014-03-06 11:26:37
485
转载 jquery mobile和sencha touch开发框架对比
jquery mobile和sencha touch是两个不错的HTML5开发框架,下面小结两者的一些特点如下jquery mobile:1) jQM是一个UI类库可以看作,主要依赖于jquery和jquery ui2) jqm做的一些页面是可以靠JQM本身框架已完成不少功能,甚至不需要或者很少的javascript3) 如果是熟JQUERY的话,JQM
2014-03-06 11:19:21
580
转载 移动端Web开发
不再考虑浏览器兼容性移动端开发主要对象是手持设备,其中绝大部分是IOS和Android系统,so,在开发此类页面时不必纠结IE和其他一些2B浏览器的兼容性,webkit是本次开发重点。当然,不同版本的Android是存在一些问题的,还有就是不同浏览器的版本也存在一些差别,IOS在这方面表现甚好。所以在开发时我们只需使用Chrome进行调试即可,话说Chrome的开发者工具也
2014-03-06 11:15:08
455
转载 推荐10款非常优秀的 HTML5 开发工具
推荐10款非常优秀的 HTML5 开发工具 HTML5 发展如火如荼,随着各大浏览器对 HTML5 技术支持的不断完善以及 HTML5 技术的不断成熟,未来 HTML5 必将改变我们创建 Web 应用程序的方式。今天这篇文章向大家推荐10款优秀的HTML5开发工具,帮助你更高效的编写 HTML5 应用。InitializrInitializr 是制
2014-01-24 11:14:26
891
转载 html5<canvas>画图
前言 是html5出现的新标签,像所有的dom对象一样它有自己本身的属性、方法和事件,其中就有绘图的方法,js能够调用它来进行绘图 ,最近在研读《html5与css3权威指南》下面对其中最好玩的canvas的学习做下读书笔记与实验。 温馨提示:以下所有实验请使用最新版的opera顶部 基本知识 context:一直觉得这个翻译成“上下文”真够蛋
2014-01-24 11:12:58
657
转载 html5 标签
HTML5:HTML4:标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。HTML5:Aside 的内容是独立的内容,但应与文档内容相关。HTML4:Aside 的内容是独立的内容,但应与文档内容相关。 标签定义声音,比如音乐或其他音频流。HTML5:您的浏览器不支持 audio 标签。HTML4: 标签定义图形
2014-01-24 11:11:06
526
原创 关于CSS3于HTML5的一些见解
1.标签 结构方面增加了header,footer,article,section,nav,menu,hgroup,aside,dialog,figure这些 其实就是把原来的CLASS=“header”改成一个header标签,让大家在编程的时候能清楚的知道网站的答题结构,提升重构和修改的方便。通俗简便。在其次就是INPUT增加了一些常用的type属性 比如之类,把一些以前要判断是否为邮箱
2014-01-24 11:09:32
565
原创 关于背景background-position的问题
由于css reset的使用 大部分图片都是要定位的 这就要用到background-position这个属性了 background-position:0 0里面可传2个参数 第一个是左右 第二个是上下 比如: background-position:-20px -30px 这代表 图片重 左边 2
2013-12-19 18:13:27
882
转载 jquery 操作iframe的几种方法总结_jquery_
iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作DOM方法:父窗口操作IFRAME:window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.documentjquery方法:在父窗口中操作 选中IFRAME中的所有输入框: $(window.fra
2013-12-16 09:25:27
787
原创 关于 js bin 的运用
最近研究了下js bin发现这个对前端调试有很大的帮助,关于不能看自己的图片 也做了个研究 发现还是可以跑的 比如:在自己的机子上面搭建一个服务器 然后再运行 这样就可以看到自己机子上面的图片了。还有就是对JS的规范要求很严格,必须每个符号不能少也不能错,要不他都会报错误的。假如想要别人来指正你的错误,要求别人帮助的话,可以吧链接发送给别人 ,让别人进行研究和更正。。前端强大
2013-12-12 15:35:45
1626
原创 文字居中显示
*{padding:0; margin:0;}.demo{width:200px; height:200px; background:#eee; float:left; margin:20px; text-align:center; font-size:0;}.aa{display:inline-block; *display:inline; *zoom:1; vertical-align
2013-12-12 14:48:13
624
原创 现在大部分前端所要面临的问题
在慢慢的深入前端这个圈子后,逐渐对前端的历史,现状和未来有了一个大致的认知。1.过去以前的前端是美工转过来的,大部分的小公司所要求的前端需要的技能是全方面的,而不是要在莫一块很精通。这就导致了以前的前端大部分都是会而不通,比如:设计,自己去找素材。PS,把自己的素材切下来进行美化和修改。制作,把JSP图片制作成页面。效果,自己制定效果并且实现。JS,交互效果自己编写。最后,形成以个可应用的
2013-12-11 09:41:15
638
转载 关于iframe自适应高度的做法 在同一个域下面
function reinitIframe(){var iframe = document.getElementById("frame_content");try{var bHeight = iframe.contentWindow.document.body.scrollHeight;var dHeight = iframe.content
2013-11-28 13:52:11
446
转载 JS的封装
封装是面向对象设计的基石,封装是什么,封装有何用,这些常识性的问题在这里不做介绍。尽管JS是一种面向对象的语言,但是它不具备用以将成员声明为公用或私用的任何内置机制。与上篇讲述的接口一样,我们将自己想办法实现这种特性。这里主要利用了JS的闭包。什么是闭包,这里也不作讨论,这不是一个讨论JS语法的总结。 2.JS创建自定义对象的基本方法 通过JS创建自定义对
2013-11-25 18:19:45
651
转载 图片热点
HTML 标签(这个标签的作用就是在一张图片中的某一特定位置定义一个(或多个)热点可进行超链接)手动添加一个热点:选中一个图片/属性/选择一种形状如:矩形、圆形、多边形等定义和用法 标签定义图像映射中的区域(注:图像映射指得是带有可点击区域的图像)。area 元素总是嵌套在 标签中。注释: 标签中的 usemap 属性与 map 元素 name 属性相关联,创建图像
2013-11-25 18:09:16
599
转载 seo
SEO(Search Engine Optimization),汉译为搜索引擎优化。搜索引擎优化是一种利用搜索引擎的搜索规则来提高目的网站在有关搜索引擎内的排名的方式。SEO目的理解是:为网站提供生态式的自我营销解决方案,让网站在行业内占据领先地位,从而获得品牌收益。SEO可分为站外SEO和站内SEO两种。目 录1简介1.1 发展史1.2 导
2013-11-25 13:42:49
6867
原创 背景,滤镜转换工具地址
对于图片,背景透明的处理一直是很大的问题,这里提供一个可以处理的一个工具,自动生成所需要的效果css代码http://www.linxz.de/css_tool/hex_color.html 背景,滤镜转换工具地址
2013-11-20 14:40:09
730
转载 hover的transition
hover的transition作者:结一 日期:2013-01-04 点击:853相信对于很多初学者,对于css3的transition到底是直接写在选择器上,还是写在选择器的hover上表示疑惑,下面给出两个实例,希望可以为您解惑。div id="demo1" class="demo">demo1div>div id="demo2" class=
2013-11-20 14:28:02
829
原创 关于<a>标签的使用
对于A标签,大家都不陌生吧,在我 们制作网站的时候又很多地方都需要使用这个标签,但是什么时候使用,使用会出现在什么出乎意料的地方呢。我说下我对这个标签的认识。首先标签自带一个手型,不需要我们特意去加手型的CSS为我们的工作减轻。其次他还带有hover等4个属性,让我们可以从容的切换滑动样式,而不用JS去控制 他带有自己跳转页面的功能,例如:你点击它的时候会跳转到百度的页面去。
2013-11-20 14:19:16
1158
转载 Responsive Email设计
Responsive Email设计作者:大漠 日期:2013-11-19 点击:3 本文由大漠根据campaignmonitor.com的《Responsive Email Design》系列所译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://www.campaignmon
2013-11-20 09:32:18
4219
原创 关于滚动条控制问题
现在由于内容区域的高度越来越长,在网站上要看全部内容页需要越拉越长,在电脑上点击更滚动条可以很轻松的上下拖动,但是放到触摸屏上面呢,由于没有鼠标和键盘,会导致很难拉动滚动条上下滚动,这就需要我们做控件,控制滚动条上下滚动。那我们改怎么做来控制呢,实例:代码如下向上向下这是让控件在网站的那个位置出现bottom:10%;">向上向下2种定位做法。现在我
2013-11-20 09:30:22
884
转载 CSS3 transform使用参考指南
CSS3 transform使用参考指南语法:transform : none | [ ]*取值:none :指定一个身份转变。matrix(, , , , , ) :以一个含六值的(a,b,c,d,e,f)变换矩阵的形式指定一个2D变换,相当于直接应用一个[a b c d e f]变换矩阵。translate([, ]) :通过矢量[tx, ty]
2013-10-18 16:36:33
723
1
转载 21个新鲜的CSS 3教程与技巧强烈推荐
本文列出21个新鲜的CSS3教程和技巧,供大家学习、交流。1.iPhone “slide to unlock” Text in WebKit/CSS3iPhone的滑动解锁的文本效果。View Live Demo2.How to use Multiple backgrounds and Animation with CSS3CSS3 ,可以实现对
2013-10-17 17:48:17
610
转载 一些CSS有用的属性设置
Css Reset by Eric Meyer 1 html, body, div, span, applet, object, iframe, 2 h1, h2, h3, h4, h5, h6, p, blockquote, pre, 3 a, abbr, acronym, address, big, cite, code, 4 del, dfn, em, font, img,
2013-10-17 17:23:28
740
转载 几个JS验证
JS验证函数的调用方法和注意:1.给表单设置onsubmit="return test()",配合 进行提交.2. //当鼠标按下直接调用函数验证3. //传入自己的值进行验证,test(this)//传入对象本身进行验证4. //单击Btn进行验证,如果通过则用document.forms[0].submit(); 进行表单提交5.//
2013-10-17 17:15:08
623
转载 分享几个实用的JQ代码
网上找了几个队开发来说比较实用的JQ代码片段,提高开发效率 jQuery平滑回到顶端效果$(document).ready(function() {$("a.topLink").click(function() {$("html, body").animate({scrollTop: $($(this).attr("href
2013-10-17 16:55:45
601
原创 关于CSS3的一些应用心得
现在的热点都集中在HTNL5和CSS3上面,虽然说这是发展的趋势,但是现在还是要兼容一些老的浏览器版本,使用应用在网页制作方面不是很多。大部分都应用到移动端。所以,在一些没有用这方面做网站的公司,由于平时很少用,会导致对这方面的空白。 一般的属性估计大家都比较熟悉。比如:background-image:url();这是插入背景图片。在CSS2中,背景图片通常只有一张。但是在CSS
2013-10-08 14:30:57
573
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人