HTML5
文章平均质量分 52
Quincylk
这个作者很懒,什么都没留下…
展开
-
表格单元格td设置宽度无效的解决办法
http://zzstudy.offcn.com/archives/11366在做table页面时,有时对td设置的宽度是无效的,td的宽度始终有内部的内容撑开,可以设置padding,但直接设置width却无效,下面我们来具体看下这个示例:123456789101112131415161718转载 2014-05-15 10:33:53 · 128038 阅读 · 11 评论 -
HTML使用Radio Input来实现Tab切换
在开发中看见仅使用css技巧,就用HTML的Radio Input来实现的Tab的切换,连click事件都未使用。代码效果如下:<!DOCTYPE HTML><html><header><link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/f...原创 2018-12-06 16:58:28 · 2823 阅读 · 0 评论 -
正确地缩写 document.querySelector
原文:https://www.cnblogs.com/Wayou/p/7043478.html北京的夕阳,伴随淡淡的霾殇。从写字楼望去,光线是那么昏黄。没有孤雁,也没有霞光,遥想当年,还是 jQuery 独霸一方。那时的我们,写程序都习惯了使用 $,至少在对美元符号的喜爱上,与 PHP 达成了一致。当然,我并不讨论语言,我只说前端。在 React 大行其道的如今,很少再看到 jQuer...转载 2018-11-30 14:35:08 · 744 阅读 · 0 评论 -
HTML5中类jQuery选择器querySelector的使用
原文:https://www.cnblogs.com/Wayou/p/html5_web_api_queryselector.html简介HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素,功能类似于jQuery的选择器。这使得在编写原生JavaScript代码时方便了许多...转载 2018-11-30 14:29:34 · 805 阅读 · 0 评论 -
前端不为人知的一面--前端冷知识集锦
原文:https://www.cnblogs.com/Wayou/p/things_you_dont_know_about_frontend.html前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前端技能,一些属于技巧,一些则是闻所未闻的冷知识...转载 2018-11-30 14:20:07 · 305 阅读 · 0 评论 -
Chrome 控制台不完全指南
原文:https://www.cnblogs.com/Wayou/p/chrome-console-tips-and-tricks.htmlChrome的开发者工具已经强大到没朋友的地步了,特别是其功能丰富界面友好的console,使用得当可以有如下功效:更高「逼格」更快「开发调试」更强「进阶级的Frontender」 Bug无处遁形「Console大法好」console.log大...转载 2018-11-29 18:03:54 · 202 阅读 · 0 评论 -
浮动的清除 -- 四种方法
原文:https://www.cnblogs.com/gchlcc/p/5824200.html浮动的清除 -- 四种方法前言 -- 一个父亲不能被自己浮动的儿子,撑出高度。开胃小菜来看一个实验:现在有两个div,div身上没有任何属性。每个div中都有li,这些li都是浮动的。我们本以为这些li,会分为两排,但是,第二组中的第1个li,去贴靠第一组中的最后一个li了。...转载 2018-10-11 15:41:55 · 2784 阅读 · 1 评论 -
在html5中不支持<table>的cellpadding 和 cellspacing的替代方案
原文:https://www.cnblogs.com/cbza/p/7147214.html在html5中不支持<table>的cellpadding 和 cellspacing ; 2) 如何用css实现 cellpadding, cellspacing ; 3) tr , th 是 有 border, 没有 padding 的.1.初始:<!DOCTYP...转载 2018-08-21 18:09:32 · 8451 阅读 · 0 评论 -
css3实现固定表格头部而无需设置单元格td的宽度
原文:http://www.html-js.com/article/cssyanjiu-css3shixiangudingbiaogetoubuerwuxushezhidanyuangetddikuandu%204019背景最近小弟在工作都是做后台系统,一堆的表格,各种各样的。然后需求上要有固定的表头的表格,如下图所示在网上查询固定表头的实现方式为:thead 设置为 fixe...转载 2018-08-20 18:10:02 · 658 阅读 · 1 评论 -
HTML5的File API应用
原文:http://blog.meathill.com/tech/js/html5-file-reader-file-writer.htmlHTML5新增了很多特性,其中File API是非常重要的部分。在肉大师中,我大量使用了HTML5的文件API,这样一来可以给予用户近乎桌面软件的体验,二来还能减少服务器和带宽的消耗。今天终于把最后几个问题解决了,在这里总结下HTML5 File AP转载 2017-08-31 15:48:57 · 3214 阅读 · 3 评论 -
localStorage使用总结
原文:http://www.cnblogs.com/st-leslie/p/5617130.html一、什么是localStorage、sessionStorage在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览转载 2017-07-06 11:35:46 · 356 阅读 · 0 评论 -
IFrame实现HTML代码调试效果
在w3c school上学习HTML时,经常能看到提交HTML代码,右边窗口显示结果的页面。经调试相关页面,发现是用IFrame实现的。下面代码是一个简单的实现: IFrame实现HTML调试效果 function run(){ document.getElementById("iframe1").srcdoc = document.getElem原创 2016-10-20 22:42:41 · 2506 阅读 · 1 评论 -
HTML中滚动条滚动时如何让上面的标题固定不动
在做web前端开发时,有时候需要滚动条滚动时让上面的标题固定不动。如果一开始在设计阶段html元素的层次结构是对的,通过在不同的节点设置overflow就很容易实现。但是有时候一开始的层次结构设计的不能满足让标题固定不动,如果调整层次结构又会改动很多文件。例如一开始,标题并没有单独放在一个div里,而是按左右设计的,并且是在2个不同的模板文件里。这时要实现上述需求,在不改动大的层次结构原创 2016-10-20 15:47:35 · 35277 阅读 · 0 评论 -
2015前端组件化框架之路
原文:http://sentsin.com/web/1124.html1. 为什么组件化这么难做Web应用的组件化是一个很复杂的话题。在大型软件中,组件化是一种共识,它一方面提高了开发效率,另一方面降低了维护成本。但是在Web前端这个领域,并没有很通用的组件模式,因为缺少一个大家都能认同的实现方式,所以很多框架/库都实现了自己的组件化方式。前端圈最热衷于造轮子了,没有哪转载 2016-06-18 22:38:42 · 1463 阅读 · 0 评论 -
DOM中的innerHTML、innerText和outerHTML、outerText的区别
http://walsh.iteye.com/blog/261966 1、功能讲解: innerHTML 设置或获取位于对象起始和结束标签内的 HTML outerHTML 设置或获取对象及其内容的 HTML 形式 innerText 设置或获取位于对象起始和结束标签内的文本 outerText 设置(包括标签)或获取(不包括标签)对象的文本 2、转载 2014-05-19 17:18:48 · 957 阅读 · 0 评论 -
JS、jQuery和Dojo对DOM的常用操作
在开发HTML5应用程序时,经常会创建、查找、修改DOM节点。熟练掌握DOM操作的各种常用方法十分必要。一、DOM简介文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上,组织页面(或文档)的对象被组织在一个树形结构中,用来表示文档中对象的标准模型就称为DOM。1、HTML DOM (文档对象模型)当网...原创 2019-01-02 21:58:56 · 495 阅读 · 0 评论