随笔分类 - HTML/CSS/JS
摘要：属性说明 download 下载的资源的名称 target 打开该连接的方式（ _self、_blank） href 资源的地址（本地、远程地址） a标签跳转 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>这是一个a标签下载页
阅读全文
摘要：如何将图片转化为base64编码格式显示 base64编码 是将数据用 64 个可打印的字符进行编码的方式，任何数据底层实现都是二进制，所以都可以进行 base64编码，base64编码 主要用在数据传输过程中（编码、解码）。而 Data URI 是将数据用 URI 的形式进行展现。常用的是将图片进
阅读全文
摘要：网页模板的自定义 拿到一个网页模板，如何自定义自己成自己的网站或博客。 因为我们下载的web源码是用php语言写的，没有php语言基础的改写比较吃力，这里我们可以把源码通过浏览器翻译成html的格式。 实例 把php源码翻译为HTML并保存 （.php为后缀名的是php文件，.html文件是html
阅读全文
摘要：解决在HTML中canvas图层一直在最上层问题 问题 在用canvas做动画效果时，会把之前的页面内容遮挡，用position:relative; z-index:-1"也没办法解决； <canvas class="main-canvas" id="main-canvas"></canvas> 解
阅读全文
摘要：炫彩按钮源码分析 简介： 用基础css做一个有一点炫酷的流光按钮，不止按钮，只要是盒子就行。 具体步骤： button按钮源码 1.先定义一个盒子当做按钮，如我就用a标签： <body> <a href="#" class="guang">button</a> </body> a标签CSS 2.先给
阅读全文
摘要：0x00 alert()、confirm()、prompt()区别 慢慢地开始积累学习javascript，记录一些和xss相关的函数学习过程。这三个函数都是弹框函数，但是三个函数有一定的区别。 0x01 alert() windows.alert()单纯的就是一个提示弹框，测试代码如下。 wind
阅读全文
摘要：JS实验案例 <!-- <html> <head> <script type=" text/ javascript"> function file() { var fso, f1; fso=new ActiveXObject (" Scripting. FileSystemObject") ; f1
阅读全文
摘要：静态网站与动态网站访问流程 静态网站 动态网站
阅读全文
摘要：浏览器、中间件和服务器的关系 一次完整的http请求包括三次握手与四次挥手的过程。（http是基于tcp协议的）1、 打开浏览器，地址栏输入:www.cnblogs.com；2、 开始进行域名解析浏览器自身搜dns缓存 搜blog.csdn.net有没有缓存 看看有没有过期，如果过期就这个结束；搜索
阅读全文
摘要：在火狐中button标签与a标签冲突事件 当我们在button中添加一个a标签时，点击button不会点击a，也就是说，button将a覆盖了。但是在谷歌里面不会覆盖 解决方法一： <button id="btn" onclick="a.click();"> <a id="a" href="http
阅读全文
摘要：登录注册界面 <html> <head> <title>登陆</title> </head> <body> <form> 请登陆</br> 账号：<input type = "text"/> </br> 密码：<input type = "password" id="psw1" class = "p
阅读全文
摘要：前端学习:JS(面向对象)代码笔记 前端学习：JS面向对象知识学习（图解） 创建类和对象 创建对象方式1调用Object函数 <body> </body> <script type="text/javascript"> //新建英雄:刘备 var hero=new Object(); hero.na
阅读全文
摘要：前端学习：JS面向对象知识学习（图解） 前端学习:JS(面向对象)代码笔记 JS面向对象图解知识全览 创建类和对象 方式1：使用Object()函数 方式2：使用自变量 方式3：使用工厂函数 创建多个对象 方式4：构造函数 静态成员和实例成员 静态成员 实例成员 原型 构造函数的原型 内存图 方式一
阅读全文
摘要：1.在浏览器的控制台中打印九九乘法表 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> </body> <script type="text/jav
阅读全文
摘要：前端学习:学习笔记(JS部分） 前端学习：JS学习总结（图解） JS的简介 JS基本语法 JS内置对象 JS的函数 JS的事件 JS的BOM JS的DOM JS的简介 新建步骤 <body> 1.新建Dynamic Web Project 2.在WebContent中Folder新建一个JS目录(文
阅读全文
摘要：前端学习：JS学习总结（图解） JS的代码笔记 JS比HTML和CSS的知识点要多的多，下面分几段来介绍其内容。。。 为了能让大家更好的检索，前面的图解是整个JS的概括，后面的才是知识点。。。 旁边就是目录,建议用目录来观看本博客...... JS的知识体系 JS的简介 JS基本语法 JS内置对象
阅读全文
摘要：前端学习-案例：制作一个超简单的静态页面 HTML部分 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/index.css" /> </he
阅读全文
摘要：前端学习：学习笔记（CSS部分） CSS的学习总结(图解） CSS的引入方式和书写规范 CSS的插入方式_内嵌样式 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- 插入C
阅读全文
摘要：前端学习：学习笔记（HTML部分） HTML学习总结（图解） HTML简介 1.HTML是什么? 超文本标记语言 超文本:文字/图片/音频/视频.... 标记/标签 2.HTML的用途? 是用来编写静态网页的. 搭建整个网页的. 3.区分正斜杠和反斜杠? / 正斜杠 \ 反斜杠 4.开始标签和结束标
阅读全文
摘要：html简介 1 html是什么：超文本标记语言 超文本：文字/图片/音频/视频 标签/标记：<body></body> 怎么做：使用标签来创建网页 2 HTML的用途：是用来编写静态网页的。 搭建整个网页。（框架）CSS用来装修。。。 3 html结构 4 区分正斜杠和反斜杠 / 正斜杠 \ 反斜
阅读全文
