随笔分类 -  HTML & CSS

How to make love!
Element 日期选择器 DateTimePicker 提交到后端发现少一天的问题
摘要：先看解决办法 添加：value-format="yyyy-MM-dd" 再来看问题本身，其实不是DateTimePicker组件的问题，这个问题是Date.prototype.toJSON 当Date对象通过JSON.stringify方法序列化时会调用原型的toJSON方法， Date.proto 阅读全文
posted @ 2022-03-27 18:05 Jackson.Bruce 阅读(336) 评论(0) 推荐(0)
jQuery.fill 数据填充插件
摘要：主要的功能有：1、对DOM对象填充数据；2、将DOM对象反序列化为json对象；3、支持复杂的javascript对象提交至服务端；4、填充触发器和动作触发器，实现页面零脚本 阅读全文
posted @ 2015-07-06 19:20 Jackson.Bruce 阅读(5729) 评论(6) 推荐(4)
关于Web安全的那些事（XSS攻击）
摘要：XSS攻击是Web攻击中最常见的攻击方法之一，它是通过对网页注入可执行代码且成功地被浏览器执行，达到攻击的目的，形成了一次有效XSS攻击，一旦攻击成功，它可以获取用户的联系人列表，然后向联系人发送虚假诈骗信息，可以删除用户的日志等等，有时候还和其他攻击方式同时实施比如SQL注入攻击服务器和数据库、Click劫持、相对链接劫持等实施钓鱼，它带来的危害是巨大的，是web安全的头号大敌 阅读全文
posted @ 2014-09-05 19:10 Jackson.Bruce 阅读(10805) 评论(2) 推荐(5)
HTML5文件上传器，纯脚本无插件的客户端文件上传器---Uploader 文件上传器类
摘要：概述客户端完全基于JavaScript的 浏览器文件上传器，不需要任何浏览器插件，但需要和jQuery框架协同工作，支持超大文件上传，其算法是将一个超大文件切片成N个数据块依次提交给服务 端处理，由服务端存储断点信息实现断点续传的功能；支持文件拖拽上传，直接将文件拖拽到页面元素上方即可自动上传（默认... 阅读全文
posted @ 2014-08-24 13:47 Jackson.Bruce 阅读(2185) 评论(2) 推荐(1)
区分IE8 、IE9 的专属css hack
摘要：一般来说,我们写的结构比较好的时候,IE8/9下是没区别的.所以可能很少人关注只有IE8或只有IE9才识别的css hack.因为IE8及以下版本是不支持CSS3的,但是我们如果使用css3,在IE下IE9正常渲染,但我们又想让IE8及以下的浏览器实现同样的效果,且不希望使用css3pie或htc或... 阅读全文
posted @ 2014-06-23 23:30 Jackson.Bruce 阅读(1456) 评论(0) 推荐(0)
IE6+IE7+IE8+IE9+FF兼容性调试
摘要：HACK原理:不同浏览器对各中字符的识别不同 (读完文章你会发现,FF和IE8对以下字符的识别能力完全相同)在 CSS中常用特殊字符识别表:(1)*:IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识别*的;(2)!important: 除IE6不能识别!important外,FF+IE8+... 阅读全文
posted @ 2014-06-23 23:24 Jackson.Bruce 阅读(824) 评论(0) 推荐(0)
强制换行CSS样式
摘要：语法： word-wrap : normal | break-word 取值： normal :? 默认值。允许内容顶开指定的容器边界 break-word :? 内容将在边界内换行。如果需要，词内换行( word-break )也将发生 说明：设置或检索当当前行超过指定容器的边界时是否断开转行。此... 阅读全文
posted @ 2014-06-23 23:19 Jackson.Bruce 阅读(458) 评论(0) 推荐(0)
CSS3 Media Queries
摘要：Media Queries直译过来就是“媒体查询”，在我们平时的Web页面中head部分常看到这样的一段代码： 或者这样的形式： 不知道大家留意没有，其中两种方式引入CSS样式都有一个共同的属性“media”，而这个“media”就是用来指定特定的媒体类型，在HTML4和CSS2中充许你... 阅读全文
posted @ 2014-06-23 23:16 Jackson.Bruce 阅读(219) 评论(0) 推荐(0)
CSS3 Media Queries 片段
摘要：Responsive设计在现代Web设计中可谓是越来越流行，但很同学们并未理解其真正的设计概念，往往把Responsive视为一种自适应布局。当然有很多同学也在尝试动写Responsive的案例，但如何取其断点左右纠结，如何设置哪几个断点？又从何入手？Responsive中的断点都依赖于CSS3的M... 阅读全文
posted @ 2014-06-23 23:04 Jackson.Bruce 阅读(332) 评论(0) 推荐(0)
针对移动设备的CSS3布局
摘要：针对移动设备的CSS3布局一些专业人士预测五年内移动设备将击败普通电脑成为网页浏览领域的霸主，不管这个预言是否应验，让网页在移动设备上较好的显示已经成为网页设计师和开发者的重要任务，本教程学习用CSS3的一些技术来让网页布局适应移动设备。1、思考在编写适应移动设备的布局前有几个问题值得思考。移动互联... 阅读全文
posted @ 2014-06-23 10:28 Jackson.Bruce 阅读(1420) 评论(0) 推荐(0)
浏览器兼容大全
摘要： 阅读全文
posted @ 2014-06-23 10:24 Jackson.Bruce 阅读(167) 评论(0) 推荐(0)
em与px区别-CSS教程
摘要：在现在的网页设计中，网页设计者都非常注重用户体验。而CSS中，font-size使用em还是px，如果选择不好将会影响到我们的用户体验。大部分的网页设计者认为px比em容易使用，或者有些根本就不知道em、px这两者的区别以及如何使用。大 部分的网页设计者在CSS代码编写中总是先对整体定义字体尺寸，中... 阅读全文
posted @ 2014-06-23 10:22 Jackson.Bruce 阅读(259) 评论(0) 推荐(0)
webApp添加到iOS桌面
摘要：iOS中的safri浏览器可以将一个网页添加到桌面，当做一个独立的应用运行。当然，这里我们不讨论怎么去做一个webApp，这需要html5的相关知识和开发经验。这里我们只讲webApp添加桌面后到启动的相关细节。全屏显示：系统顶栏的颜色(黑色和白色)：桌面程图标(如果不设置，则图标会显示网页的截图)... 阅读全文
posted @ 2014-06-23 10:21 Jackson.Bruce 阅读(385) 评论(0) 推荐(0)