<script type="text/javascript"> $(function(){ var s = $("#myCanvas")[0]; var canvas = s.getContext("2d"); //画直线 canvas.strokeStyle = "#FF0000"; canvas.moveTo(100,100); canvas.lineTo(300,400); canvas.stroke();…

多学一点总是好的~ 自始至终都觉得的css和html效果比较美观,于是在看慕课网教程时,自己也跟着敲了深爱着的前端代码 这部分分为两部分:①基础篇:http://www.imooc.com/learn/445: ②进阶篇:http://www.imooc.com/learn/598: 这里只对基础篇进行记录,下篇则为进阶篇介绍. 学到的something: 1.CSS的常规布局方法: 2.CSS扁平化风格布局方法 : 3.网页布局特殊情况处理方式 : 4.HTML5相关标签和CSS3效果. 项目…

由于一些原因,要换工作了,毫无准备,心情郁闷了几天.但是还是更新了简历,准备复习面试.面 了3天.面试中问到了一些问题,想好好整理一下.越是大公司越看重基础.这几天遇到的面试题,有15到简答题,有两页面试基础题.最夸张的是有5页面试题,我做了一个多小时.拿到面试题内心是崩溃的. 我计划按照,Html篇,css篇,js篇,和架构篇来总结一下.总结的可能不全.后面再补充. HTML基础篇 1 ,DOCTYPE有什么作用?严格模式与混杂模式如何区分?它们有何意义? 1,告诉浏览器使用哪个版本的HTML…

第1章.基础篇(下) Abstract: 数据通信.数据存储.动画.音频与视频.canvas.BOM.表单操作.列表操作 数据通信(HTTP协议) HTTP事务: 客户端向服务器端发送HTTP请求报文:服务器端接收到HTTP请求报文后,经过处理,向浏览器返回一个包含事务结果的HTTP响应报文 请求报文: i.e. 请求行:GET music.163.com HTTP/1.1 请求方法   主机地址   HTTP版本 请求头:由很多键值对构成 Accept:浏览器端可接受的媒体类型 Accept-…

继续玩味之前写的音乐频谱作品,将原来在Canvas标签上的 作图利用Three.js让它通过WebGL呈现,这样就打造出了一个全立体感的频谱效果了. 项目详情及源码 项目GitHub地址:https://github.com/Wayou/3D_Audio_Spectrum_VIsualizer/tree/master 在线演示地址:http://wayou.github.io/3D_Audio_Spectrum_VIsualizer 如果你想的话,可以从这里下载示例音乐:http://pan.b…

话说HTML5的炫酷真的是让我爱不释手,即使在这个提到IE就伤心不完的年代.但话又说回来,追求卓越Web创造更美世界这样高的追求什么时候又与IE沾过边儿呢?所以当你在看本文并且我们开始讨论HTML5等前沿东西的时候,我们默认是把IE排除在外的.本文的例子可以工作在最新的Chrome及Firefox浏览器下,其他浏览器暂未测试. 若下方未出现演示页面请刷新. 你也可以点此全屏演示  或者前往GitHub进行代码下载然后本地运行. 你还可以 下载示例音乐(如果你手头没有音频文件的话) 文件列表:bb…

form表单那点事儿(上) 基础篇 做为html中最为常见,应用最广泛的标签之一,form常伴随前端左右.了解更深,用的更顺. 目录: 表单属性 表单元素 常识 模拟外观 表单属性 这个表单展示了form表单常用的属性 属性名 属性值 描述 action 一个url地址 指定表单提交到的地址 method `GET` , `POST` 表单将以此种方法提交到服务器 target `_self` 当前页面 `_blank` 每次在新窗口打开 `blank` 每次在同一个新窗口打开 `_parent…

----------------------------------------------------------------------------------------------------- The jQuery HTML5 Audio / Video Library jPlayer is the completely free and open source (MIT) media library written in JavaScript. A jQueryplugin, (an…

HTML5的audio标签提供了我们方便控制声音的功能,可是使用原生的HTML5来开发声音或者音乐相关的项目仍旧很的麻烦.在今天这篇文章中,我们将介绍5款帮助你简化开发的javascript audio类库,相信合理的使用可以帮助你高效的开发基于html5 audio的应用和项目,希望大家认为有帮助! SoundManager 2 soundmanager2绝对是一个产品级别的javascript audio解决方式.支持HTML5而且兼容老的flash.帮助大家使用一套统一API来实现跨平台(…

目录 这是<前端总结·基础篇·CSS>系列的第一篇,主要总结一下布局的基础知识. 一.显示(display) 1.1 盒模型(box-model) 1.2 行内元素(inline) & 块元素(block) 1.3 行内块元素(inline-block IE8+ IE6-7/tools) 1.4 flex(IE11+ IE10/-ms-) 1.5 none 二.位置(position) 三.补充 3.1 浮动(float) 3.2 层叠(z-index) 3.3 溢出(overflow…