JS
关注
分享
扫一扫
文章平均质量分 83
js系列
Modify_QmQ
保持热爱，奔赴山海
展开
-
Canvas实战效果——代码雨、无规则运动背景、改变图片像素、元素拖动
Canvas 是 HTML5 中新增的一个标签，用于在网页中进行图形绘制和动画渲染等操作。使用 Canvas 可以快速创建出丰富多彩的用户界面效果。这篇文章主要偏向于效果实现，实现代码雨、无规则运动、改变像素、元素拖拽效果原创 2023-06-22 09:00:00 · 1736 阅读 · 1 评论 -
js设计模式-观察者模式与发布订阅模式
在对于现在前端框架的崛起，大家对发布订阅这几个字也很熟悉了，像Vue用到的VueX以及React框架用的Pubsub都是发布订阅模式，简单来说，我们只需要在一个地方通知（发布）修改一个变量、对象的值，而在另一个地方进行订阅该变量、对象就可以获取到改变之后的值。原创 2022-09-01 20:35:09 · 1073 阅读 · 0 评论 -
ES6-11语法详解
ES6 语法详解1、变量1.1、变量的定义和使用1、变量1.1、变量的定义和使用原创 2021-05-24 20:30:57 · 3821 阅读 · 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 · 674 阅读 · 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 · 4245 阅读 · 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 · 18497 阅读 · 1 评论 -
HTML给图片加上超链接
如何实现按一下图片实现页面跳转，其实很简单，只需要在< img >标签外面加上a标签就行了代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>1111</title> </head> <body>...原创 2019-12-14 10:30:20 · 4496 阅读 · 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 · 1094 阅读 · 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 · 9492 阅读 · 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 · 1351 阅读 · 0 评论 -
HTML之绝对定位position，fixed 百度搜索栏
绝对定位 position， fixed首先了解一下绝对定位，是指在一个网页当中该模块不会随着网页的滚动而滚动例如：百度的搜索，百度的这一个模块是不会滚动的而这个具体怎么做呢？举一个简单的小例子<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>fi...原创 2019-06-04 20:38:09 · 1344 阅读 · 0 评论 -
HTML之相对定位position，relative
HTML之相对定位position，relative 用通俗的话讲就是把一个div块固定于另一个div块上，即覆盖以上一篇发文绝对定位为参考https://blog.youkuaiyun.com/qq_44973159/article/details/90812832<!DOCTYPE html><html> <head> <meta charset=...原创 2019-06-04 20:46:22 · 1223 阅读 · 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 · 671 阅读 · 0 评论