![](https://img-blog.csdnimg.cn/253a5864ad89473fa97b32e6daff8120.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
JS
文章平均质量分 83
js系列
Modify_QmQ
保持热爱,奔赴山海
展开
-
Canvas实战效果——代码雨、无规则运动背景、改变图片像素、元素拖动
Canvas 是 HTML5 中新增的一个标签,用于在网页中进行图形绘制和动画渲染等操作。使用 Canvas 可以快速创建出丰富多彩的用户界面效果。这篇文章主要偏向于效果实现,实现代码雨、无规则运动、改变像素、元素拖拽效果原创 2023-06-22 09:00:00 · 951 阅读 · 1 评论 -
js设计模式-观察者模式与发布订阅模式
在对于现在前端框架的崛起,大家对发布订阅这几个字也很熟悉了,像Vue用到的VueX以及React框架用的Pubsub都是发布订阅模式,简单来说,我们只需要在一个地方通知(发布)修改一个变量、对象的值,而在另一个地方进行订阅该变量、对象就可以获取到改变之后的值。原创 2022-09-01 20:35:09 · 538 阅读 · 0 评论 -
ES6-11语法详解
ES6 语法详解1、变量1.1、变量的定义和使用1、变量1.1、变量的定义和使用原创 2021-05-24 20:30:57 · 3164 阅读 · 0 评论 -
使用css3 3D立方体旋转
首先我们看一下效果做出来是什么样子的源代码如下:(直接复制以下代码是无法和上图的效果一样,需要注意图片的导入,)<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi...原创 2020-01-19 22:56:44 · 261 阅读 · 0 评论 -
在a标签实现跳转的时候,给其加上延时
给a标签实现延时跳转。再3秒钟后实现跳转,跳转到我的博客<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <a href="#" onClick="delay...原创 2020-01-02 23:32:58 · 3685 阅读 · 0 评论 -
简单的网页设计,以学校官网为例
以本校官网为例,代码如下:下载同一个html下。注意的是:图片1.jpg19.png36.png50.png206.pngbanner2.jpglogo.jpg<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>div+css长...原创 2019-12-17 23:33:04 · 17653 阅读 · 1 评论 -
HTML给图片加上超链接
如何实现按一下图片实现页面跳转,其实很简单,只需要在< img >标签外面加上a标签就行了代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>1111</title> </head> <body>...原创 2019-12-14 10:30:20 · 4010 阅读 · 0 评论 -
Json 对象标记法 详解
JSON: JavaScript Object Notation(JavaScript 对象标记法)。JSON 是一种存储和交换数据的语法。1、语法JSON的语法是JS语法的子集(1)数据在名称/值对中(2)数据由逗号分隔(3)花括号容纳对象(4)方括号容纳数组JSON 对象数据是使用键值对的形式"name":"huangyuyueniao""city":"ChangSha"在...原创 2019-10-14 15:50:29 · 650 阅读 · 0 评论 -
js表白代码
主要使用了js的函数调用,对于小白来讲,可以在桌面新建一个文本文档,再将下面的代码复制粘贴后保存,将后缀名txt改成html双击运行即可<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>LOVE YOU</title>...原创 2019-06-04 20:24:32 · 9049 阅读 · 10 评论 -
简单静态网页
该网页分为俩大块,分别是导航与div块导航栏使用无序列表设置css内容.ul{ margin: 0;padding: 0; background: red;width: 100%;height: 80px;}.ul li{list-style-type:none;<–列表无样式–> display: inline-block; <–列表内...原创 2019-06-01 15:32:04 · 939 阅读 · 0 评论 -
HTML之绝对定位position,fixed 百度搜索栏
绝对定位 position, fixed首先了解一下绝对定位,是指在一个网页当中该模块不会随着网页的滚动而滚动例如:百度的搜索,百度的这一个模块是不会滚动的而这个具体怎么做呢?举一个简单的小例子<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>fi...原创 2019-06-04 20:38:09 · 854 阅读 · 0 评论 -
HTML之相对定位position,relative
HTML之相对定位position,relative 用通俗的话讲就是把一个div块固定于另一个div块上,即覆盖以上一篇发文绝对定位为参考https://blog.csdn.net/qq_44973159/article/details/90812832<!DOCTYPE html><html> <head> <meta charset=...原创 2019-06-04 20:46:22 · 798 阅读 · 0 评论 -
css3的过渡.动画与2D3D变换
1.过渡Transition将HTML元素从一个位置平实的改变到另一个位置<!DOCTYPE html><html><head><style> div{width:100px;height:100px; //初始宽和高background:blue;transition:width 2s;-webkit-transition...原创 2019-09-16 10:25:49 · 257 阅读 · 0 评论