随笔分类 -  web前端

上一页 1 2 3 下一页
【css对齐】块内或者行内图片与文字居中对齐最靠谱的方式！
摘要：##块内或者行内图片与文字居中对齐最靠谱的方式！做图片与文字在一行的按钮时候最常用到，总结了一个靠谱的方法，终于可以完美的对齐下面给个代码首先是html： `下载云门APP`再来看css： .btnUp img{ height: 72px; } .btnUp span{ ... 阅读全文
posted @ 2015-07-06 19:26 jeremylee 阅读(1226) 评论(0) 推荐(1)
【CSS3】rgba与opacity
摘要：#RGBA 语法R：红色值。正整数 | 百分数G：绿色值。正整数 | 百分数B：蓝色值。正整数| 百分数A：透明度。取值0~1之间#为什么要用RGBA而不用opacity因为在项目中需要用到一个半透明的蒙版而并不想要蒙版上的字体，也就是透明层的子元素继承透明的样式，这是就需要用到rgba，方便完美的... 阅读全文
posted @ 2015-06-29 09:17 jeremylee 阅读(182) 评论(0) 推荐(0)
【CSS】水平居中与垂直居中
摘要：#有宽度的div水平居中1.左右margin设为auto即可 .center { width: 960px; margin-left: auto; margin-right: auto; }2.绝对定位 .ele { position: absolute; width: 宽度值; lef... 阅读全文
posted @ 2015-06-23 17:51 jeremylee 阅读(184) 评论(0) 推荐(0)
【CSS】选择器优先级
摘要：#CSS的选择器优先级的权重##在 Selectors Level 3 规范中，一个选择器的优先级（权重）由依次串联的a、b、c三个标记来计算1. a: ID选择器 如#header2. b: class选择器如.header 属性选择器如[title] 伪类如:link 3. c: 标签选择器... 阅读全文
posted @ 2015-06-23 14:35 jeremylee 阅读(311) 评论(0) 推荐(0)
【datatable】正在加载中的信息提示
摘要：#datatable插件DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhance... 阅读全文
posted @ 2015-06-22 16:24 jeremylee 阅读(2803) 评论(0) 推荐(0)
【CSS】div的背景图完整图片覆盖
摘要：最初的代码：1 .container_first {2 width: 100%;3 height: 100%;4 background: url(10176581.jpg);5 background-size: cover;6 position: relati... 阅读全文
posted @ 2015-06-18 18:34 jeremylee 阅读(2369) 评论(0) 推荐(0)
【表单验证】几个常用的正则表达式子
摘要：1 $.validator.addMethod("mobile", function(value, element) { 2 return /^1[345678]\d{9}$/.test(value); 3 }, "请输入合法的手机号码"); 4 5 ... 阅读全文
posted @ 2015-06-18 15:20 jeremylee 阅读(268) 评论(0) 推荐(0)
【代码健壮性】善用data-属性来关联，慎用parent（）之类的查找结构
摘要：1 $(".minus,target").unbind().click(function(){2 console.log(this);3 var $thisParent = $(this).parent().parent().parent().... 阅读全文
posted @ 2015-06-17 16:36 jeremylee 阅读(306) 评论(0) 推荐(0)
【javascript闭包】转载一篇不错的解释，也有几个大牛的链接
摘要：初学闭包时一直以为很简单。但伴随对一个问题深入学习后，才算真正理解了闭包，同时也发现连>中都些不准确的地方。我不准备从头介绍闭包的概念，而是在下面列了几份参考资料。其中以【参考2】最为简洁，本文也是因文中的习题而引出进一步的探讨。从[参考2]最后提出的习题开始(应该来自> 7.2)，期望下面的程序可... 阅读全文
posted @ 2015-06-12 11:31 jeremylee 阅读(153) 评论(0) 推荐(0)
【CSS】三栏布局的经典实现
摘要：要求：自适应宽度，左右两栏固定宽度，中间栏优先加载； 1 2 3 4 5 layout 6 62 63 64 65 66 Header67 68 69 70 ... 阅读全文
posted @ 2015-06-12 09:51 jeremylee 阅读(245) 评论(0) 推荐(0)
【CSS】text-align:justify 的使用
摘要：工作需要写一个全是文本的网页，规范格式的时候发现很多css属性不是很熟悉，比如text-align:justify。这个是两端对齐，css3中新增了text-justify属性语法：text-justify : auto |inter-word | newspaper | distribute | ... 阅读全文
posted @ 2015-06-11 14:08 jeremylee 阅读(707) 评论(0) 推荐(0)
javascript与jquery删除元素节点
摘要：今天工作的时候遇到一个删除的问题，研究了下发现是没有很好的区分js和jquery的删除方法，在此澄清一下工作的代码如下 1 // 删除图片 2 $("#js_takePhotoWrap").on("click","a",function(e){ 3 ... 阅读全文
posted @ 2015-06-04 11:50 jeremylee 阅读(279) 评论(0) 推荐(0)
【Jquery对象】jquery与dom对象的区别
摘要：最近工作有很多判断的代码，用到了jquery与dom对象的地方比较多，写在这里加强下基本概念：1.判断是否存在时候，要用dom对象，因为jQuery在获得对象的时候，无论要获得的对象是否存在，都会返回jQuery对象2.jquery对象与dom对象的转换：jQuery对象就是通过jQuery包装DO... 阅读全文
posted @ 2015-06-03 13:42 jeremylee 阅读(853) 评论(0) 推荐(0)
【Jquery】this和event.target的区别
摘要：1.js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素；2.this和event.target都是dom对象，如果要使用jquey中的方法可以将他们转换为jquery对象：$(this)和$(event.target);ex：js... 阅读全文
posted @ 2015-06-01 09:37 jeremylee 阅读(185) 评论(0) 推荐(0)
【javascript dom读书笔记】 第九章 CSS-DOM
摘要：用dom设置样式element.style.property = value何时用dom脚本设置样式作者写到：绝大多数的现代浏览器，虽然对css伪类的支持不是很完整，但是对dom都有良好的支持，所以需要考虑的是问题最简单的解决方案是什么，哪种解决方案会得到更多的浏览器支持。在尝试了书中dom设置的实... 阅读全文
posted @ 2015-04-17 09:32 jeremylee 阅读(184) 评论(0) 推荐(0)
【精通css读书笔记】 第八章 布局
摘要：学习了css布局的基础后又来翻阅《精通css》这本经典书籍，对布局有了进一步的认识。基于浮动的布局两列的布局仍然是使用一个元素向左浮动，一个元素向右浮动，值得注意的是要加入display：inline 用来防止IE中的双外边距浮动产生的bug。三列布局与昨天的使用了不同的方法，全部依靠浮动来实现，与... 阅读全文
posted @ 2015-04-16 21:44 jeremylee 阅读(143) 评论(0) 推荐(0)
【网页布局基础】css布局学习总结
摘要：三种定位机制1.标准文档流：从上到下，从左到右输出文档内容2.浮动3.绝对定位需要注意的是块级元素如div p ul 等 行级元素如span strong img input等块级元素与行级元素都是盒子模型，下面说下盒子模型盒子模型盒子模型是网页布局的基石，border padding m... 阅读全文
posted @ 2015-04-14 23:03 jeremylee 阅读(337) 评论(0) 推荐(0)
【Javascript DOM读书笔记】chapter8 充实文档内容
摘要：本章目的作者举出了第一个实例，为一篇 web 页面动态创建缩略语（abbreviation）的列表。大家知道，我们可以使用 ... 来指示一个缩略语，如 DOM，其中 title 属性指明了缩略语的全称。我们所要做的就是，找出文章中所有的 及其对应的 title，汇总，然后在文档的末尾把缩略语对照... 阅读全文
posted @ 2015-04-13 15:40 jeremylee 阅读(230) 评论(0) 推荐(0)
【JS学习】慕课网9-14 删除结点操作的问题
摘要：试一试，定义clearText()函数，完成节点内容的删除。1. 删除该节点的内容，先要获取子节点。2. 然后使用循环遍历每个子节点。3. 使用removeChild()删除节点。特别要注意的是21行与25行 ，因为每次删除一个结点以后 length长度是变化的，所以需要这样来遍历！删除一个结点之后... 阅读全文
posted @ 2015-04-07 11:33 jeremylee 阅读(260) 评论(0) 推荐(0)
【JS学习】慕课网8-17编程练习 网页的返回与跳转
摘要：编程练习制作一个跳转提示页面：要求：1. 如果打开该页面后，如果不做任何操作则5秒后自动跳转到一个新的地址，如慕课网主页。2. 如果点击“返回”按钮则返回前一个页面。代码如下：需要注意的是23行要用window.location.href来指定 用window.open 的话是在新页面打开27行用计... 阅读全文
posted @ 2015-04-03 14:14 jeremylee 阅读(465) 评论(0) 推荐(0)

上一页 1 2 3 下一页