第7页

  • HTML5常用标签解析

    HTML5常用标签解析

    今天忽然发现以前没有写过html5标签的文章,今天补写一个。在说到这里,首先得说说HTML5的用途,在近几年做的案列中发现HTML5主要针对移动端,因为移动端浏览器的内核基本上是一致的,即Webkit,PC这里相对较少。移动端的项目大概分为三种:原生App(native app):ios和android,优势在于性能高,3d游戏等什么都可以做,但是缺点在于需要团队庞大,人力成本过高,开发周期长。webApp:由html+css+js编写的app,开发周期短,迭代速度快,缺点是性能不高,达不到预期标准,只能依赖浏览器...

    HTML5 2016-03-23 674 0 html5移动端
  • canvas,svg,vml绘图插件

    canvas,svg,vml绘图插件

    看见标题中出现了一个vml,这个很多人不是很熟悉,在这里先简单讲解一下vml的相关知识点5,6vml全名 vector mark language  矢量标记语言微软自带的画笔工具vml出现的时间比较早,早在IE5,6,7的时候被用过,IE8不兼容如果想让IE8也兼容的话,需要加上<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />vml的基本绘图流程:首...

    js插件 2016-02-29 1300 0 html5svgcanvas
  • svg全面剖析

    svg全面剖析

    SVG基础今天说一下svg,在探讨svg的时候先提一下canvas,虽然canvas的性能高,但是canvas也存在不少缺点,比如canvas画出的图形放大会失真,canvas是位图不擅长交互处理(点击等)没有属性和样式    因此canvas擅长做游戏svg是矢量图,    1.放大不会失真    2.性能一般    3.擅长做交互(图表,点击) ...

    HTML5 2016-02-17 642 0 html5svg
  • 前端自动化工具--gulp

    前端自动化工具--gulp

    之前说过一个工具是grunt,现在说一说gulpgulp也是前端自动化的一款工具官网:http://www.gulpjs.com注意只有logo是大写的,其他一切都是小写安装npm install gulp -g检测是否安装成功gulp --version安装到本地项目npm install gulp使用gulp的用法非常贴切于nodejs,在写任务的时候需要先在项目根目录创建一个gulpfile.js插件:http://www.gulpjs.com/pl...

    前端工具 2016-01-23 961 1 工具gulp
  • canvas高级部分--事件,阴影,渐变,图片操作

    canvas高级部分--事件,阴影,渐变,图片操作

    canvas事件canvas画出来的图形都是一堆的像素点,因此事件都是以检测像素点的方式添加。矩形:坐标和四个边检查,判断当前点是否在矩形上圆:距离和半径作比较矩形检测<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     &l...

    HTML/CSS 2016-01-03 692 0 html5canvas
  • canvas中级部分--运动,弧度,文字,变形

    canvas中级部分--运动,弧度,文字,变形

    canvas运动 本质是一堆像素点的运动,需要用到定时器setInterval及gd.clearRect(x,y,w,h); 原理是先擦除,在重新绘画,这不需要考虑性能,因为canvas的性能相当高。定时器这里给的时间是60fps,保证canvas运动基本流畅*帧频高帧   1000/60 =16 ms低帧    30ms此处是关于运动的演示:<!DOCTYPE html> <html lang="en"&...

    HTML/CSS 2016-01-02 2084 0 canvashtml5
  • canvas基础

    canvas基础

    今天整理了一份canvas的学习心得,具体请看下列代码及知识点。canvas是一种html5新增的绘图标签,类似于img,兼容IE9+,chrom,FF等主流浏览器。主要是通过js来进行绘图 canvas定义宽高必须用属性的方式写不能使用css基础画笔:var gd = oC.getContext('2d');//所有和绘图有关的属性,方法都在这里面路径:(特别类似于ps,选取)------->必须描边,填充gd.moveTo(x,y);  //移动到哪里去gd.moveTo(x,y...

    HTML/CSS 2016-01-01 586 0
  • 15个Javascript优化小技巧总结

    15个Javascript优化小技巧总结

     JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。不仅如此,JavaScript还是很多新手踏入编程世界的第一个语言。既可以用来显示浏览器中的简单提示框,也可以通过nodebot或nodruino来控制机器人。能够编写结构清晰、性能高效的JavaScript代码的开发人员,现如今已成了...

  • 7个步骤:让JavaScript变得更好

    7个步骤:让JavaScript变得更好

    随着浏览器性能提高,伴随着新的HTML5的编程接口的稳步采用,网页上的JavaScript的音量在逐渐增加。然而,一个写得不好的程序编码却拥有着打破整个网站,让用户为之沮丧和驱赶潜在客户的潜力。开发人员必须使用所有供他们任意使用的工具和技术来提升他们的代码的质量,并有信心确认每次的执行都是可以预见的。这是一个在我心灵深处的话题并且我已经工作多年找到一组开发过程中来遵循的步骤以确保只有最高质量的代码可以被发布。您只要按照这七个步骤操作就会大大提高您的JavaScript项目的质量。使用这个工作流程,错误将会减少并且将...

    JS知识点 2015-12-28 599 0 JS知识点js收藏
  • 什么是BFC?BFC的布局规则是什么?如何创建BFC?

    什么是BFC?BFC的布局规则是什么?如何创建BFC?

    Box 是 CSS 布局的对象和基本单位,页面是由若干个Box组成的。元素的类型 和 display 属性,决定了这个 Box 的类型。不同类型的 Box 会参与不同的 Formatting Context。 BFC布局规则 BFC内,盒子依次垂直排列。BFC内,两个盒子的垂直距离由 margin 属性决定。属于- 同一个BFC的两个相邻Box的margin会发生重叠【符合合并原则的margin合并后是使用大的margin】BFC内,每个盒子的左外边缘接触内部盒子的左边缘(对于从右到左的格式,右边缘接触)。即使...

    HTML/CSS 2015-12-18 171 0