美文网首页前端知识
H5,css,Js易忘点

H5,css,Js易忘点

作者: yimi珊 | 来源:发表于2018-09-17 18:59 被阅读24次

H5新增属性

全局属性

contentEditable ------ 是否可编辑---- 布尔类型
hidden
spellcheck ------ input标签检查是否有错(单词)

元素

article ------ 对内容分块,如果要写样式 用div,也可以是一个插件
section ------ 对内容分段,如果要写样式 用div,里面一般有标题
nav
aside ------ 页面或文章的附属信息,或与内容无关侧边栏,广告等
time ------ 时间
pubdate ------ time属性,发布时间

非主体元素

header ------ 页面/区域块的标题
footer
hgroup ------ 标题组
address ------ 联系信息,作者的个人信息

表单新增元素与属性

form
formaction ------ input属性,可提交到不同地方
formmethod ------ input属性,提交方式,get/post
formenctype ------ input属性,对表单数据编码
gormtarget ------ input属性,_blank/_self/_parent/_top/framename
autofocus ------ input属性,打开页面获得光标
required ------ input属性,提交时如果内容为空,不允许提交,并显示提示文字
labels ------ 验证提示,js
control ------ 标签属性,js
placeholder ------ 文本框属性,文本框提示
list ------ 文本框属性,类似下拉列表,但可以自由输入内容。(datalist)
AutoComplete ------ 文本框属性,on/off,与list一起用
pattern ------ 文本框属性,提交前检查,正则


CSS

文本

direction ------ 文本方向
letter-apacing ------ 字符间距
text-decoration ------ 向文本添加修饰(下划线,上划线,删除线等)
text-indent ------ 缩进
text-transform ------ 元素中的字母大小写
unicode-bidi ------ 设置文本方向
white-space ------ 因素中空白的处理
word-spacing ------ 字间距
text-shadow ------ 阴影
text-wrap ------ 规定换行规则

轮廓

outline ------ 边框

多列

column-count ------ 可用于报纸那种布局或瀑布流


JS

字符串

match() ------ 内容匹配
replace() ------ 内容替换
toUpperCase() / toLowerCase() ------ 大小写转换
trim() ------ 空格验证

数组

concat() ------ 数组合并
sort() ------ 排序
reverse() ------ 数组元素翻转

history

window.history ------ 包含浏览器的历史url的集合
history.back() ------ 与在浏览器中点击按钮后退相同
history.forward() ------ 与在浏览器中点击按钮向前相同
history.go() ------ 进入历史中的某个页面

location

location.assign() ------ 加载新的文档

优化

动画中,translate比修改padding/margin等性能高

相关文章

  • H5,css,Js易忘点

    H5新增属性 全局属性 contentEditable ------ 是否可编辑---- 布尔类型hiddensp...

  • 用h5+SVG+js+css实现动态圆环进度

    方式一 h5代码 JS css 方式二: h5: css

  • CSS 易忘点

    样式优先级 就近原则:内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。 比较权值:...

  • h5 css 弹框在页面加载完3秒后从底部弹出

    css部分: h5部分 js代码

  • 跑马灯效果(可点击)

    css部分 h5部分 js部分

  • 前端技能概况

    html 块级元素、行内元素、盒子模型 H5新特性 css css3新特性 flex 布局 动画 js js基础 ...

  • 关于H5(1)

    H5基础都有哪些: H5有用的标签: 新增标签 *表单 *js新增功能 css3选择器: *css3新增的样式 浏...

  • 面试题一览

    HTML与CSS HTML与CSS常用编译工具 原生js h5 React Vue ES6 javascript框...

  • 2019-10-21

    26个常用易忘CSS小技巧收集于平时常用但易忘的CSS实现方法,如有遗漏或补充,还请指正! 解决inline-bl...

  • h5 + css易混淆点

    html1 href和src的区别 href相当于引用,资源不是必须的 src相当于引入,资源是必须的 inlin...

网友评论

    本文标题:H5,css,Js易忘点

    本文链接:https://www.haomeiwen.com/subject/fqdrnftx.html