HTML 基础 - 随笔分类 - 死磕&到底

风车的动图制作

摘要：代码： <!--<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>风车</title> <style> .box { width: 100px; height: 100px; margin:100px auto; transitio 阅读全文

posted @ 2019-09-01 15:24 死磕&到底阅读(439) 评论(0) 推荐(0)

简易数据库

摘要：代码： <html><head><title>简易数据库示例</title> </head><body> <h1>使用Web Storage来做简易数据库示例</h1> <table> <tr><td>姓名：</td><td><input type="text" id="name"></td></t 阅读全文

posted @ 2019-08-30 15:42 死磕&到底阅读(347) 评论(0) 推荐(0)

简单Web留言本

摘要：概念：虽然使用getItem这种一对一方法读取数据比较方便，但遇到保存的数据量很大时，使用这种方法会很麻烦，我们可以来看一下简单Web留言的示例。使用一个多行文本框来输入数据，点击按钮时将文本框中的数据保存到localStorage中，在表单下部放置一个p元素来显示保存后的数据。如果只保存文本阅读全文

posted @ 2019-08-29 15:32 死磕&到底阅读(803) 评论(0) 推荐(0)

html本地存储

摘要：概念：关于Web Storage与本地数据库 Web Storage是什么：在HTML5中，除了Canvas元素之外，另一个新增的非常重要的功能是可以在客服端本地保存数据的Web Storage功能，我们知道在HTML4中可以使用cookies在客服端保存诸如用户名等简单的用户信息，但是通过长期阅读全文

posted @ 2019-08-26 15:27 死磕&到底阅读(881) 评论(0) 推荐(0)

HTML基础做出属于自己的完美网页

摘要：一、python系列二、前端知识三、Mysql系列一、python系列二、前端知识三、Mysql系列 HTML基础做出属于自己的完美网页 HTML HTML解释： HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，他是一种制作万维网页面标准语言（阅读全文

posted @ 2019-08-25 14:53 死磕&到底阅读(950) 评论(0) 推荐(0)

HTML+JS 写一个个人博客

摘要：HTML+JS 写一个个人博客（初学版） HTML+JS 写一个个人博客（初学版） HTML+JS 写一个个人博客（初学版） HTML+JS 写一个个人博客（初学版） HTML+JS 写一个个人博客（初学版）自己琢磨了两三天，算是把HTML入门了吧，然后就想着用这点知识写一个个人主页，然阅读全文

posted @ 2019-08-25 14:50 死磕&到底阅读(2336) 评论(0) 推荐(0)

播放事件介绍

摘要：概念：应用： <!DOCTYPE html><html> <head> <meta charset="utf-8"></meta> <title>媒体播放</title> </head> <style> #video1{ width: 200px; height: 200px; } </style 阅读全文

posted @ 2019-08-22 15:29 死磕&到底阅读(238) 评论(0) 推荐(0)

媒体播放

摘要：概念： video元素与audio元素都具有以下四个方法。 play方法使用play方法来播放媒体，自动将元素的paused属性的值变为false， pause方法使用pause方法来暂停播放，自动将元素的paused属性的值变为true。 load方法使用load方法来重新载入媒体进行播放，阅读全文

posted @ 2019-08-21 15:41 死磕&到底阅读(355) 评论(0) 推荐(0)

多媒体播放

摘要：概念： HTML中新增的两个元素video和audio，它们分别用来处理视频数据和音频数据。使用这两个元素就不再需要使用其他任何插件了，只要使用支持HTML5的浏览器就可以了。使用方法： <audio src=" "></audio> <video> <source src='sample.ogv 阅读全文

posted @ 2019-08-20 15:19 死磕&到底阅读(155) 评论(0) 推荐(0)

HTML提交方式post和get区别

摘要：HTML提交方式post和get区别（实验）目录一、post和get区别二、客户端代码三、服务器端代码四、结果目录一、post和get区别二、客户端代码三、服务器端代码四、结果一、post和get区别 get提交，提交的信息都显示在地址栏中。post提交，提交的信息不显示地址栏阅读全文

posted @ 2019-08-20 14:35 死磕&到底阅读(7581) 评论(0) 推荐(0)

简单动画的制作

摘要：概念：在Canvas画布中制作动画相对来说比较简单，实际上就是一个不断擦除、重绘、擦除、重绘的过程，具体步骤如下：（1）预先编写好用来会吐的函数，在该函数中用clearRect方法将画布整体或局部擦除。（2）使用setInterval方法设置动画的间隔时间。 setInterval方法为HTM 阅读全文

posted @ 2019-08-18 22:19 死磕&到底阅读(467) 评论(0) 推荐(0)

如何实现无刷新文字上传

摘要：一、总结（点击显示或隐藏总结内容）一句话总结：用的是普通的图片上传技术，只不过将跳转页面用iframe 放到了自己的体内并且隐藏了 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>ind 阅读全文

posted @ 2019-08-17 21:34 死磕&到底阅读(214) 评论(0) 推荐(0)

绘制文字

摘要：概念：在HTML5中可以在Canvas画布中进行文字的绘制，发同时也可以指定绘制文字的字体、大小、对齐方式等，还可以进行文字的纹理填充。。绘制文字时可以使用fillText方法或strokeText方法：前者用填充方式绘制字符串 void fillText（text，x，y，[maxWidt 阅读全文

posted @ 2019-08-16 22:31 死磕&到底阅读(403) 评论(0) 推荐(0)

button按钮怎么实现超链接

摘要：转载自：https://www.cnblogs.com/Renyi-Fan/p/8945820.html 一、总结 1、我的按钮实现超链接是通过button内嵌a标签来实现的 2、表单提交的时候form里面的那个action可以实现跳转 3、多说一点，要给什么元素添加样式不仅可以定义这个元素的sty 阅读全文

posted @ 2019-08-14 20:38 死磕&到底阅读(13580) 评论(0) 推荐(0)

图像裁剪示例

摘要：概念：我们在使用Canvas绘制图像时，我们经常会想要只保留图像的一部分，这时我们可以使用Canvas API自带的图像裁剪功能来实现这一想法。此功能是指，在画布内使用路径，只绘制该路径所包括区域内的图像，不绘制路径外的图像。使用图像上下文对象的不带参数的clip方法来实现Canvas元素的图像阅读全文

posted @ 2019-08-13 22:06 死磕&到底阅读(207) 评论(0) 推荐(0)

博客园页面源代码结构分析（补上8月10号）

摘要：引用自https://www.cnblogs.com/Renyi-Fan/p/9046960.html 博客园页面源代码结构分析目录目录博客园页面源代码结构分析 1、页面样例： 2、页面源代码分析：阅读全文

posted @ 2019-08-11 14:58 死磕&到底阅读(274) 评论(0) 推荐(0)

绘制渐变图形

摘要：概念：之前谈过使用canvas API绘制图形,现在介绍其他比较高级的绘制图形知识。关于填充使用fillStyle方法除了指定颜色以外，还可以用来指定填充的对象。应用：绘制线性渐变 function drawarc() { var canvas = document.getElementB 阅读全文

posted @ 2019-08-09 19:59 死磕&到底阅读(676) 评论(0) 推荐(0)

绘制复杂图形

摘要：概念：除了arc方法以外，其他使用路径绘制图形时会使用到的方法，首先从绘制直线开始绘制直线时，一般会用到两种方法一、moveTo 作用是将光标移动到指定坐标点，绘制直线的时候以这个坐标点为起点 moveTo（x，y）该方法使用两个参数，x表示指定坐标点的横坐标，y表示指定坐标点的纵坐标二阅读全文

posted @ 2019-08-08 14:42 死磕&到底阅读(459) 评论(0) 推荐(0)

绘制图形使用路径

摘要：概念：在绘制除了正方形或长方形以外的的其他图形，需要使用路径。步骤：开始创建路径创建图形的路径路径创建完成后，关闭路径设定绘制样式，调用绘制方法，绘制路径应用：代码 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title> 阅读全文

posted @ 2019-08-06 19:27 死磕&到底阅读(570) 评论(0) 推荐(0)

绘制图形

摘要：1.关于canvas元素该元素专门用来绘制图形。在页面上放置一个canvas元素，就相当于在页面上放置了一块“画布”，可以在其中进行图形的描绘。需要利用JavaScript编写在其中进行绘画的脚本。 2.绘制矩形 (1)取得你canvas元素使用document.getElementById等方阅读全文

posted @ 2019-08-05 08:54 死磕&到底阅读(206) 评论(0) 推荐(0)

死磕&到底

随笔分类 - HTML 基础