html
逸尘️
沉稳大气,笃行克己
展开
-
响应式页面实现
响应式网页设计最初是由 Ethan Marcotte 提出的一个概念:为什么一定要为每个用户群各自打造一套设计和开发方案?Web设计应该做到根据不同设备环境自动响应及调整。当然响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等,它更像是一种对于设计的全新思维模式;我们应当向下兼容、移动优先。首先我们应该遵循移动优先原则,交互&设计应以移动端为主,PC则作为移动端的一个扩展;一个页面需原创 2017-04-21 17:48:49 · 1477 阅读 · 0 评论 -
cookie和token身份验证
1. cookie身份验证用户输入登陆凭据;服务器验证凭据是否正确,并创建会话,然后把会话数据存储在数据库中;具有会话id的cookie被放置在用户浏览器中;服务器验证凭据是否正确,并创建会话;在后续请求中,服务器会根据数据库验证会话id,如果验证通过,则继续处理;一旦用户登出,服务端和客户端同时销毁该会话在后续请求中,服务器会根据数据库验证会话id,如果验证通过,则继续处理;...原创 2018-12-18 10:48:12 · 5915 阅读 · 0 评论 -
javascript之事件捕获和事件冒泡
1. 事件阶段事件分为三个阶段:捕获阶段、目标阶段和冒泡阶段。捕获阶段: 事件从文档的根节点流向目标对象节点。途中经过各个层次的DOM节点,并在各节点上触发捕获事件,直到到达事件的目标节点,主要任务是建立传播路径。目标阶段: 事件到达目标节点,事件就进入目标阶段。事件在目标节点上被触发,然后会逆向回流,直到传播至最外层的文档节点。冒泡阶段: 事件在目标元...原创 2018-04-06 14:48:21 · 340 阅读 · 0 评论 -
块级元素和行内元素的误区
今天无意中看到一篇关于前端布局的各种总结,说到块级元素和行内元素,想补充一点,以备将来忘记了吧。1. 块级元素特点总是在新行上开始; 高度、行高以及外边距和内边距都可控制; 宽度默认是它容器的100%,除非设定一个宽度;可以容纳内联元素和其他块级元素。2. 行内元素特点和其他元素都在同一行; 高,行高及外边距和内边距不可改变; 宽度就是它的文字和图片的宽度,不可改...原创 2018-03-30 17:32:50 · 488 阅读 · 0 评论 -
javascript实现异步上传图片
html代码:<form id="uploadForm" action="http://storage.test.com/file/upload" method="post" enctype="multipart/form-data"> <input type="hidden" name="key" id="key" value="原创 2017-12-04 19:03:23 · 981 阅读 · 0 评论 -
html meta标签 refresh 实现HTML自动刷新页面和跳转(重定向)
refresh 属性值 – 刷新与跳转(重定向)页面 refresh用于刷新与跳转(重定向)页面 refresh出现在http-equiv属性中,使用content属性表示刷新或跳转的开始时间与跳转的网址3秒后刷新页面:3秒之后跳转页面:原创 2017-10-23 11:27:35 · 42928 阅读 · 9 评论 -
HTML DOM中setInterval()和clearInterval()、setTimeout()和clearTimeout()
HTML DOM setInterval()和clearInterval() 方法setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。clearInterval(原创 2017-03-22 20:27:18 · 2439 阅读 · 0 评论 -
HTML5的getCurrentPosition() 地理定位,某些浏览器报错问题
首先很气,找错误找了很久,最后发现“被墙隔断时,一切都是枉然”。用navigator.geolocation.getCurrentPosition定位。 在PC端访问:IE可以获取经纬度。Google Chrome报error.POSITION_UNAVAILABLE错。Mozilla Firefox报error.TIMEOUT错。手机端访问:Safari报error.TIMEOUT错。原创 2017-04-13 21:58:49 · 8485 阅读 · 2 评论 -
input设置为disabled,表单无法提交后台解决方法
<input name="country" id="country" size=12 value="disabled提交时得不到该值 " disabled="disabled" >放在form表单中提交后得不到该值。将disabled=”disabled” 改为 readonly = “readonly” 即可按照W3C的规范: 设置为disabled的input将会有下面的限制: - 不能接原创 2017-04-15 15:48:30 · 11797 阅读 · 0 评论 -
不同浏览器的autocomplete特性
自动完成(autocomplete)允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器会基于之前键入过的值,显示出在输入框中填写的选项。autocomplete属性适用于form表单,以及表单内的input类型:text, search, url, telephone,email, password, datepickers, range 以及 color。通常,自动完成是浏览器...转载 2019-05-08 11:36:15 · 1570 阅读 · 0 评论