html5
文章平均质量分 69
Ailsa-show
努力不一定会成功,但不努力一定不会成功
展开
-
canvas实例
function draw(id){ var canvas = document.getElementById(id); if(canvas == null) return false; var context = canvas.getContext('2d');//getCon原创 2017-03-27 19:14:57 · 2289 阅读 · 0 评论 -
web前端开发规范
web前端开发规范麦子学院何虎老师的开发web前端开发规范课程笔记web前端开发规范的意义1、提高团队的协作能力 2、提高代码的复用利用率 3、可以写出质量更高,效率更好的代码 4、为后期维护提供更好的支持规范1、命名规则 2、文件存放位置规范 3、css书写规范 4、html代码书写规范 5、JavaScript书写及实用规范 6、图片规范 7、注释规范 8、兼容性规范 9、开发测试约定及实用工...转载 2018-05-22 17:49:07 · 6227 阅读 · 0 评论 -
H5项目常见问题汇总及解决方案
H5项目常见问题及注意事项Meta基础知识:H5页面窗口自动调整到设备宽度,并禁止用户缩放页面//一、HTML页面结构<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />// width ...转载 2018-04-26 11:50:28 · 277 阅读 · 0 评论 -
display:grid布局
1. 网格列宽设置首先设置网格的父级元素display:gridgrid-template-colums:100px 10px 100px 10px 100px;1表示第1列100px,第2列10px(此列可作为列与列之间的间隙)2.网格高度设置grid-template-rows:auto 10px auto 10px;1表示第1行高度自适应内容,第2行10px(此列可作为列与列之间的间隙)3....原创 2018-02-08 10:16:43 · 791 阅读 · 0 评论 -
结合个人经历总结的前端入门方法
结合个人经历总结的前端入门方法,总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限,不能保证面面俱到,只是作为入门参考,面向初学者,让初学者少走弯路。互联网的快速发展和激烈竞争,用户体验成为一个重要的关注点,导致专业前端工程师成为热门职业,各大公司对前端工程师的需求量都很大,要求也越来越高,优秀的前端工程师更是稀缺。个人感觉前端入门相对容易,但是也需要系统地认真学习,在打好基础原创 2018-01-11 16:44:51 · 333 阅读 · 0 评论 -
<meta name = "format-detection" content = "telephone=no">
meta name="format-detection" content="telephone=no" 在iPhone的浏览器中页面将以原始大小显示,不允许缩放。 width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的原创 2017-05-03 16:38:51 · 1686 阅读 · 0 评论 -
玩转html5<canvas>画图
玩转html5画图导航前言基本知识绘制矩形清除矩形区域圆弧路径绘制线段绘制贝塞尔曲线线性渐变径向渐变(发散)图形变形(平移、旋转、缩放)矩阵变换(图形变形的机制)图形组合给图形绘制阴影绘制图像(图片平铺、裁剪、像素处理[不只图像、包括其他绘制图形])绘制文字保存和恢复状态(context)保存文件结合setInterval制作动画结语、demo下载 前言原创 2017-03-24 21:13:32 · 225 阅读 · 0 评论 -
html5新增标签(中)
progress元素代表一个任务的完成进度,这个进度可以是不确定,表示进度正在进行,但不清楚 还有多少工作量没有完成,也可以用0到某个最大数字(比如100)之前的数字来标识准确的进度 完成情况(比如进度百分比) 该元素具有两个表示当前任务完成情况的属性,value属性代表已经完成了多少工作量,max属性 表示总共有多少工作量。原创 2017-03-22 15:52:02 · 241 阅读 · 0 评论 -
HTML5中的Range对象的研究
一:Range对象的概念 Range对象代表页面上的一段连续区域,通过Range对象,可以获取或修改页面上的任何区域,可以通过如下创建一个空的Range对象,如下: var range = document.createRange();在html5中,每一个浏览器窗口及每一个窗口中都有一个selection对象,代表用户鼠标在页面中所选取的区域,(注意:经过测试IE9以下的原创 2017-03-22 22:13:03 · 472 阅读 · 0 评论 -
html5新增标签(上)
placeholder是指当文本框input="text" 或textarea 处于未输入状态时显示的输入提示。 function setValue(){ var label=document.getElementById("label"); var textbox原创 2017-03-21 18:12:13 · 576 阅读 · 0 评论 -
html5新增标签小结
html5新增标签html5新增标签 表示内容区块,一般入章节、页眉、页脚或者页面中的其他部分。可以与h1-h6等元素结合起来使用,标示文档的结构 表示页面中的一块与上下文不相关的独立内容,譬如博客中的一篇文章或者报纸中的一篇文章表示acticle元素的内容之外的,与article元素的内容相关的辅助信息。表示页面中一个内容区块或者整个页面的标题表示整个页面原创 2017-03-22 22:23:27 · 349 阅读 · 0 评论 -
表现与数据分离
表现与数据分离?表现与结构分离?初级开发者遇到这个词汇大家应该联想到,表现与结构分离,表现应该由CSS来控制,就是css与HTML分开嘛。表现与数据分离应该就是CSS与JS分离???其实不然。初级web开发通常会利用JS获取页面的ID或class获取页面的DOM,然后进行动态交互或渲染页面,但是,当后序升级中将包含该id的DOM删除了,那么这个时候就会报错。特别是ajax的大量运用,1...转载 2018-11-08 10:46:54 · 1684 阅读 · 0 评论