博客园 - 张晓鹏博客
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=125367
2017-04-21T08:18:17Z
张晓鹏博客
https://www.cnblogs.com/zhangxiaopeng/
feed.cnblogs.com
https://www.cnblogs.com/zhangxiaopeng/p/6744134.html
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth之完全详解 - 张晓鹏博客
HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离之完全详解scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于
2017-04-21T08:18:00Z
2017-04-21T08:18:00Z
张晓鹏博客
https://www.cnblogs.com/zhangxiaopeng/
【摘要】HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离之完全详解scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于 <a href="https://www.cnblogs.com/zhangxiaopeng/p/6744134.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zhangxiaopeng/p/6742484.html
<a href="javascript:;">的用法说明 - 张晓鹏博客
<a href="javascript:;">的用法说明 1、 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。 2、JavaScript: 是一个伪协议,其他的伪协议还有 mail: te
2017-04-21T02:55:00Z
2017-04-21T02:55:00Z
张晓鹏博客
https://www.cnblogs.com/zhangxiaopeng/
【摘要】<a href="javascript:;">的用法说明 1、 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。 2、JavaScript: 是一个伪协议,其他的伪协议还有 mail: te <a href="https://www.cnblogs.com/zhangxiaopeng/p/6742484.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zhangxiaopeng/p/6726379.html
常见浏览器的兼容问题 - 张晓鹏博客
常见浏览器的兼容问题 1 ie6.0横向margin加倍 产生因素:块属性、float、有横向margin。 解决方法:display:inline; 2 ie6.0下默认有行高 解决方法:overflow:hidden;或font-size:0;或line-height:xx px; 3 在各个浏
2017-04-18T02:08:00Z
2017-04-18T02:08:00Z
张晓鹏博客
https://www.cnblogs.com/zhangxiaopeng/
【摘要】常见浏览器的兼容问题 1 ie6.0横向margin加倍 产生因素:块属性、float、有横向margin。 解决方法:display:inline; 2 ie6.0下默认有行高 解决方法:overflow:hidden;或font-size:0;或line-height:xx px; 3 在各个浏 <a href="https://www.cnblogs.com/zhangxiaopeng/p/6726379.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zhangxiaopeng/p/6726357.html
CSS多行文字垂直居中的两种方法 - 张晓鹏博客
CSS多行文字垂直居中的两种方法 原文链接:http://caibaojian.com/css-vertical-middle.html 之前写过一篇关于:CSS左右居中对齐的文章,里面提到的两种方法其实也可以引申为垂直居中对齐。写这篇文章是因为要兼容IE6、IE7的问题,我们都知道一行文字时可以通
2017-04-18T02:05:00Z
2017-04-18T02:05:00Z
张晓鹏博客
https://www.cnblogs.com/zhangxiaopeng/
【摘要】CSS多行文字垂直居中的两种方法 原文链接:http://caibaojian.com/css-vertical-middle.html 之前写过一篇关于:CSS左右居中对齐的文章,里面提到的两种方法其实也可以引申为垂直居中对齐。写这篇文章是因为要兼容IE6、IE7的问题,我们都知道一行文字时可以通 <a href="https://www.cnblogs.com/zhangxiaopeng/p/6726357.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zhangxiaopeng/p/6256047.html
CSS3 选择器——基本选择器 - 张晓鹏博客
CSS的选择器,我想大家并不会陌生吧,因为天天在使用,但对于CSS3的选择器,要运用的灵活到位,我想对很多朋友还是一定的难度,特别是CSS3中的:nth选择器。那么从现在开始我们先丢开他们版本的区别,从头一起来看看CSS选择器的运用。 CSS是一种用于屏幕上渲染html,xml等一种语言,CSS主要
2017-01-06T05:50:00Z
2017-01-06T05:50:00Z
张晓鹏博客
https://www.cnblogs.com/zhangxiaopeng/
【摘要】CSS的选择器,我想大家并不会陌生吧,因为天天在使用,但对于CSS3的选择器,要运用的灵活到位,我想对很多朋友还是一定的难度,特别是CSS3中的:nth选择器。那么从现在开始我们先丢开他们版本的区别,从头一起来看看CSS选择器的运用。 CSS是一种用于屏幕上渲染html,xml等一种语言,CSS主要 <a href="https://www.cnblogs.com/zhangxiaopeng/p/6256047.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zhangxiaopeng/p/6255750.html
页面添加锚点的三种方式 - 张晓鹏博客
页面添加锚点的三种方式 HTML中的链接,正确的说法应该称作"锚点",它命名锚点链接(也叫书签链接)常常用于那些内容庞大繁琐的网页,通过点击命名锚点,不仅让我们能指向文档,还能指向页面里的特定段落,更能当作"精准链接"的便利工具,让链接对象接近焦点。便于浏览者查看网页内容。类似于我们阅读书籍时的目录
2017-01-06T03:50:00Z
2017-01-06T03:50:00Z
张晓鹏博客
https://www.cnblogs.com/zhangxiaopeng/
【摘要】页面添加锚点的三种方式 HTML中的链接,正确的说法应该称作"锚点",它命名锚点链接(也叫书签链接)常常用于那些内容庞大繁琐的网页,通过点击命名锚点,不仅让我们能指向文档,还能指向页面里的特定段落,更能当作"精准链接"的便利工具,让链接对象接近焦点。便于浏览者查看网页内容。类似于我们阅读书籍时的目录 <a href="https://www.cnblogs.com/zhangxiaopeng/p/6255750.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zhangxiaopeng/p/6247314.html
css3动画特效:上下晃动的div - 张晓鹏博客
css3动画特效:上下晃动的div
2017-01-04T01:13:00Z
2017-01-04T01:13:00Z
张晓鹏博客
https://www.cnblogs.com/zhangxiaopeng/
【摘要】css3动画特效:上下晃动的div <a href="https://www.cnblogs.com/zhangxiaopeng/p/6247314.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zhangxiaopeng/p/6243878.html
CSS3图片倒影技术实现及原理 - 张晓鹏博客
CSS3图片倒影技术实现及原理 目前为止我们已经探讨了很多CSS3中的新功能和新特征。除了上面这些,实际上还有很多CSS新属性并未包含进CSS3官方标准中,像谷歌浏览器或火狐浏览器等都会利用CSS的浏览器引擎前缀(Vendor Prefix)来实现很多自定义的CSS功能。-webkit-box-re
2017-01-03T02:00:00Z
2017-01-03T02:00:00Z
张晓鹏博客
https://www.cnblogs.com/zhangxiaopeng/
【摘要】CSS3图片倒影技术实现及原理 目前为止我们已经探讨了很多CSS3中的新功能和新特征。除了上面这些,实际上还有很多CSS新属性并未包含进CSS3官方标准中,像谷歌浏览器或火狐浏览器等都会利用CSS的浏览器引擎前缀(Vendor Prefix)来实现很多自定义的CSS功能。-webkit-box-re <a href="https://www.cnblogs.com/zhangxiaopeng/p/6243878.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zhangxiaopeng/p/6121523.html
标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型(转) - 张晓鹏博客
盒子模型是css中一个重要的概念,理解了盒子模型才能更好的排版。其实盒子模型有两种,分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同,先来看看我们熟知的标准盒子模型: 从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、conten
2016-12-01T05:24:00Z
2016-12-01T05:24:00Z
张晓鹏博客
https://www.cnblogs.com/zhangxiaopeng/
【摘要】盒子模型是css中一个重要的概念,理解了盒子模型才能更好的排版。其实盒子模型有两种,分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同,先来看看我们熟知的标准盒子模型: 从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、conten <a href="https://www.cnblogs.com/zhangxiaopeng/p/6121523.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zhangxiaopeng/p/6120702.html
JQuery中操作Css样式的方法 - 张晓鹏博客
JQuery中操作Css样式的方法//1、获取和设置样式 $("#tow").attr("class")获取ID为tow的class属性 $("#two").attr("class","divClass")设置Id为two的class属性。 //2、追加样式 $("#two").addClass("divClass2")为ID为two的对象追加样式divClass2 //3、移除...
2016-12-01T01:44:00Z
2016-12-01T01:44:00Z
张晓鹏博客
https://www.cnblogs.com/zhangxiaopeng/
【摘要】JQuery中操作Css样式的方法//1、获取和设置样式 $("#tow").attr("class")获取ID为tow的class属性 $("#two").attr("class","divClass")设置Id为two的class属性。 //2、追加样式 $("#two").addClass("divClass2")为ID为two的对象追加样式divClass2 //3、移除... <a href="https://www.cnblogs.com/zhangxiaopeng/p/6120702.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zhangxiaopeng/p/5992316.html
Struts1.x 中的 Validate 框架 - 张晓鹏博客
转载于http://www.blogjava.net/nokiaguy/archive/2009/02/12/254421.html 一、Validator框架的优势 Validator框架是一个Struts插件,最初由David Winterfeldt设计并实现。Validator框架从Strut
2016-10-24T03:31:00Z
2016-10-24T03:31:00Z
张晓鹏博客
https://www.cnblogs.com/zhangxiaopeng/
【摘要】转载于http://www.blogjava.net/nokiaguy/archive/2009/02/12/254421.html 一、Validator框架的优势 Validator框架是一个Struts插件,最初由David Winterfeldt设计并实现。Validator框架从Strut <a href="https://www.cnblogs.com/zhangxiaopeng/p/5992316.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zhangxiaopeng/p/5978160.html
block,inline和inlinke-block细节对比 - 张晓鹏博客
block,inline和inlinke-block细节对比 display:block display:inline display:inline-block
2016-10-19T09:39:00Z
2016-10-19T09:39:00Z
张晓鹏博客
https://www.cnblogs.com/zhangxiaopeng/
【摘要】block,inline和inlinke-block细节对比 display:block display:inline display:inline-block <a href="https://www.cnblogs.com/zhangxiaopeng/p/5978160.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zhangxiaopeng/p/5872994.html
AxureRP8实战手册(基础31-40) - 张晓鹏博客
AxureRP8实战手册(基础31-40) 本文目录 基础31. 切换元件库 第2章 页面设置 基础32. 设置页面居中 基础33. 设置页面背景(图片/颜色) 基础34. 设置页面颜色(草图/黑白) 第3章 设置条件 基础35. 添加条件判断 基础36. 设置条件限制 基础37. 用例条件转换 第
2016-09-14T09:33:00Z
2016-09-14T09:33:00Z
张晓鹏博客
https://www.cnblogs.com/zhangxiaopeng/
【摘要】AxureRP8实战手册(基础31-40) 本文目录 基础31. 切换元件库 第2章 页面设置 基础32. 设置页面居中 基础33. 设置页面背景(图片/颜色) 基础34. 设置页面颜色(草图/黑白) 第3章 设置条件 基础35. 添加条件判断 基础36. 设置条件限制 基础37. 用例条件转换 第 <a href="https://www.cnblogs.com/zhangxiaopeng/p/5872994.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zhangxiaopeng/p/5872720.html
AxureRP8实战手册(基础21-30) - 张晓鹏博客
AxureRP8实战手册(基础21-30) 本文目录 基础21. 设置元件默认选中/禁用 基础22. 设置单选按钮唯一选中 基础23. 设置元件不同状态时的样式 基础24. 设置图片文本 基础25. 切割/裁剪图片 基础26. 嵌入多媒体文件/页面 基础27. 调整元件的层级 基础28. 组合/取消
2016-09-14T08:27:00Z
2016-09-14T08:27:00Z
张晓鹏博客
https://www.cnblogs.com/zhangxiaopeng/
【摘要】AxureRP8实战手册(基础21-30) 本文目录 基础21. 设置元件默认选中/禁用 基础22. 设置单选按钮唯一选中 基础23. 设置元件不同状态时的样式 基础24. 设置图片文本 基础25. 切割/裁剪图片 基础26. 嵌入多媒体文件/页面 基础27. 调整元件的层级 基础28. 组合/取消 <a href="https://www.cnblogs.com/zhangxiaopeng/p/5872720.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zhangxiaopeng/p/5872214.html
点击文本框选中里面的文字 - 张晓鹏博客
点击文本框选中里面的文字 在AxureRP8中获取焦点的动作中,新增加了一个设置,就是【获取焦点时选中元件上的文本】。所以,如果需要一个文本框的文字变成被选中的状态,可以在触发事件的用例中,设置动作【获取焦点】于文本框,勾选【获取焦点时选中元件上的文本】。 End 转载请注明:Axure原创教程网
2016-09-14T06:46:00Z
2016-09-14T06:46:00Z
张晓鹏博客
https://www.cnblogs.com/zhangxiaopeng/
【摘要】点击文本框选中里面的文字 在AxureRP8中获取焦点的动作中,新增加了一个设置,就是【获取焦点时选中元件上的文本】。所以,如果需要一个文本框的文字变成被选中的状态,可以在触发事件的用例中,设置动作【获取焦点】于文本框,勾选【获取焦点时选中元件上的文本】。 End 转载请注明:Axure原创教程网 <a href="https://www.cnblogs.com/zhangxiaopeng/p/5872214.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zhangxiaopeng/p/5872208.html
AxureRP8实战手册(基础11-20) - 张晓鹏博客
本文目录 基础11. 设置文本框输入为密码 基础12. 设置打开选择文件窗口 基础13. 限制文本框输入字符位数 基础14. 设置文本框提示文字 基础15. 设置文本框回车触发事件 基础16. 设置元件鼠标移入的提示 基础17. 设置矩形为其他形状 基础18. 设置自定义形状 基础19. 设置形状水
2016-09-14T06:44:00Z
2016-09-14T06:44:00Z
张晓鹏博客
https://www.cnblogs.com/zhangxiaopeng/
【摘要】本文目录 基础11. 设置文本框输入为密码 基础12. 设置打开选择文件窗口 基础13. 限制文本框输入字符位数 基础14. 设置文本框提示文字 基础15. 设置文本框回车触发事件 基础16. 设置元件鼠标移入的提示 基础17. 设置矩形为其他形状 基础18. 设置自定义形状 基础19. 设置形状水 <a href="https://www.cnblogs.com/zhangxiaopeng/p/5872208.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zhangxiaopeng/p/5868799.html
AxureRP8实战手册(基础1-10) - 张晓鹏博客
基础操作篇 本篇包含56种常见的基础操作,初学者应在掌握本篇内容后再进行实战案例篇的学习,以免产生学习障碍。同时,建议具备一定基础的读者学习本篇中相对生疏的内容,并加以掌握。 第1章 使用元件 本文目录 基础1. 添加元件到画布 基础2. 添加元件名称 基础3. 设置元件位置/尺寸 基础4. 设置元
2016-09-13T08:11:00Z
2016-09-13T08:11:00Z
张晓鹏博客
https://www.cnblogs.com/zhangxiaopeng/
【摘要】基础操作篇 本篇包含56种常见的基础操作,初学者应在掌握本篇内容后再进行实战案例篇的学习,以免产生学习障碍。同时,建议具备一定基础的读者学习本篇中相对生疏的内容,并加以掌握。 第1章 使用元件 本文目录 基础1. 添加元件到画布 基础2. 添加元件名称 基础3. 设置元件位置/尺寸 基础4. 设置元 <a href="https://www.cnblogs.com/zhangxiaopeng/p/5868799.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zhangxiaopeng/p/5853492.html
jquery复选框checkbox实现删除 - 张晓鹏博客
jquery复选框checkbox实现删除 实现这样一个基本需求,页面有很多数据,可以删除一条或多条,删除前判断是否选中至少一条,否则提示。 后台action进行接收数据 进行删除 源地址:http://www.open-open.com/lib/view/open1333886193780.htm
2016-09-08T08:21:00Z
2016-09-08T08:21:00Z
张晓鹏博客
https://www.cnblogs.com/zhangxiaopeng/
【摘要】jquery复选框checkbox实现删除 实现这样一个基本需求,页面有很多数据,可以删除一条或多条,删除前判断是否选中至少一条,否则提示。 后台action进行接收数据 进行删除 源地址:http://www.open-open.com/lib/view/open1333886193780.htm <a href="https://www.cnblogs.com/zhangxiaopeng/p/5853492.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zhangxiaopeng/p/5820604.html
响应式设计:跨浏览器兼容性 - 张晓鹏博客
小编推荐:掘金是一个高质量的技术社区,从 ECMAScript 6 到 Vue.js,性能优化到开源类库,让你不错过前端开发的每一个技术干货。各大应用市场搜索「掘金」即可下载APP,技术干货尽在掌握中。 本文由Spy根据Annarita Tranfici的系列教程《Understanding Res
2016-08-30T01:33:00Z
2016-08-30T01:33:00Z
张晓鹏博客
https://www.cnblogs.com/zhangxiaopeng/
【摘要】小编推荐:掘金是一个高质量的技术社区,从 ECMAScript 6 到 Vue.js,性能优化到开源类库,让你不错过前端开发的每一个技术干货。各大应用市场搜索「掘金」即可下载APP,技术干货尽在掌握中。 本文由Spy根据Annarita Tranfici的系列教程《Understanding Res <a href="https://www.cnblogs.com/zhangxiaopeng/p/5820604.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/zhangxiaopeng/p/5795346.html
HTML5和CSS3登录页面制作实录 - 张晓鹏博客
本文详细介绍使用HTML5 和CSS3 制作一个登录页面的完整过程。 View demo login.html 所用到的HTML 5的特性: ◆ placeholder – 输入框的简短提示,当该输入框获得输入焦点时,该提示信息自动消失 ◆ required – 指定该输入元素是否必须提供 ◆ au
2016-08-22T06:02:00Z
2016-08-22T06:02:00Z
张晓鹏博客
https://www.cnblogs.com/zhangxiaopeng/
【摘要】本文详细介绍使用HTML5 和CSS3 制作一个登录页面的完整过程。 View demo login.html 所用到的HTML 5的特性: ◆ placeholder – 输入框的简短提示,当该输入框获得输入焦点时,该提示信息自动消失 ◆ required – 指定该输入元素是否必须提供 ◆ au <a href="https://www.cnblogs.com/zhangxiaopeng/p/5795346.html" target="_blank">阅读全文</a>