HTML5
关注
分享
扫一扫
h_jQuery
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
uniapp创建项目——vue3+vite
创建项目命令npx degit dcloudio/uni-preset-vue#vite my-vue3-project在创建新的页面时，会有模板选择。创建常用模板：在一下的目录下创建一个文件，将常用的模板放进去常用的vue3初始化模板<script setup>import { ref, toRefs, onMounted, reactive, defineProps } from 'vue'import { useRouter, useRoute } from 'vu原创 2022-04-12 21:57:51 · 1531 阅读 · 1 评论 -
js原生——搜索框，模糊匹配（查询）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do原创 2021-07-09 17:17:38 · 4339 阅读 · 0 评论 -
Number和Math
Number.toFixed():先四舍五入，后再保留规定的小数toFixed()方法是Number对象的，而不是Math的，所以可以直接用数值.toFixed()var num1 = new Number(13.37);//var num1=13.7num1.toFixed(1)=13.4var num2 = new Number(13.33);num2.toFixed(1)=13.3Math的使用方式是：如：Math.round(x)...原创 2021-07-09 17:00:14 · 122 阅读 · 0 评论 -
原生JS案例——相册大小图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do原创 2021-07-09 14:25:34 · 354 阅读 · 0 评论 -
原生JS按钮案例——全选、反选、全不选
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do原创 2021-07-09 14:23:33 · 501 阅读 · 0 评论 -
原生JS选项卡案例——tab切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>选项原创 2021-07-09 11:29:27 · 302 阅读 · 0 评论 -
JS随机获取六位验证码——0-9、a-z
获取特定的随机整数：parseInt(Math.random()*(最大值-最小值) + 最小值)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com原创 2021-07-09 10:33:25 · 1211 阅读 · 0 评论 -
js倒计时效果——定时器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>co原创 2021-07-09 09:31:19 · 874 阅读 · 0 评论 -
鼠标经过——图片放大效果
鼠标经过，盒子里的图片放大，但不超出盒子的范围<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"原创 2021-05-28 09:33:01 · 1297 阅读 · 0 评论 -
解决构造函数创建对象所造成的内存浪费问题
构造函数（自定义构造函数）创建对象的问题：创建多少个对象就会创建多少个方法，严重浪费内存空间<script> function Person(uname, age) { this.uname = uname this.age = age this.sayHi = function() { console.log("hello"); }原创 2021-05-25 16:29:47 · 584 阅读 · 0 评论 -
面向对象和面向过程之间的比较
面向对象和面向过程<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t原创 2021-05-25 15:20:55 · 124 阅读 · 0 评论 -
javascript——js创建对象的四种方式
四种创建对标题象的方式：1.系统的构造函数（Object）——缺点：麻烦var obj = new Object();obj.uname = "zs";obj.age = 20;obj.sayHi = function() { console.log("hello"); }2.对象字面量——缺点：不能批量创建对象，只能创建一个var obj = { uname: "zs", age: 22}3.工厂函数——可以批量创建对象，但是无法识别类型// 工厂函数创建对象,是一个函数原创 2021-05-25 15:13:28 · 187 阅读 · 0 评论 -
HTML5新增表单元素和表单属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do原创 2021-05-25 13:58:14 · 212 阅读 · 0 评论 -
数据存储——临时存储（sessionStorage）和永久存储（localStorage）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do原创 2021-05-25 11:30:56 · 1764 阅读 · 0 评论 -
HTML5和CSS3小案例
代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&.原创 2021-05-25 09:59:12 · 493 阅读 · 0 评论 -
HTML、CSS综合05——css3弹性布局、响应式布局
CSS3弹性布局(伸缩布局，flex布局)flex是flexible box的缩写，意思为“弹性布局”，用来为盒子模型提供最大的灵活度，能够最大限度的解决我们关于浮动的问题采用flex布局的父元素元素，称之为flex容器(context)，容器中所有的子元素称之为容器的flex项目(item)flex主轴：flex item默认以主轴方向顺序排列，主轴默认是水平方向flex侧轴：与主轴垂直的方向侧轴。默认是垂直方向方向：默认方向是从上往下，从左往右主侧轴并不是固定的，可以flex-directi原创 2021-05-20 11:24:27 · 454 阅读 · 0 评论 -
HTML、CSS综合04——浮动、定位、选择器
复习文本属性：text-开头的属性都可以被继承背景属性：(背景属性尤为重要) 背景颜色：background-color 背景图片：background-image 背景图片的重复方式：background-repeat 背景图片的定位：background-position 合写属性：background background-origin: 背景图片的起始显示位置 background-clip: 背景图片的切割位置盒子属性： content(内容) pa原创 2021-05-20 11:23:02 · 287 阅读 · 0 评论 -
HTML、CSS综合03——css、浮动、文档流、定位
内容回顾为什么要使用CSS?由HTML的效果标签完成样式，会导致HTML的结构非常冗余。要求使用css来完成页面的样式渲染工作。后期要求，css不写在页面中，写在单独的css文件中。css的三种引入方式行内样式：把css的属性写在标签的style属性中内部样式：把css属性写在style标签中外部样式：把css属性写在单独的css文件中，通过link标签使HTML文件和css文件相关联三种引入方式采用就近原则。css三种基本选择器标签选择器(Element选择器)：所有相同的标签都适用该样原创 2021-05-20 11:21:33 · 162 阅读 · 0 评论 -
HTML、CSS综合01——html、标签、表格
前端的组成HTML + CSS + JavaScriptH5: html5 + css3 + JavaScript + API现在先讲的是HTML4.01+CSS2HTML超文本标记语言(Hyper Text Markup Language)存储在硬盘中的是纯粹的文件，文件内部的内容是一些纯粹的字符，文件的后缀名是html名词解释超文本：文字，图片，音频，视频等可以在互联网传输的内容。标记：又叫标签(tag)，由<>开始，到</>结束，尖括号中有指定的单词或字母。是原创 2021-05-20 11:20:43 · 278 阅读 · 0 评论 -
HTML、CSS综合02——css，样式表，选择器、盒子模型
回顾复习什么是标签：标签由<tagName>开始，到</tagName>结束。xml的标签基本都是自定义的html的标签，基本都是规定好的。（可以使用自定义标签）浏览器对于规定好的标签，有特殊的解释方式(渲染方式)<!doctype html>告诉浏览器，以下的文档应该以HTML 5的方式来解析<html></html>根标签<head></head>头标签，主要负责设置页面的一些信息 <title&g原创 2021-05-20 11:19:51 · 339 阅读 · 2 评论 -
JavaScript03——javacript变量
JavaScript变量1.变量概述1.1什么是变量简单理解为变量就是一个装东西的盒子概述：变量时用于存放数据的容器，我们通过变量名获取数据，甚至数据可以修改1.2变量在内存中的存储本质：变量是程序在内存中申请的一块用来存放数据的空间2.变量的使用变量使用时分为两步：1.声明变量 // 声明变量 var age; //声明一个名为age的变量var是一个JS关键字，用来声明变量（variable变量的意思）。使用该关键字声明变量后，计算会自动为变量分配内存空间，不需要程序员原创 2021-05-20 11:15:21 · 160 阅读 · 3 评论 -
给表格（table）中行（tr）设置边框（border）
给tr设置以下代码无效时：border-bottom: 1px solid #e5e5e5;在表格中加以下属性就可以解决：table { border-collapse: collapse;}原创 2021-05-02 00:55:00 · 4022 阅读 · 0 评论