快习中学乐-CSDN博客

原创慕尚花坊小程序开发---day3

页面设计考虑到了用户体验，既展现了必要的订单信息，也提供了友好的空状态提示，引导用户进行下一步操作。如果不传递参数，默认值就是空对象如果传递参数，参数需要是一个对象，对象中的属性需要和wx,showModal参数保持一致通过new关键字构建-个promise对象在方法内部通关promise返回用户的操作。在代码片段中我结合微信小程序的原生能力与Vant Weapp UI库组件，构建一个包含商品展示、操作导航、数量选择、个性化留言等多功能的商品详情页面，实现了良好的用户体验和高效的开发流程。

2024-05-30 11:45:34 621

原创知识点1~3

Flex 布局是 CSS3 中引入的一种用于设计弹性和响应式布局的技术，它使得对容器内的子元素进行灵活布局变得更加简单和高效。：这些单位表示具体的物理尺寸，如厘米（cm）、毫米（mm）、英寸（in）、点（pt）和派卡（pc）。比如设置宽度为50%，表示元素的宽度是父元素宽度的一半。：最常见的长度单位，在网页设计中使用广泛。元素的定位是指控制元素在页面中的位置和布局方式。：相对于视口（浏览器窗口）宽度的单位，1vw 等于视口宽度的 1%。：相对于视口（浏览器窗口）高度的单位，1vh 等于视口高度的 1%。

2024-03-09 17:38:45 1837 1

原创慕尚花坊小程序开发---day2

在第二天的开发工作里，我完成了构建项目页面，首页页面代码的书写。

2024-03-09 16:57:08 551 2

原创慕尚花坊小程序开发---day1

在之后的工作里，随着项目的功能越来越多、项目越来越复杂，文件目录也变的很繁琐，为了方便进行项目的开发，开发人员通常会对目录结构进行调整优化，在慕尚花坊项目中，我们就需要将小程序源码放到 miniprogram 目录下。首先在project.config.json 配置 miniprogramRoot 选项，指定小程序源码的目录。然后配置 project.config.json 的 setting.packNpmManually 为 true。3 ...4 },初始化项目在终端里输入以下代码2。

2024-03-09 15:36:18 1622 1

原创构建交互式Web应用程序：解析Vue.js中的关键概念和文件

new Vue({data() {return {},// 在实例初始化之前调用，在此阶段无法访问到data和methods等选项},// 在实例创建完成后被调用，此时已经可以访问到data和methods等选项},// 在挂载之前被调用，此时模板已经编译完成，但尚未挂载到页面上},// 在挂载完成后被调用，此时组件已经被渲染到页面上},// 在数据更新之前被调用，但DOM尚未重新渲染},// 在数据更新且DOM重新渲染完成后被调用},

2023-11-06 07:56:17 135

原创探索Web交互的关键：元素焦点、鼠标、滚轮、输入和键盘事件

在Web交互中，元素焦点、鼠标、滚轮、输入和键盘事件都是非常关键的要素。它们允许用户与网页进行交互，并实现丰富的用户体验。我会用代码的形式让大家直观的感受这五大关键事件元素焦点指的是用户当前正在与之交互的元素。在HTML中，可以使用tab键或通过JavaScript来设置元素的焦点。焦点状态可以帮助用户导航、输入内容或执行操作。

2023-10-30 23:06:24 543 1

原创 Flex布局-微信小程序

简单直观的代码结构：Flex 布局使用简单明了的属性来控制元素的排列和对齐方式，只需通过少量的 CSS 属性设置，就能实现复杂的布局效果。主轴与侧轴的控制：Flex 布局允许开发者灵活地控制项目在主轴（水平方向）和侧轴（垂直方向）上的对齐方式，以适应各种布局需求。center：项目在主轴上居中对齐排列，项目间不留空隙，主轴上第一个项目利主轴起点的距离等于最后一个项目离主轴终点的距离。space-around：每个项目之间的距离相等，第一个项目离主轴起点和最后一个项目离终点的距离为中间项目距离的一般。

2023-10-06 22:33:56 375 1

原创 Flex布局

在上述代码中，我们创建了一个Flex容器，内部包含三个Flex项目。容器的样式设置为Flex布局，主轴方向为水平方向（），并居中对齐（和）。每个项目的样式设置为均分剩余空间（），并设置了一些简单的样式用于展示效果。通过浏览器执行上述代码如下图：我们使用标签来代替HTML中的标签，因为在微信小程序中，视图容器使用标签。接下来，对应的WXSS样式如下：在微信小程序中，我们使用WXSS来定义样式。和前面提到的HTML代码类似，我们使用了来表示容器，来表示项目。样式属性基本保持一致，只是对单位进行了适当的改变

2023-09-24 19:54:13 483 1

原创关于我的Linux考试错题集

答案为D在Linux中，变量的定义需要指定变量名和变量值，中间使用等号连接。变量名通常使用大写字母，并且在变量名和等号之间没有空格。

2023-05-17 20:07:45 191 1

原创 Linux-系统环境变量

以文本编辑器打开/etc/profile/文件 gedit+文件名。以root身份执行su root （su swith user）系统环境变量：定义在/etc/profile中。输入root用户密码进入root用户。完成之后注销用户，登录root用户。这个文件里的环境变量对所有用户有效。

2023-04-18 00:09:20 57

原创 Linux---脚本

linux三种常见的脚本：Shell脚本（.sh），python脚本（.py），perl脚本（.pl）立即生效需要运行 source /etc/profile ，否则只能在下次重进此用户时才能生效。Python脚本解释器：/bin/python3。在终端里： gedit ~./profile。2.在./profile文件里新建用户环境变量。Shell脚本解释器： /bin/shell。Perl脚本解释器：/bin/perl。3． If判断语句、while逻辑循环。都定义在 ~/.profile。

2023-04-10 23:32:15 769

原创关于Linux用户名的干活

sudo useradd -m 用户名（-m表示添加到home文件夹里）第一次使用root 用户先设置密码: sudo passwd root。切换成root 用户: su root (su-Switch user)其中，-g表示在添加用户，同时将用户加到boys组修改现有用户到新的组。创建用户：usermod -m -g boys ming。2.只有特殊用户，才可以执行 sudo 命令。1.只有文件的主属或者root可以修改文件权限。【用户和组】root才有这个权限。仅用户user自己的权限+w。

2023-04-03 23:56:16 89

原创 JS数据类型

--相信大家在学习js数据类型的时候，都会有一些疑问。（1）为什么需要有数据类型？这是因为每一种编程语言都有自己的语法规则，在处理数据的时候，也会有自己的规则，不是任何数据都可以处理的。（2）什么是数据类型？因为js编译器在解析代码的时候，会产生各种不同的数据而不同的数据。‘运算‘ 与；存储’ 方式都不同，计算机需要对这些数据进行分类,称之为数据类型。（3）有那些数据类型？

2023-03-21 20:04:34 70

原创 Linux系统必备知识

按“Tab”键时，如果系统只找到一个与输入字符相匹配的目录或文件，则自动补齐:如果没有匹配的内容或有多个相匹配的名字，系统将发出警鸣声，再按一下“Tab”键将列出所有相匹配的内容(如果有的话)，以供用户选择。//将/usr/wtmp文件移动到根目录下，移动后的文件名为tt[root@Server01 ~]# mv /usr/wtmp /tt。在Linux系统中，命令区分大小写。//将当前目录下的/tmp/wtmp文件移动到/usr/目录下，文件名不变[yangyun@Server01 ~]$ exit。

2023-03-20 20:01:14 1398

zsq520520_的博客