- 博客(49)
- 资源 (14)
- 收藏
- 关注
原创 碰撞的小球
碰撞的小球<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...
2019-12-16 16:11:48 131
原创 打气球
打气球<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=...
2019-12-16 16:10:36 182
原创 案例二:行走的小女孩
案例二:行走的小女孩<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...
2019-12-16 15:53:29 263
原创 案例一:红绿灯
红绿灯<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
2019-12-16 15:33:26 316
原创 构造函数
构造函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
2019-12-16 09:54:59 117
原创 复习
复习<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="...
2019-12-16 09:50:13 82
原创 自定义类
自定义类<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...
2019-12-16 09:44:33 139
原创 call、apply、bind、高阶函数
apply与call方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h...
2019-12-16 09:36:31 295 1
原创 函数的上下文
函数的上下文<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ...
2019-12-16 09:23:51 233
原创 对象
狭义对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
2019-12-16 08:57:28 217
原创 小球重力加速度
小球重力加速度<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...
2019-12-15 10:35:39 400
原创 小球圆周运动
小球圆周运动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...
2019-12-15 10:34:28 1005
原创 广告两侧跟随效果
广告两侧跟随效果<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> img { position: absolute; ...
2019-12-15 10:32:24 191
原创 弹幕效果
弹幕效果<!doctype html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title> <style type="text/css"> *{ margin: 0; padding: 0;} #box{ ...
2019-12-15 10:29:44 111
原创 右下角菜单悬浮效果
右下角菜单悬浮效果<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">*{m...
2019-12-15 10:27:04 522
原创 手风琴效果
手风琴效果<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> ul { list-style: none }...
2019-12-15 10:22:38 164
原创 添加至购物车
添加至购物车<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ...
2019-12-15 10:14:17 547
原创 对象
对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script type="text/javascript...
2019-12-14 13:57:25 121
原创 client家族 / offset家族 / scroll家族
client家族client家族<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .box ...
2019-12-14 13:42:11 277
原创 事件传播机制
事件传播机制DOM0级DOM2级DOM0级事件绑定的方法都是在当前元素事件行为的冒泡阶段执行:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <styl...
2019-12-14 12:30:09 611
原创 打字练习
打字练习demo.html<html> <head> <meta charset="utf-8"> <title>打字游戏</title> <!--引入animate.css动画库--> <link rel="stylesheet" href="...
2019-12-14 10:43:21 189 2
原创 window对象
JavaScript Window - 浏览器对象模型(BOM)window对象之定时器window.locationopen方法 — 父子窗口倒计时window对象之定时器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>D...
2019-12-13 17:02:47 143
原创 轮播图
轮播图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片轮播的两种方式</title> <style> #controls { width:400px; margin: auto; text...
2019-12-13 16:02:33 168
原创 DOM树的使用
访问并更新DOM树的两个步骤定位到与需要操作的元素的对应节点。使用它的文本、子元素或属性。访问元素选择单个元素节点getElementById()querySelector()选择多个元素getElementByClassName()getElementByTagName()querySelectorAll()在元素节点之间遍历pare...
2019-12-12 22:03:11 311
原创 文档对象模型 (DOM)
DOM简介文档对象模型 (DOM) 是HTML和XML文档的编程接口。API (web 或 XML 页面) = DOM + JS (脚本语言)。DOM树:DOM树主要由四个主要节点组成文档节点当需要访问任何元素、属性或文本节点时,都需要通过文档节点来进行导航。元素节点需要访问DOM树时,需要从查找元素开始属性节点属性节点不是元素所在的...
2019-12-12 21:10:57 228
原创 JDBC——图片的存储
将图片保存到数据库中原理:将图片转换成二进制流,然后将二进制流保存到数据库中。要求存储图片的字段的数据类型为二进制类型。MySQL中共有4种二进制的数据类型(除了存储的最大信息量不同外,没有区别)blob 存储上限是65KBtinyblob 存储上限是255KBmediumblob 存储上限是16MBlongblob 存储上限是4GB在数据表中添加blob类型的字...
2019-12-11 13:02:19 369
原创 Ajax
AjaxAsynchronous JavaScript And XML:异步JavaScript和XML,不是一门编程语言,指的是一种前后端的交互方式客户端与服务端交换数据并更新在局部页面的技术,不需要重新加载整个页面。Ajax的核心就是异步加载或者叫局部刷新。示例介绍需求:点击提交按钮,向服务端发请求,等待响应。同时在input框输入信息。服务端返回“Hello”...
2019-12-10 20:40:21 121
原创 JS字符串
字符串属性和方法属性:lengthprototypeconstructor方法:charAt()charCodeAt()concat()fromCharCode()indexOf()lastIndexOf()match()replace()search()slice()split()subst...
2019-12-10 11:24:12 318
原创 JS数组
数组的定义<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...
2019-12-10 10:19:11 236
原创 函数
函数的概念函数为了解决代码的复用 函数就是具备某种特定功能的程序代码块函数语法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> &...
2019-12-09 22:23:36 105
原创 选择分支结构与循环
选择结构if elseswitch循环结构whiledo whilefor循环小案例if else<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title>...
2019-12-09 22:07:18 175
原创 JS运算符
运算符算数运算符赋值运算符关系运算符逻辑运算符条件运算符算数运算符返回上层目录赋值运算符返回上层目录关系运算符<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document<...
2019-12-09 21:27:32 181
原创 JavaScript概述
前端技术HTML ----- 负责页面结构CSS ----- 负责页面样式JavaScript ----- 负责页面行为JavaScript特点:跨平台 弱类型 基于对象 函数式编程JavaScript组成部分:ECMAScript :描述了该语言的语法和基本对象。文本对象模型(DOM):描述了处理网页的方法和接口。浏览器对象模型(BOM):描述了与浏览器进行交互的方法...
2019-12-09 21:13:21 377
原创 CSS属性其他小案例
运动的汽车<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> img { animation: move...
2019-12-04 21:04:11 254
ssm小说阅读网站毕业设计程序
2021-04-13
21点(HTML+CSS+JS).zip
2020-03-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人