结果:找到“HTML,CSS”相关内容53个,排序为按回复时间降序,搜索更多相关帖子请点击“高级”
html+css
0 个回复 - 824 次查看
下面附件是基于 head first +css 权威指南edition3 读书笔记。
请惠存
HTML5.docx
2017-12-18 13:16 - xiawaluodi - 数据可视化
html+css+js面试题
1 个回复 - 2143 次查看
html+css+js面试题
68程序员(www.68study.com)是专注于编码语言的开发性平台,一切资源均可以免费下载和阅读,同时68程序员提供相关的书籍、源码等资料,丰富了开发者的资源。查看书籍 ...
2014-7-11 22:05 - 随风qu - 经管书评
【学习笔记】 HTML5+CSS3--0720
2 个回复 - 131 次查看
昨日阅读3小时,累计阅读587小时
ch14 History API
用于对历史记录进行控制和管理
以前版本也有此功能:window.history调用History对象,使用back()方法回退,forward方法前进下一页
HTML5中新增了 pushStat ...
2019-7-20 23:13 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0707
3 个回复 - 311 次查看
ch13.地理位置API
除GPS定位之外,通过IP地址、WiFi和移动通信网络等方式也可以进行地理位置定位
一般流程:
[*]开启设备或打开应用
[*]请求地理位置
[*]根据定位方式的不同,查询相关地理信息
[*]将查询到的 ...
2019-7-7 22:53 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0706
4 个回复 - 391 次查看
以Nodejs为例
https://nodejs.org/download
Windows下,还需要Python2.7 和 Visual C++支持
安装Nodejs模块: npm install nodejs-websocket
一个最简单的nodejs 服务器端程序(功能仅是启动http服务) ...
2019-7-6 10:09 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0705
4 个回复 - 237 次查看
ch12. Web Socket API
满足Web端与服务器端信息的实时通信,它是一种全新的协议,可以在浏览器和服务器之间建立一个基于TCP连接的双向通道,保持两者的信息同步
Socket通信可以在两个应用程序之间通过“套接字” ...
2019-7-5 14:40 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0704
5 个回复 - 250 次查看
写入数据
类似于创建数据表的操作
function insertData(db){
var sql="insert into tUser(id, name) values(?,?)";
var data={"1", "zhangshan");
db.transaction(function(tx){
tx.executeSql(sql, dat ...
2019-7-4 10:32 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0703
2 个回复 - 271 次查看
ch11. Web Workers API与Web SQL API
Web Workers API用于处理多线程操作,可以提供程序运行效率,有效避免页面无响应的问题
Web SQL API则用于在页面进行数据库操作,可将部分数据存储在客户端浏览器中,并以数据 ...
2019-7-3 22:36 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0630
4 个回复 - 355 次查看
ch10. Communication API
网页文档之间实现互相接收与发送信息的功能(实现跨文档消息通信)
XMLHttpRequest的升级版实现了跨源XMLHttpRequest和进度事件功能
跨文本消息通信(Cross Document Messaging)和XML ...
2019-6-30 10:26 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0629
2 个回复 - 198 次查看
离线应用
Web应用程序在离线状态下也能正常工作,需要将Web应用程序的资源文件缓存在本地,当无法访问互联网时,还可以使用缓存文件运行Web程序
访问一个网页时,浏览器缓存会将该网页所需要的所有资源缓存在本地 ...
2019-6-29 23:22 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0628
2 个回复 - 240 次查看
续前一天的示例
function loadAll(){
var list = document.getElementById("list");
if(localStorage.length>0){
var result = "";
for( ...
2019-6-28 08:41 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0626
2 个回复 - 134 次查看
Notification对象
if(window.Notification){
if(Notification.permission == "granted"){
var notification = new Notification("桌面消息", {body:"这是由Notification对象创建的桌面消息!"});}else{
document ...
2019-6-27 08:38 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0626
5 个回复 - 146 次查看
桌面通知API
Notification API
以前的桌面通知都是将消息放在一个div中(局限:仅在本网页有效,用户离开后即无效)
HTML5使用webkitNotification或者Notification生成的消息依附于浏览器
要生成一个桌面通知的 ...
2019-6-26 14:15 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0625
3 个回复 - 126 次查看
dataTransfer对象
是事件对象的一个属性,所以只能在事件处理程序中访问
dropEffect属性(拖放操作的视觉效果)
effectAllowed属性(指定当元素被拖放时所允许的视觉效果)
type属性(存入数据的种类,字符串的伪 ...
2019-6-25 14:52 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0624
2 个回复 - 141 次查看
创建文件
请求文件系统成功后,系统返回一个FileSystem对象
可在回调函数onInitFs中调用方法fs.root.getFile( )为创建的文件命名。
windows.requestFileSystem(window.TEMPORARY, 1024*1024, onInitFs, errorHa ...
2019-6-24 13:04 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0623
1 个回复 - 194 次查看
以DataURL方式读取文件:
在二进制文件读取的范例中,增加文件类型判断代码,再修改reader.readAsDataURL(file);
文件类型判断
if(!/image\/\w+/.test(file.type)){
myDiv.innerHTML="请选择图像文件! ...
2019-6-23 14:25 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0622
3 个回复 - 190 次查看
FileReader对象有一个result属性,用于存储读取文件结果
异步读取文件时,会触发事件,根据不同的事件处理不同的操作,可更人性化和健壮
读取数据中断时触发onabort事件
读取数据出错时触发onerror事件
读取数据 ...
2019-6-22 19:23 - HappyAndy_Lo - Forum
HTML5+CSS3=充实笔记0621
4 个回复 - 245 次查看
File对象与FileList对象
使用此两对象,实现上传文件界面的示例代码:
7.2.1.html
function show(){
var file, filelist, mySpan;
file=documen ...
2019-6-21 09:01 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0620
2 个回复 - 176 次查看
multiple属性:设置Input元素是否可以有多个值 pattern属性:用于设置验证input元素的方式为正则表达式placeholder属性:input元素在内容为空时的提示信息required属性ch7. File API解决Flash/Silverlight/第三方Act ...
2019-6-20 15:30 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0618
3 个回复 - 232 次查看
range类型
即滑块功能,这里默认值为0
date Pickers类型
type="datetime-local" 也可以
search类型
用于页面搜索,可以是站内搜索,也可以是google
color类型
新增表单元素
datalist
用 ...
2019-6-18 15:22 - HappyAndy_Lo - Forum
HTML5+CSS3=充实笔记0617
2 个回复 - 129 次查看
5.3 画布与SVG的比较
这两者有本质区别。SVG基于XML,在DOM解析中每个元素都是可用的,这样就可以为SVG元素附加JavaScript事件处理器,实现更丰富的效果。SVG中,每个被绘制的图形都被视为对象,若SVG对象的属性发生 ...
2019-6-17 08:29 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0614
3 个回复 - 121 次查看
4.9Canvas实现动画效果
清除Canvas的内容:
ctx.filleStyle="blue";
ctx.fillRect(0, 0, 400, 200);
ctx.clearRect(50, 50,150,100);
创建动画
动画的开始与停止:
开始
停止
设置实践间隔为10ms,并用变 ...
2019-6-14 14:51 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0613
3 个回复 - 214 次查看
绘制文字
ctx.font = "italic small-caps bold 12px arial";
ctx.fillText("hello1 CAnvas", 10, 50);
控制文本的颜色
一种方法:fillStyle函数设置文本的填充颜色
另一种:createLinearGradient函数为文本 ...
2019-6-13 21:10 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0612
5 个回复 - 207 次查看
剪裁图像
使用绘制函数重载
drawImage(img, x, y);
drawImage(img, x, y, width, height);
drawImage(img, sx, sy, swidth, sheight, x, y , width, height);
sx 可选,时开始剪切的x坐标位置;sy同(y坐标位置 ...
2019-6-12 09:02 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0611
5 个回复 - 157 次查看
使用图像
插入图像
使用drawImage函数直接在指定位置插入图像
var img = new Image();
img.src = "img01.png";
img.onload=function(){
ctx.drawImage(img,0,0);
};
onload事件会在图像或页面加载 ...
2019-6-11 12:02 - HappyAndy_Lo - Forum
HTML5+CSS3-充实计划0610
4 个回复 - 208 次查看
4.5图形组合
绘制阴影:需要多个属性配合完成shadowBlur/shadowOffsetX/shadowOffsetY/
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.save(); // save co ...
2019-6-10 08:49 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0609
3 个回复 - 173 次查看
4.4绘制渐变
线性渐变
var gradient = createLinearGradient(0, 0, 300, 0);
//创建宽度为300Px的水平线性渐变, 这个是渐变对象,然后需要定义渐变的颜色。
addColorStop(stop, color)函数来定义渐变的颜色 ...
2019-6-9 18:38 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0607
2 个回复 - 251 次查看
video元素与audio元素详解
属性
src属性:设置音视频文件的URL地址
autoplay属性:是否自动播放
preload属性:是否对音视频文件进行预先加载。 三个选项:none(不进行预先加载);metadata(仅加载元数据,即音 ...
2019-6-7 23:48 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0608
8 个回复 - 221 次查看
贝塞尔曲线
ctx.beginPath();
ctx.moveTo(50, 200);
ctx.bezierCurveTo(50, 100, 200, 100, 200, 150); //定义贝塞尔曲线坐标
ctx.stroke();
弧线:canvas中并没有直接绘制圆弧的方法,这里是一种变通
ctx ...
2019-6-8 16:58 - HappyAndy_Lo - Forum
HTML5+CSS3-学习笔记0605
5 个回复 - 208 次查看
draggable属性:新增。设置是否可以进行拖拽
可以用鼠标拖动这段文字。 -----chrome支持,firefox不一定dropzone属性:新增。指定当被拖动的数据在拖动到元素上时,是否被复制、移动或者链接。
...
2019-6-5 10:08 - HappyAndy_Lo - Forum
HTML5+CSS3-学习笔记0603
6 个回复 - 204 次查看
HTML5中使用CSS替代HTML4中的美化元素,如basefont/big/center/font/s/strike/tt/u等
只留下了iframe,不再支持frameset/frame/noframes
marquee/bgsound 只能被IE支持的元素舍弃
applet/bl ...
2019-6-3 13:52 - HappyAndy_Lo - Forum
HTML5+CSS3-学习笔记0604
4 个回复 - 371 次查看
ch2. HTML元素、属性与结构
巩固知识
全局属性:
class:指定CSS类选择器
id属性:元素在HTML文档中的唯一标识,可准确定位元素,从而进行各种操作
示例:
#headerColor { color:red; }
#conte ...
2019-6-4 13:25 - HappyAndy_Lo - Forum
HTML5+CSS3-学习笔记0531
4 个回复 - 140 次查看
换了一本HTML5+CSS3书,再来一次学习,加深并巩固旧知识
从0开始学HTML5+CSS3--2016机械工业出版社 胡晓霞编著
ch1.学习准备
chrome/firefox
HTML5 IDE开发工具:
Adobe Edge/ Adobe Dreamweaver CC / Adob ...
2019-5-31 14:06 - HappyAndy_Lo - Forum
HTML5+CSS3-学习笔记0602
5 个回复 - 200 次查看
新增表单相关属性:
autofocus 自动获得焦点
placeholder 对用户的输入进行提示
form 声明属于哪个表单,然后放置页面的任何位置(而非表单之内)
required
autocomplete
min
max
multiple允许上传 ...
2019-6-2 10:55 - HappyAndy_Lo - Forum
web前端菜鸟笔记:HTML5+CSS3代码的简写
0 个回复 - 824 次查看
我是一只web前端开发菜鸟,才刚刚步入web前端这个领域,在学习web前端(http://www.maiziedu.com/course/web/)的时候,发现自己理解最深刻的还是代码,既爱又恨却不知如何去感悟。background属性简写:background-pos ...
2016-4-19 18:55 - z74646 - python论坛