前端笔记之Canvas

【前端笔记之Canvas】的更多相关文章

一.Canvas基本使用 Canvas是HTML5的画布,Canvas算是“不务正业”的面向对象大总结,将面向对象玩极致. 算法为王!就是说canvas你不会,但是算法好,不怕写业务,不怕代码量,只要稍微学学API就能出活. Canvas这里是HTML5新标签,直接要了flash的命. 1.1 Canvas简介 MDN的Canvas在线手册: https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API 了解: <canvas>是一个可…

2.前端笔记之css

title: 1.前端笔记之CSS date: 2016-04-05 23:05:51 tags: 前端 categories: w3c --- 作者:刘耀 **出处:http://www.liuyao.me欢迎转载** 一.css简介 css是英文Cascading Style Sheets的缩写,称为层叠样式表,用于对页面进行美化,CSS的可以使页面更加的美观.基本上所有的html页面都或多或少的使用css. 存在方式有三种:元素内联.页面嵌入和外部引入 1.元素内联 <!DOCTYPE h…

1.前端笔记之html

title: 1.前端笔记之HTML date: 2016-04-04 23:21:52 tags: Python categories: Python --- 作者:刘耀 **出处:http://www.liuyao.me欢迎转载** 一.html简介超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准, 它通过标记符号来标记要显示的网页中的各个部分.网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图…

写给后端的前端笔记：浮动（float）布局

写给后端的前端笔记:浮动(float)布局这篇文章主要面向后端人员,对前端有深刻了解的各位不喜勿喷. 起因前一阵子我一个后端的伙伴问我,"前端的左飘怎么做?",我立马就懵了,"居然有这种操作?",过去看了一眼,大概知道他说的左飘就是左浮动float: left 这么看来,后端的同僚对前端css布局的了解基本处于小白阶段. 于是就有了这篇文章. 浮动我们可以这样理解浮动,图中有页面,div1,div2,div3,div4. <div id="di…

写给后端的前端笔记：定位（position）

写给后端的前端笔记:定位(position) 既然都写了一篇浮动布局,干脆把定位(position)也写了,这样后端基本上能学会css布局了. 类别我们所说的定位position主要有三类:固定定位fixed,相对定位relative,绝对定位absolute.它们都有相同的四个属性:top,bottom,left,right 区别主要在于他们的参照物不一样 <div class="block" id="div1">固定定位bottom: 40px;…

前端笔记知识点整合之JavaScript（三）关于条件判断语句、循环语句那点事

一.条件分支语句条件分支语句,也叫作条件判断语句,就是根据某种条件执行某些语句,不执行某些语句. JS中有三种语法是可以表示条件分支的 1.1 if……else…… 条件分支的主力语法,这个主力语法能够书写所有的条件分支语句.也就是说,一会儿学switch case语句,switch case语句能干的,if else语句一定也能干. 标准的完整结构: if(){ }else if(){ }else if(){ }else{ } else只能有一个,并且一定要放在最后.表示所有的分支都不满…

前端笔记-html

前端笔记html 前端三大利器,html(本源),css(着装),js(动作) html 学习html就是学习一套规则能够被浏览器识别,在页面中展示,一个页面只能运行一个html 标签 <>被尖括号包裹的就是标签,不同的标签有不同的含义主动闭合标签 <title>Title</title> 自动闭合标签 <meta charset="UTF-8"> html分为head,和body <head>: <!--最新html…

移动端前端笔记 — 遇到的常见JS与CSS问题及解决方法（摘自zdwzdwzdw）

笔者接触移动前端快一年了,特将平时的一些笔记整理出来,希望能够给需要的人一些小小的帮助.同时也由于笔者的水平有限,虽说都是笔者遇到过使用过的,但文中可能也会出现一些问题或不严谨的地方,望各位指出,不胜感激! 一. css部分 body如果设置height:100%;overflow:hidden是依然可以滑动的,如果需禁止,要再加一层div设置 height:100%加overflow:hidden(html,body加height:100%) ,这样元素超出body的高度也不能滑动了.或者同时…

前端笔记之HTML5&CSS3（上）新特性&音频视频&本地存储&自定义属性

一.HTML5简介 HTML 5 的第一份正式草案已于2008年1月22日公布.HTML5 仍处于完善之中.然而,大部分现代浏览器已经具备了某些 HTML5 支持. 2014年10月29日,万维网联盟宣布,经过几乎8年的艰辛努力,HTML5标准规范终于最终制定完成了,并已公开发布. HTML5不仅仅是超文本标记语言的新版本,而是一整套浏览器新API的综合: 新的语义标签.我们知道HTML就是超文本标记语言,负责描述的是文档的语义.结构.HTML5中,提供了非常多的新的标签,<header>.&…

前端笔记之JavaScript（十）深入JavaScript节点&DOM&事件

一.DOM JavaScript语言核心.变量的定义.变量的类型.运算符.表达式.函数.if语句.for循环.算法等等.这些东西都属于语言核心,下次继续学习语言核心就是面向对象了.JavaScript能做非常多的事情:DOM开发.Ajax开发.Canvas开发.NodeJS开发.前端框架(React.Vue.Angular等等).HTML5开发.这些都需要语言核心的知识. DOM开发说白了就是浏览器中的页面效果开发,在2011年之前,DOM开发占据了前端开发工程师的90%的工作:年之后,前端要负…