活在当下
活在当下
> 关键点是 class box3 这个样式属性 需要添加一个 min-width：0; ``` html Document .box { display: flex; align-items: center; height: 48px; border: 1px solid red; } .box2 { display:inline-block; width:95px; font-size:14px; line-height:20px; color:#606062;...
# 文件下载功能 ## html5 download 属性 [可以参考张鑫旭大神的了解HTML/HTML5中的download属性](http://www.zhangxinxu.com/wordpress/2016/04/know-about-html-download-attribute) 在html中 a标签 提供了 download 属性 用户可以直接点击下载 href中的资源 ## js触发form提交 ``` //隐藏域，用来放需要传递的参数 ``` 注意form的target属性要设置成_blank 2.提交这个Form ``` function btnEditEmail_onclick() { document.getElementById("emailid").value=id;//初始隐藏域 document.getElementById("EmailForm").submit();//提交 } ```
#技术笔记/css 阅读大约五分钟 在理解了各种清除浮动的原理之后，你会发现，很多清除浮动的方法本质上其实是一样的。掌握这些，你可以根据场景和需求，灵活运用不同的清除浮动的方法，而不再死记硬背那些网上找到的答案，祝你工作愉快。 ## 为什么要清除浮动 我们总是在寻找答案，缺很少反问，为什么要这样做。 > html ``` 我是浮动大哥 我是大哥的小弟一个普通的超超超超超超超超超超超超超超超超超长文本小‘绿’ 我是一个路人甲 ``` > css ``` .box { width: 300px; border: 5px solid blue; overflow: auto; } .float-brother { width:...
# 元素居中的几种实现 *阅读时间1m 35s* #技术笔记 ## 一 . 居中是一个常见的考试题通常有下面两个形式 1. 已知宽高的垂直左右居中 2. 未知宽高的垂直左右居中 ### 已知一个元素的宽高做垂直居中 ```css .element { width: 600px; height: 400px; position: absolute; left: 50%; top: 50%; margin-top: -200px;...
> safari 版本 10.0.1 (12602.2.14.0.7) #### 从后端请求到一个后缀是snp格式的可下载地址。无法下载 其他浏览器都是新开一个页面下载 或者直接进入下载栈 safari一直一个加载状态，最后失败。 ### firefox  ### chrome  ### safari 会请求这个地址 直到失败  ### 解决办法 1. 设定响应的内容类为“application/octet-stream”，大小写无关。 2. 设置HTTP的响应头名字为：Content-Disposition，设定值为：attachment; filename = theFileName。这里的theFileName就是出现在文件下载对话框里的默认文件名，通常和所下载的文件名字相同，但也可以不同。...
使用HTML5 video标签时 尽量将视频编码转为 H264格式，因为这是网页播放器支持率比较高的格式
## html 意义：根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码同时让浏览器的爬虫和机器很好地解析。 注意： 1. 尽可能少的使用无语义的标签div和span； 2. 在语义不明显时，既可以使用div或者p时，尽量用p, 因为p在默认情况下有上下间距，对兼容特殊终端有利； 3. 不要使用纯样式标签，如：b、font、u等，改用css设置。 4. 需要强调的文本，可以包含在strong或者em标签中（浏览器预设样式，能用CSS指定就不用他们），strong默认样式是加粗（不要用b），em是斜体（不用i）； 5. 使用表格时，标题要用caption，表头用thead，主体部分用tbody包围，尾部用tfoot包围。表头和一般单元格要区分开，表头用th，单元格td； 6. 表单域要用fieldset标签包起来，并用legend标签说明表单的用途； 7. 每个input标签对应的说明文本都需要使用label标签，并且通过为input设置id属性，在lable标签中设置for=ld来让说明文本和相对应的input关联起来。
在JavaScript中我们使用getElementById('videoID')来获取Video标签,作为结果,我们会获取到一个Dom对象.但是这不是等价的jQuery对象.$("videoID")会返回一个jQuery对象.不是Dom对象.这就是为什么在将其转换为Dom对象之前我们不能直接使用jQuery选择器调用/使用Html5 Video的Dom属性和功能. ```javascript //return a DOM object var video = document.getElementById('videoID'); //or var video = $('#videoID').get(0); //or var video = $('#videoID')[0]; //return a jQuery object var video = $('#videoID'); ```