![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 1295 阅读 · 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 17:17:38 · 4033 阅读 · 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 · 93 阅读 · 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 · 309 阅读 · 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 · 402 阅读 · 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 · 252 阅读 · 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 · 1050 阅读 · 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 · 817 阅读 · 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 · 1203 阅读 · 0 评论 -
解决构造函数创建对象所造成的内存浪费问题
构造函数(自定义构造函数)创建对象的问题:创建多少个对象就会创建多少个方法,严重浪费内存空间<script> function Person(uname, age) { this.uname = uname this.age = age this.sayHi = function() { console.log("hello"); }原创 2021-05-25 16:29:47 · 503 阅读 · 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 · 85 阅读 · 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 · 144 阅读 · 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 · 136 阅读 · 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 · 1624 阅读 · 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 · 437 阅读 · 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 · 381 阅读 · 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 · 213 阅读 · 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 · 108 阅读 · 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 · 226 阅读 · 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 · 249 阅读 · 2 评论 -
JavaScript03——javacript变量
JavaScript变量1.变量概述1.1什么是变量简单理解为变量就是一个装东西的盒子概述:变量时用于存放数据的容器,我们通过变量名获取数据,甚至数据可以修改1.2变量在内存中的存储本质:变量是程序在内存中申请的一块用来存放数据的空间2.变量的使用变量使用时分为两步:1.声明变量 // 声明变量 var age; //声明一个名为age的变量var是一个JS关键字,用来声明变量(variable变量的意思)。使用该关键字声明变量后,计算会自动为变量分配内存空间,不需要程序员原创 2021-05-20 11:15:21 · 113 阅读 · 3 评论 -
给表格(table)中行(tr)设置边框(border)
给tr设置以下代码无效时:border-bottom: 1px solid #e5e5e5;在表格中加以下属性就可以解决:table { border-collapse: collapse;}原创 2021-05-02 00:55:00 · 3371 阅读 · 0 评论