前端学习
文章平均质量分 67
Kotomi_5555
这个作者很懒,什么都没留下…
展开
-
前言之前端学习之路
写在之前但是对于技术学习,我本是很清楚的认识到体系学习的重要性,但是一直没有实际行动,总是停留在老师让我做点什么,我就学点什么的状态。虽然现学现用的功夫有必要,但是体系学习才是长久之计。所以,如今考上研究生的我必须利用好学校的资源和环境,好好地体系化自己的专业知识的学习(前端技术)。今天开始,将在这里记录自己的前端学习之路,作为自己体系化学习一门技术的笔记,帮助自己一步一步向前。对原创 2017-03-29 09:12:23 · 194 阅读 · 0 评论 -
(HTML5 )canvas 第八章
window.onload事件会在页面加载完成后触发。canvas绘制曲线:arc() //画不了椭圆,d3里面的椭圆用elipseartTo()//下面两个都是贝塞尔曲线bezierCurveTo(c1px, c1py,c2px, c2py,x, y)quadraticCurveTo(cpx, cpy, x, y)控制点 本身不包含在曲线里,但是能影响曲线的最终形原创 2017-04-22 15:31:24 · 280 阅读 · 0 评论 -
(HTML5 )canvas 第九章
前言:好像有很久没看这本书了,数要到期了,自己还没有看完!所以,在下个礼拜之前一定要把这本书看完。绘制图像context.drawImage(img,0,0)裁剪、切割和伸缩图片context.drawImage(img,0,0,20,30)//本来40,60的图片,缩小成20,30 的图片context.drawImage(img,0,0,30,50,75,75,30,5原创 2017-04-22 15:29:48 · 938 阅读 · 0 评论 -
有关chrome dev的使用
今天看到一篇很实用地关于chrome dev的使用教程http://www.w3cplus.com/tools/15-must-know-chrome-devtools-tips-tricks.html这一篇专门讲有关style那一块的使用http://blog.csdn.net/qq_24122593/article/details/53837795其中有关:hov的开启原创 2017-04-22 14:16:40 · 650 阅读 · 0 评论 -
(HTML5) 第六章 CSS3
最好不要在自己的网页中使用多色边框。查找css3特性是否需要开发商前缀(-moz-radial-gradient(circle,green,yellow)),可求助于网址 http://caniuse.com原创 2017-04-09 15:32:18 · 642 阅读 · 0 评论 -
chrome查看network的response,一直显示加载失败
问题:chrome查看network的response,一直显示加载失败解决:首先,preserve log一定要勾上,如果还是没用,应该是您的某个设置有问题,但是我们又不知道是哪个设置,所以最好的办法就是恢复默认设置,然后再重新勾选preserve log等原创 2017-04-28 10:53:23 · 7283 阅读 · 0 评论 -
(HTML5)第七章 css3和响应式设计
响应式设计的思想就是让网页布局、图片和字体自适应窗口大小响应式设计基础百分比和em功能相同,让文字相对于浏览器默认的文字大小缩放。把文字大小设置为110%或1.1em,结果就是比常规没有应用样式的文字打10%。响应式布局常用设置方式:body{ font-size:100%}p{font-size:0.9em}p{font-size:2em}同时,对于边框、内边原创 2017-04-04 15:20:04 · 616 阅读 · 0 评论 -
(HTML5)第五章 音频与视频
YouTube提供了一个试用版HTML5视频播放器,www.youtube.com/html5标签元素 播放视频前的预处理 自动播放+循环播放//设置替换视频的图片,在以下三种情况下会加载:一,视频第一帧未加载完毕;二,把preload属性设置为none;三,没有找到指定的视频文件controls属性告诉浏览器生成方便的播放控件mediagroup属性,可以用于从不同角度拍原创 2017-04-04 13:56:29 · 829 阅读 · 0 评论 -
(HTML5)第一章
《HTML5秘籍》一、HTML5语法的变化HTML5验证器可以保证遵循HTML5标准的这一部分;帮你抓住那些与HTML5标准不相符的标记。·lang的作用 指明网页中使用的自然语言。这个信息有时候对他人有用,比如搜索引擎可以通过它来筛选搜索结果,确保只向搜索者返回页面语言与他使用的语言相同的页面。·rel标签这是w3c的标准 rel: 属性用于定义连接的文件原创 2017-03-29 11:42:23 · 1760 阅读 · 0 评论 -
(HTML5)第四章 web表单
什么是表单?用户填写内容然后点击按钮,浏览器收集用户输入的信息并将其发送给web服务器。通过占位符文本添加提示避免用占位符做两件事:一是不要用它代替字段描述或说明。比如,对于一个收集信用卡安全码的文本框,“您的卡背面的三位数字”并不适合以占位符形式出现。可以考虑用二是不要为了表示占位符不是真正的内容,就选择特殊字符作为占位符。 可添加在上,让浏览器自己控制焦点,在用户操作之原创 2017-04-02 19:44:26 · 299 阅读 · 0 评论 -
d3_v4 shape系列之Arc\Pie\Symbol
hello var canvas =document.querySelector("canvas"),//querySelector() 方法仅仅返回匹配指定选择器的第一个元素 context=canvas.getContext("2d"); var width=canvas.width, height=canvas.height,原创 2017-04-04 21:51:39 · 751 阅读 · 0 评论 -
(HTML5)第三章
常用语义标签介绍hello march 21st 其中21st //表示上标的标签 标注javascript返回值,原本会用,但是该标签没有任何语义以下是一个由来已久的设计模式,输入数字,单机按钮,就可以得到答案。包含了好多知识点:1、form+label+表单2、display:inline-block //呈现为内联对象,周围元素保持在同一行,但可以设置宽度和高度原创 2017-04-02 15:27:04 · 678 阅读 · 0 评论 -
(HTML5)第二章
一、HTML的语义元素元素:如等特点:不真正做事,大多数语义元素都是块级元素。必要性:容易修改和维护;无障碍性,方便屏幕阅读器(是一种可将文字、图形以及电脑接口的其他部分(藉文字转语音技术)转换成语音及/或点字的软件。)的使用;搜索引擎优化,有利于爬虫获得的信息更丰富;未来的功能,如提供页面的内容纲要。总之,利用予以元素,能够创建更加清晰的页面结构。IE9不兼容问题解决:a.使原创 2017-03-29 17:49:26 · 312 阅读 · 0 评论 -
svg 画箭头
引入:有下面的知识整理,是因为今天看了群里面的一个问题:给力引导图增加一个箭头,但是在IE中不支持。为了解决这个问题,需要自己话三角形箭头,然后移到自己想要移的位置。具体要考虑的数理问题是:如何计算偏移量:绕某个点的旋转度----cosABC=向量AB向量BC/|AB|*|BC|注意点:E 不是不支持箭头,是不支持defs 与marker-endMethod Draw –原创 2017-04-07 15:35:45 · 6093 阅读 · 0 评论 -
svg中path标签的用法
转自http://www.cnblogs.com/netWild/archive/2010/12/07/1898792.html除了上次的六个普通标签之外,SVG还支持复杂的路径标签:path 使用path标签时,就像用指令的方式来控制一只画笔,比如:移动画笔到某一坐标位置,画一条线,画一条曲线,完事了抬起画笔,OVER! path支持的指令有:转载 2017-04-23 15:53:02 · 688 阅读 · 0 评论