- 博客(48)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 基于uniapp的婚庆手机APP设计与实现
npm i [email protected] -D 或 yarn add [email protected] -D。// 如果根目录没有package.json文件的话，先执行如下命令： npm init -y。1.在HBuilderX 新建uni-app项目的模板中，选择uni-ui模板。npm i sass -D 或 yarn add sass -D。//更新 npm update uview-ui。//安装 npm install。安装 sass-loader。
2023-12-16 10:49:36
85
1原创 基于Vue+webpack-simple的电商App
登录页面我的页面购物车页面结算页面 消息页面首页Axios获取并渲染数据其他细节展示详情页面...
2021-11-23 15:44:56
835
原创 js基础练习
1.大马驮2石粮食，中马驮1石粮食，两头小马驮一石粮食，要用100匹马，驮100石粮食，该如何调配？ //驮100石粮食，大马需要50匹 for (var a = 0; a <= 50; a++) { //驮100石粮食，中马需要100匹 for (var b = 0; b <= 100; b++) { //驮100石粮食，只需要100减去大马和中马的数量就是小马的数量
2021-11-01 10:37:13
204
原创 参考手机端微信聊天对话框,模拟微信聊天对话框
<!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-10-26 11:38:08
894
原创 实现简单登录框
<!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-10-26 11:25:13
156
原创 用户输入自己的年龄，判断用户是否在18-70岁，如果在， 那么弹出框“恭喜，可以考驾照”,“加油啊。”否则弹出“年龄不符合要求”
<!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>D.
2021-10-26 11:21:25
755
原创 用户输入一个数字，然后判断这个数字能否被5、6整除，根据情况弹出4种警告框
<!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>D...
2021-10-26 09:12:44
1237
原创 我们来做个周计划，周一、二学习理念知识，周三、四到企业实践，周五总结经验，周六、日休息和娱乐。
.box { width: 300px; height: 300px; background: yellow; border: 1px solid #cdcdcd; display: none; }input { width: 245px; height: 30px; outline: none; }<input type="text" placeholde...
2021-10-25 09:15:02
309
原创 包装类--JS
基本数据类型：String Number Boolean Null Undefined 引用数据类型：Object 在JS中为我们提供了三个包装类，通过这三个包装类可以将基本数据类型的数据转换为对象,首字母大写,都是构造函数 * String() * - 可以将基本数据类型字符串转换为String对象 * Number() * - 可以将基本数据类型的数字转换为Number对象 *...
2021-10-24 13:54:42
67
原创 Math对象---JS内置对象
Math - Math和其他的对象不同，它不是一个构造函数， 它属于一个工具类不用创建对象，它里边封装了数学运算相关的属性和方法 比如Math.PI 表示的圆周率 abs()可以用来计算一个数的绝对值 console.log(Math.abs(-1)); Math.ceil() - 可以对一个数进行向上取整，小数位只有有值就自动进1 Math.floor() - 可以对一个数进行向下取整，小数部分会被舍掉...
2021-10-24 13:52:49
62
原创 Date对象---JS内置对象
Date对象 - 在JS中使用Date对象来表示一个时间 创建一个Date对象,如果直接使用构造函数创建一个Date对象，则会封装为当前代码执行的时间 var d = new Date(); 创建一个指定的时间对象,需要在构造函数中传递一个表示时间的字符串作为参数 日期的格式 月份/日/年 时:分:秒 var d2 = new Date("4/10/2019 11:10:30"); getDate() ...
2021-10-24 13:50:44
71
原创 JS关键字和保留字
关键字和保留字标识符标识(zhi)符：就是指开发人员为变量、属性、函数、参数取的名字。标识符不能是关键字或保留字。关键字关键字：是指 JS本身已经使用了的字，不能再用它们充当变量名、方法名。包括：break、case、catch、continue、default、delete、do、else、finally、for、function、if、in、instanceof、new、return、switch、this、throw、try、typeof、var、void、while、with 等。保留
2021-10-24 13:49:50
2767
原创 解释型语言和编译型语言
解释型语言和编译型语言概述：计算机不能直接理解任何除机器语言以外的语言， 所以必须要把程序员所写的程序语言翻译成机器语言才能执行程序。程序语言翻译成机器语言的工具， 被称为翻译器。翻译器翻译的方式有两种： 一个是编译， 另外一个是解释。两种方式之间的区别在于翻译的时间点不同编译器是在代码执行之前进行编译， 生成中间代码文件解释器是在运行时进行及时解释， 并立即执行（ 当编译器以解释方式运行的时候， 也称之为解释器）执行过程类似于请客吃饭编译语言首先把所有菜做好， 才能上桌吃饭解释语言好比吃火
2021-10-24 13:49:12
53
原创 JavaScript输入输出语句
为了方便信息的输入输出， Js 中提供了一些输入输出语句， 其常用的语句如下：方法 | 说明 |归属alert(msg) |浏览器弹出警示框 |浏览器console.log(msg) |浏览器控制台打印输出信息 |浏览器prom...
2021-10-24 13:48:23
517
原创 js变量的概念
什么是变量白话． 变量就是一个装东西的盒子（ 他就是一个别名） 。通俗． 变量是用于存放数据的容器。我们通过变量名获取数据， 甚至数据可以修改。变量在内存中的存储本质变量是程序在内存中申请的一块用来存放数据的空间。类似我们酒店的房间， 一个房间就可以看做是一个变量。数据类型： 基本数据类型， 对象类型数据，内存，变量，释放内存：数据： 本质就是二进制， 特点就是可读可传递-------万物皆数据， 包括函数也是数据内存： 打开电脑运行程序就产生了内存，说白了就是通电以后产生的存储空间（ 不是
2021-10-24 13:47:48
340
原创 JavaScript注释
单行注释：为了提高代码的可读性， JS 与css— 样， 也提供了注释功能。js 中的注释主要有两种， 分别是单行注释和多行注释。单行注释的注释方式如下：/ / 我是一行文字， 不想被JS引擎执行，所以注释起来/ / 用来注释单行文字（快捷键ctrl + /）多行注释多行注释的注释方式如下．/*获取用户年龄和姓名并通过提示框显示出来*// * * / 用来注释多行文字（ 默认快捷键alt +shift+a)快捷键修改为ctrl + shift +/vscode —首选项按钮—键盘快
2021-10-24 13:47:04
16457
原创 JS有3 种书写位置， 分别为行内、内嵌和外部。
1·行内式<input type="button" value=" 点我试试" onclick="alert('He11oWor1d')"/>_ 可以将单行或少量J s代码写在HTML 标签的事件属性中（ 以on 开头的属性）,如：onclick_ 注意单双引号的使用： 在HTML 中我们推荐使用双引号,JS 中我们推荐使用单引号_ 可读性差，在html 中编写J s大量代码时，不方便阅读_ 引号易错，引号多层嵌套匹配时，非常容易弄混；_ 特殊情况下使用2·内嵌式<sc
2021-10-24 13:46:25
710
原创 javascript基础
语言类型语言类型 说明汇编语言 汇编语言和机器语言实质是相同的， 都是直接对硬件操作， 只不过指令采用了英文缩写的标识符， 容易识别和记忆。高级语言 高级语言主要是相对于低级语言而言， 它并不是特指某一种具体的语言， 而是包括了很多编程语言， 常用的有c 语言、C++ 、Java 、C# 、Python 、PHP 、JavaScript 、GO语言、Objective-C 、swift 等编程语言和标记语言区别语言 说明编程语言 编程语言有很强的逻辑和行为能力。在...
2021-10-24 13:45:15
68
原创 （鼠标移入出现介绍）
需要插入jQuery库效果图HTML<ul> <li> <img src="./img/01.jpg" /> <p></p> <span>百度一下,你就知道</span> </li> <li> <img src="./img...
2021-10-23 22:03:42
53
原创 你所知道的http的响应码及含义？
1xx(临时响应)100: 请求者应当继续提出请求。101(切换协议) 请求者已要求服务器切换协议，服务器已确认并准备进行切换。2xx(成功)200：正确的请求返回正确的结果201：表示资源被正确的创建。比如说，我们 POST 用户名、密码正确创建了一个用户就可以返回 201。202：请求是正确的，但是结果正在处理中，这时候客户端可以通过轮询等机制继续请求。3xx(已重定向)300：请求成功，但结果有多种选择。301：请求成功，但是资源被永久转移。303：使用 GET 来访问新的地址来获
2021-10-23 21:34:35
186
原创 HTML，css画冰激凌
.banyuan { width: 180px; height: 90px; border: 1px solid black; border-radius: 90px 90px 0 0; background: lightsalmon; margin-left: 10px;}.div { width: 200px; height: 30px; border: 1px solid black; background: rg.
2021-10-23 21:34:14
2246
原创 CSS高级技巧
## 1. 元素的显示与隐藏1.1 display 显示（重点）- display 设置或检索对象是否及如何显示。 display: none 隐藏对象 display：block 除了转换为块级元素之外，同时还有显示元素的意思。- 特点： 隐藏之后，不再保留位置。实际开发场景： 配合后面js做特效，比如下拉菜单，原先没有，鼠标经过，显示下拉菜单， 应用极为广泛1.2 visibility 可见性 (了解)- 设置或检索是否显示对象。 visibility：visible ...
2021-10-23 21:33:47
86
原创 CSS浮动(float)的应用
浮动和标准流的父盒子搭配 我们知道，浮动是脱标的，会影响下面的标准流元素，此时，我们需要给浮动的元素添加一个标准流的父亲，这样，最大化的减小了对其他标准流的影响。 一个完整的网页，是 标准流 + 浮动 + 我们后面要讲的定位 一起完成的。 注意，实际重要的导航栏中，我们不会直接用链接a 而是用 li 包含链接(li+a)的做法。 1. li+a 语义更清晰，一看这就是有条理的列表型内容。 2. 如果直接用a，搜索引擎容易辨...
2021-10-23 21:33:28
163
原创 CSSweb三大定位机制
说明:浮动,定位的目的就是改变元素原有的文档流，进行排版布局1.普通流---文档流:网页中写出来得标签元素原本占有的位置就是普通流(文档流) **块级元素**会独占一行，**从上向下**顺序排列； 常用元素：div、hr、p、h1~h6、ul、ol、dl、form、table **行内元素**会按照顺序，**从左到右**顺序排列，碰到父元素边缘则自动换行； - 常用元素：span、a、strong、em、img等2.浮动--float:left(左浮动...
2021-10-23 21:33:08
138
原创 CSS盒子模型
盒子塌陷：解决方案，父元素浮动 盒子模型:在网页中一个模块就是一个盒子模型(大大小小的有无数个)组成:content(具体的内容)+padding(内填充)+border(边框)+margin(外边距)盒子模型中唯一一个可以设置负值的属性是margin，为负值时反方向运动margin值得设置方式:方式1:实际开发酌情使用margin-top:上外边距margin-right:右外边距margin-bottom...
2021-10-23 21:32:41
69
原创 CSS 三大特性
1CSS层叠性概念：所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉-原则：-样式冲突，遵循的原则是就近原则。那个样式离着结构近，就执行那个样式。-样式不冲突，不会层叠后者会覆盖前者2CSS继承性概念：子标签会继承父标签的某些样式，如文本颜色和字号。想要设置一个可继承的属性，只需将它应用于父元素即可。简单的理解就是：子承父业。-注意...
2021-10-23 21:32:14
59
原创 CSS 背景(background)
1背景颜色(color)语法：background-color:颜色值;默认的值是transparent透明的2背景图片(image)语法：background-image:none|url(url)|参数|作用||none|无背景图（默认的）||url|使用绝对或相对地址指定背景图像|background-image:url(images/demo.png)...
2021-10-22 10:03:22
357
原创 标签显示模式（display）重点
1.块级元素(block-level)例：常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>、<form>等，其中<div>标签是最典型的块元素。块级元素的特点（1）比较霸道，自己独占一行（2）高度，宽度、外边距以及内边距都可以控制。（3）宽度默认是容器（父级宽度）的100%（4）是一个容器及盒子，里面可以放行内或者块级元素。-注意：-只有文字...
2021-10-22 10:01:24
349
原创 CSS外观属性
1color:文本颜色作用：color属性用于定义文本的颜色，其取值方式有如下3种：|表示表示|属性值||预定义的颜色值|red，green，blue，还有我们的御用色pink||十六进制|#FF0000，#FF6600，#29D794||RGB代码|rgb(255,0,0)或rgb(100%,0%,0%)|2...
2021-10-22 09:59:47
88
原创 CSS字体样式属性调试工具
1.1font-size:大小作用font-size属性用于设置字号p{font-size:20px;}单位：可以使用相对长度单位，也可以使用绝对长度单位。**注意：***我们文字大小以后，基本就用px了，其他单位很少使用*谷歌浏览器默认的文字大小为16px,最小是12px,默认是14px*但是不同浏览器可能默认显示的字号大小不一致，我们尽量给一个明确值大小，不要默认大小。一般给body指定整个页面文字的大小1.2font-family:字体作用：font-family属性用于...
2021-10-22 09:58:11
83
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人