随笔档案「2019年8月」 - 死磕&到底

心跳的动图制作

摘要：代码： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>心跳</title>  <s 阅读全文

posted @ 2019-08-31 16:26 死磕&到底阅读(341) 评论(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 死磕&到底阅读(351) 评论(0) 推荐(0)

简单Web留言本

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

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

太极图的制作

摘要：代码： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .yy { width: 200px; height: 99px; border: 1px solid #000; border-botto 阅读全文

posted @ 2019-08-28 22:04 死磕&到底阅读(327) 评论(0) 推荐(0)

便利贴的制作

摘要：代码示例： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> * { margin: 0; padding: 0; } body { font-size: 100%;/*?*/ margin: 10 阅读全文

posted @ 2019-08-27 14:01 死磕&到底阅读(892) 评论(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 死磕&到底阅读(951) 评论(0) 推荐(0)

HTML+JS 写一个个人博客

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

posted @ 2019-08-25 14:50 死磕&到底阅读(2337) 评论(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 死磕&到底阅读(240) 评论(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 死磕&到底阅读(7586) 评论(0) 推荐(0)

简单动画的制作

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

posted @ 2019-08-18 22:19 死磕&到底阅读(468) 评论(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 死磕&到底阅读(215) 评论(0) 推荐(0)

绘制文字

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

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

js定时器（补上8月15日）

摘要：转载自https://www.cnblogs.com/Renyi-Fan/p/8084923.html js 定时器 1、JS中的定时器有两种： 3、清除定时器： window.clearInterval(timer1)/window.clearTimeout(time1)；两种清除方式都可以清除通阅读全文

posted @ 2019-08-16 22:05 死磕&到底阅读(224) 评论(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 死磕&到底阅读(13581) 评论(0) 推荐(0)

图像裁剪示例

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

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

绘制图像

摘要：概念：在HTML5中，不仅可以使用Canvas API 画布来绘制图形，还可以读取磁盘或网络中的图像文件，然后使用Canvas API将该图像绘制在画布中。绘制图形时，需要使用drawImage方法，定义如下： context.drawImage（image,x,y） context.drawI 阅读全文

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

绘制变形图形

摘要：概念：绘制图形的时候，我们，可能经常会想要旋转图形，或者对图形使用变形处理，使用Canvas API的坐标轴变换处理功能，可以实现这种效果。默认情况下，Canvas画布的最左上角对应于坐标轴的原点（0，0），并且是以一个像素为坐标单位进行绘制的！对坐标的变换处理，有以下三种方式：平移使用图阅读全文

posted @ 2019-08-11 15:27 死磕&到底阅读(406) 评论(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 死磕&到底阅读(460) 评论(0) 推荐(0)

深入理解CSS溢出overflow（补上8月7日）

摘要：转载自：https://www.cnblogs.com/Renyi-Fan/p/9206860.html 深入理解CSS溢出overflow 目录一、总结一句话总结：overflow用于对溢出内容的处理。 1、overflow有哪5个常用参数，分别是什么意思？二、深入理解CSS溢出overfl 阅读全文

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

绘制图形使用路径

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

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

绘制图形

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

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

Frame框架窗口类型（8月3日遗漏的随笔）

摘要：转载自https://www.cnblogs.com/Renyi-Fan/p/9216866.html 目录一、总结一句话总结： 1、点左侧的a链接如何打开右侧页面？ 2、如何在一个窗口中退出到最外层的窗口？ 3、frame框架的形式是什么样的？二、Frame框架窗口类型 1、相关知识 2、截阅读全文

posted @ 2019-08-04 13:47 死磕&到底阅读(458) 评论(0) 推荐(0)

拖放API

摘要：概念：虽然HTML5之前已经可以使用mousedown、mousemove、mouseup来实现拖放操作，但是只支持在浏览器内部的拖放，而在HTML5中，已经支持在浏览器与其他应用程序之间的数据互相拖动，同时也大大简化了有关拖放方面的代码。实现拖放的步骤：（1）将想要拖放的对象元素的dr0ag 阅读全文

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

HTML如何实现滚动文字

摘要：一、HTML滚动文字（转）转自：HTML滚动文字 - 蒋固金（jianggujin）的专栏 - CSDN博客https://blog.csdn.net/jianggujin/article/details/70832469 转自：HTML滚动文字 - 蒋固金（jianggujin）的专栏 - CS 阅读全文

posted @ 2019-08-02 11:04 死磕&到底阅读(63995) 评论(0) 推荐(2)

文件API

摘要：html5定义中api是什么意思? 1 FileList对象与file对象概念： FileList对象表示用户选择的文件列表。在HTML4中，file控件内只允许放置一个文件，但是到了HTML5中，通过添加mutiple属性，file内允许放置多个文件。控件内每一个用户选择的文件都是一个file对阅读全文

posted @ 2019-08-01 07:00 死磕&到底阅读(408) 评论(0) 推荐(0)

死磕&到底

08 2019 档案