- 博客(101)
- 收藏
- 关注
RSS订阅原创 DIYGW UniApp低代码可视化平台应用开发新途径
同时，由于平台支持多端使用，该企业一次开发就得到了微信小程序、支付宝小程序和H5等多个平台的源码，大大提高了开发效率。使用DIYGW UniApp平台，用户只需一次设计，就能生成微信小程序、支付宝小程序、H5、WebApp等多种平台的源码，实现了真正的多端使用。包括宫格列表、图文菜单、卡片、列表、轮播图、导航栏、按钮、标签、表单、单选、复选、下拉选择、多层选择、级联选择、开关、时间轴、模态框、步骤条、头像、进度条、动态通知栏等多种类型，满足各种应用场景需求。其具有所见即所得的特性，即使无编程基础的人。
2024-07-21 22:01:58
645
原创 js数组作业
3.基于数组的顺序和长度，我们可以使用for循环遍历数组。> 1.如果要存储多个数据，就使用数组来存储。1. 求一个数组中所有数字的总和和平均值。> 2.在数组里面使用索引访问每个数据。2. 求数组中所有数字的最大值。3. 求数组中最大值的索引。
2024-07-21 21:22:09
59
原创 Math数组
/ 因为 Math.random得到的是不能得到1的浮点数，我们等下要向下取整，就得不到10了， * 11 向下取整才能得到10。// 输出一个在 [0,1) 之间的浮点数，可以得到0，但是无法得到1。在js中，可以使用 Math.floor() 这个方法对浮点数取整，这个方法取整的方式是向下取整。// 得到一个在 [0,10] 之间的整数。**向下取整**： 将一个浮点数，向数轴的左边获取最近的一个整数。// 获取一个 [0,10] 之间的随机整数。// 获取 [0,10) 之间的随机浮点数。
2024-07-21 21:20:05
213
原创 Date数组
在js中，要获取系统的当前日期和时间，需要用到一个js自带的Date对象(现在先不管什么是对象，先学习如何使用)console.log(data);// 系统时间不同，输出的结果也会不同，但是都是输出当前系统的时间。// 获取月份 ， 得到的月份是从0开始的 ，使用 0-11 表示 1-12 月。在机器人的功能2中，需要获取当前的日期和时间。### 获取时间的各个部分。### 创建Date对象。
2024-07-21 21:19:04
120
原创 String
在小娜的功能1中，我们要从一个"数字,数字,数字"的格式中获取这些数字，就要把字符串以逗号为分隔符，分割这个字符串。// 输出 ['12','88','72','6']这个方法分割字符串后，会以一个数组的方式把所有的数字给我们。// 以逗号为分隔符，分割字符串，得到一个数组。js中提供了一个分割字符串的方法。字符串.split(指定分隔符)
2024-07-21 21:17:49
72
原创 【无标题】
我们在遍历数组的时候，发现总是从索引 0 开始遍历，到最后一个索引，但是如果数据比较多的时候，我们就不容易得到最后一个索引是多少。我们在求成绩总和的时候，一个一个地把数组里面的数组取出来了，从索引 0 到最后一个索引，里面有很多重复的代码，我们其实可以使用循环实现。如果数组的长度是5，索引的最后一个就是4，我们发现最大索引总是比长度少 1 ，所以遍历还可以这么写。但是这个方式是比较麻烦的，我们如果一开始就知道数组了，可以直接使用一个简单的语法存储数据。// 5个人的成绩为： 91，88，72，45，63。
2024-07-21 21:16:01
396
原创 循环的结束语句
某些情况下，我们不一定要循环从头到尾执行，这个时候就要使用break和continue控制循环的次数。需求：在循环打印1到5的过程中，打印到3就停下来，不打印了，后面的4，和5也不打印了。需求：在循环打印1到5的过程中，打印到3就停下来，但是后面的4和5还会打印。> 4.终止整个循环，使用break,跳过一次循环，使用continue。> 1.当我们需要多次执行同样的代码的时候，就可以使用循环来实现。> 3.for可以用于已知次数循环的，也是我们程序里面最常用的。跳过当前这一次循环，继续执行下一次循环。
2024-07-21 21:13:10
197
原创 js的作业
3. 提示用户输入年龄，如果大于等于18，则告知用户可以查看，如果小于10岁，则告知不允许查看，如果大于等于10岁并且小于18，则提示用户是否继续查看（yes、no），如果输入的是yes则提示用户请查看，否则提示"退出,你放弃查看"。4. 本金10000元存入银行，年利率是千分之三，每过1年，将本金和利息相加作为新的本金。7. 输入1就弹出‘星期一’，输入2，就弹出‘星期二’，。1. 写出变量num1 和 num2的值在参与运算中 的变化， 以及sum最后的结果。3. 求1-100之间所有所有奇数的和。
2024-07-21 21:11:07
169
原创 js循环结构
当表达式的结果是true的时候，这里面的代码会重复的执行，直到条件为false。同样的代码我们写了6次，这样是不好的，重复多次时，我们使用**循环结构**结构。console.log('javascript天下无敌！console.log('javascript天下第一！递增或者递减表达式){console.log('不愧是你！console.log('不愧是你！console.log('不愧是你！console.log('不愧是你！console.log('不愧是你！console.log('不愧是你！
2024-07-21 21:09:49
209
原创 三元表达式(补充)
/ 如果表达式1 不成立， 那么就执行表达式3。// 如果表达式1 成立， 那么就执行表达式2。三元表达式的使用是简写if-else结构。switch-case 只能用于定值判断。表达式2 : 表达式3。if结构，多用于判断区间、不定值判断。//例如： 求二个数字中谁更大。
2024-07-21 21:03:53
164
原创 switch结构
在js里面如果是比较固定值，推荐使用swtich-case结构。变量和 固定的值1 === 的时候要执行的代码。变量和 固定的值2 === 的时候要执行的代码。变量和 固定的值3 === 的时候要执行的代码。当以上所有的条件都不成立的时候，代码在这里执行。2.break的作用是结束判断，如果不想要，也可以不写。3.变量和固定值的比较是 === 严格等于。alert('人家没听懂');alert('去二楼');alert('去三楼');alert('滚');1.default不是必须的。
2024-07-21 21:02:17
255
原创 if分支结构
2. 判断分数区间，分数在90到100的为A，80到89的为B，70到79的为C， 60到69为D，60以下为E (练习if-else-if 结构)var gender = prompt('请问您的性别是男的吗');alert('男厕所在二楼的最东边，请去吧');条件表达式1的结果是true的时候要执行的代码。条件表达式的结果是true的时候要执行的代码。条件表达式的结果是true的时候要执行的代码。条件表达式的结果是false的时候要执行的代码。条件表达式2的结果是true的时候要执行的代码。
2024-07-21 20:58:45
303
原创 js流程控制
js里面的代码是有执行顺序的，通过一些特殊的方式控制那些代码如何执行 —— 流程控制。简而言之：一个`程序`可以由多个`语句`组成，一个`语句`可以由多个`表达式`组成。// 行为就是输出了一个12在控制台。// 行为就是弹出了个提示框。语句可以理解为一个行为，一般在行为和行为之间，都会使用 `;重复的代码，可以使用循环的方式实现多次。// 结果是 false。按照从上到下的顺序，一行不漏的执行。// 下面都可以称为表达式。
2024-07-20 15:26:13
272
原创 操作符的优先级
在上述代码中，执行过程是先计算 `2*3` 再和 5 相加的。在js中的操作符很多，我们要认识到它们之间是有计算的优先顺序的，这个优先顺序我们称为`优先级`上面是具体的优先级，但是平时我们不会把很多的操作符放在一起运算，所以我们大致记住。6. 第六优先级： ==!= ===!9. 第九优先级： = += -= *= /= %=5. 第五优先级： > >= < <=2. 第二优先级： ++ --!3. 第三优先级： * / %4. 第四优先级： + -
2024-07-20 15:23:54
213
原创 js操作符
/11 相当于 a = a + 1的结果，实现数据自增1。var height = parseFloat(prompt('请输入你的身高'));// 这里暂时用不到，在后面做具体效果的时候都用，那个时候我们再学习具体的使用。var age = parseInt(prompt('请输入你的年龄'));// 只有 && 两边的 结果都是 true ，最终结果才是 true。// 只要 || 两边的结果有一个是true，最终结果就是true。先执行 = 右边的代码，得到结果，再给 = 的左边。
2024-07-20 15:21:37
363
原创 JavaScript作业
4. 定义四个变量,分别存储一个人的姓名、性别(Gender)、年龄、电话(TelephoneNumber)。然后打印在屏幕上 (我叫X,我今年 X岁了,我是X生,我的电话是XX)(如:010-12345)2. 问用户喜欢吃什么水果(fruits),假设用户输入”苹果”,然后在屏幕上显示”哈哈,这么巧,我也喜欢吃苹果”1.10 Number() parseInt() parseFloat()的区别是什么。1.4 定义两个变量，第一个值是1，第二个变量的值“哈哈”，用两种方式实现。
2024-07-20 15:12:21
126
原创 js运算符
但是如果字符串在转换的过程中，无法转换成数字，就会转换成NaN，再计算就无法得到一个正确的数字结果。console.log(isNaN(123)) // 123不是一个NaN, 所以得到的是false。console.log(isNaN(NaN)) // NaN是一个NaN, 所以得到的是true。隐式转换是指在数据在参与运算的过程中，数据根据操作符的运算规则自动进行的数据类型转换。// isNaN(数据) 判断一个数据是否是NaN。// 如何验证一个数据, 不是NaN。判断类型和值是否不相等。
2024-07-20 15:10:51
132
原创 js类型转换
把其他转成数字： Number() 、 parseInt() 、 parseFloat()(数据).toString() // 小数和null、undefined在使用的时候要小心。// 输出字符串的 123。// 输出字符串的 true。把其他转成字符串：String() 、.toString()parseFloat(数据) // 把字符串转换为小数。Number(数据) // 把其他的类型转换为数字。parseInt(数据) // 把字符串转换为整数。
2024-07-20 15:07:57
294
原创 浏览器里面调试代码
左边可能会有文件，也可能没有，需要自己把文件点出来。在需要断点的地方打断点(哪里有问题就在哪里打断点)然后就观察，每个变量的当前的值是多少。第一步： 打开sources选项卡。刷新就会停在断点的行上面。
2024-07-20 15:06:40
111
原创 js练习01
原因是我们输入的3000是一个字符串，字符串加上数据得出一个不正确的结果。所以我们要把字符串的3000变成数字的3000 —— 数据类型转换。var performance = prompt('请输入张三的绩效工资');2. 通过prompt弹出的输入框，获取老板输入的绩效工资。alert()展示的工资将是：40003000。 1.先声明一个变量，先存储着基本工资。3. 计算 总工资 = 基本 + 绩效。4. 使用alert() 弹出总工资。如果我们输入的绩效工资是：3000。// 让老板输入绩效工资。
2024-07-20 15:00:48
109
原创 js数据类型
我们发现，在js的语法中，已经使用了引号来做为格式了，如果我们就是要输出一个引号，不使用特殊的手段是做不到的，如果希望引号里面出现引用。所谓转义字符，就是在想要转义的字符前面加上一 `\`，这样就把带有特殊意思的字符变成了普通的字符，就可以输出了。null —— 空 , 什么都没有 ， 通常也是不会主动使用，而是得到的一个结果是null。> 1.数据是分类型的，JavaScript里面有两种大类型：简单(值)和复杂(引用)undefined —— 未定义 ，一般很少主动使用，知道是未定义的意思就行。
2024-07-20 14:57:49
231
原创 js变量命名规范
大家在学习的过程中，会遇到许多错误，要习惯看控制台中的错误代码，也可以自己准备一个错题集，把常见的错误记录下来，以便以后遇到同样的错误的时候可以借鉴以前解决错误的思路。// 意思是 A 这个变量我们没有定义就使用了，可见a和A是不一样的，不是同一个变量。// 意思是这行有一个语法错误，出现了一个意料之外的标识符 var。// 翻译过来就是： 这行有一个语法错误，你的数字不符合语法要求。// token - 标记，记号，在编程中我们翻译成 '标识符'// Unexpected - 意料之外的。
2024-07-20 14:54:07
156
原创 javascript变量
使用`var`这个单词，告诉浏览器，我们要定义一个变量，使用`=`号告诉浏览器，我们要把左边的数据存储到变量里面。如果我们使用prompt()方法让用户输入了数据，我们又想要把用户输入的数据保存起来，怎么办呢？//计算两个数字的和。在JavaScript中有一种专门用于保存数据的语法：**变量**当我们想使用这个数据的时候，就可以直接使用这个变量代替这个实际数据。上面代码中，`200`被称为变量`b`的`值`变量定义分为两个过程：变量声明和变量赋值。var 变量名 = 数据;变量就是存储数据的容器。
2024-07-20 14:51:56
159
原创 四个常用js方法
作用：这是一个比较早期的时候，浏览器里面提供的一个在页面的body标签里面输出消息的方式，现在很少用了。作用：这个方法可以在开发者工具的 `Console`选项，也就是我们所说的`控制台`里面输出消息。prompt("请输入你的银行卡密码");// 在浏览器控制台窗口显示内容（后期主要用于调试代码）document.write('今天天气真好');alert('不好意思，您的账号输入错误！作用：在浏览器里面弹出一个输入框，让用户输入。console.log('测试一下~')//使用js把内容写入页面。
2024-07-20 14:49:50
261
原创 JavaScript该写在哪里
input type="button" value="按钮" onclick="alert('hello world');// 语法 <script src="js文件的路径" ></script>> 1.使用方式有3中，开发里面外联使用的多，上课多用内嵌，行内几乎不用。> 2.建议js都写在其他的结构标签的后面 —— 后面学习的时候再解释。写在标签的属性里面的，通常都是 onXXX 这些属性里面。在一个固定的标签 —— script , 写js代码。> 3.外联式的script里面不要写代码。
2024-07-20 14:46:01
142
原创 JavaScript起源
本阶段的重点为JavaScript这门语言的各种语法，需要重点掌握的是每种语法的写法，用途，而不是用来熟练语法的题目。 JavaScript就是一门让我们和浏览器交流沟通的语言，我们在写这门语言的时候，要遵循这门语言的固定语法，使用其特定单词，浏览器才能读懂。浏览器不像人，浏览器是认死理的，不会灵活理解我们所写的代码，所以一定要严格按照JavaScript的语法来写代码。 综上所述，我们要学习的，就是JavaScript这门语言的**语法**和里面特有的**单词**
2024-07-20 14:43:48
380
原创 CSS3媒体查询
目前移动端页面主流的处理方式是：pc端用响应式原理来书写，移动端做成自适应的效果（例如: [www.taobao.com](http://www.taobao.com) 和 m.taobao.com）响应式页面原理：**根据浏览器窗口的宽度，来加载不同的样式代码css**，从而使元素在不同分辨率下有完好的展示效果 （需要检测这个宽度）/*在大于等于600px且小于等于1000px的时候，渲染这里的css代码：*//*当浏览器宽度**大于等于1000px**的时候渲染这里面的代码，例如：*/
2024-07-19 23:01:46
399
原创 手机端的适配（重点）
根据W3标准 ，em 单位是相对于使用em单位的元素的字体大小( 也是相对于字体大小，有可能是父亲的元素也有可能是自身的元素字体大小 )每个网页默认都会有一个**视口**，视口其实是一个**虚拟的窗口** ，**移动端**默认的尺寸是**980**像素;使用em单位时，像素值是em值乘以使用em单位的元素的字体大小( `像素px=em值 * fontSize大小`)为了兼容移动设备，一般让**网页视口的宽度和设备的宽度的比例为 1:1 , 并且不允许用户缩放网页**;
2024-07-19 22:55:18
765
原创 手机屏幕（了解）
由于**计算机显示设备**中的最小单位不是墨汁点而是像素，所以用 **PPI**（Pixels Per Inch）值来表示**屏幕每英寸的像素数量**，我们将 **PPI、DPI 都称为像素密度**，但 **PPI** 应用更广泛，**物理像素**，顾名思义，显示屏是由一个个**物理像素**点组成的，通过控制每个像素点的颜色，使屏幕显示出不同的图像，屏幕从工厂出来那天起，它上面的**物理像素点**就固定不变了。而**分辨率**则一般用**像素来度量 px**，表示**屏幕水平和垂直方向的像素个数**，
2024-07-19 22:43:08
623
原创 移动web介绍(了解)
侧重点：pc端的兼容和适配，pc端的事件（鼠标）用手机端 消费 的人越来越多。1.1、PC端开发 VS 移动web开发。使用的技术：html css js。使用的技术：html css js。侧重点：手机端适配，移动端事件（触摸）京东双十一销售额( 2015 )京东双十一销售额 ( 2016 )3.2、为什么学习移动web。一、移动web介绍(了解)
2024-07-17 17:01:25
198
原创 less的使用
less是一种css 的预处理语言，简化了css的书写，增强了css的功能，赋予css动态语言的特点，是css的升级版。/*书写一个宽300px，高200px的盒子(设计图宽度为75)*///width: @w - 200px;2.2、less嵌套。
2024-07-17 16:58:09
514
原创 animation动画属性
往复运动：表示是否往复执行动画，如是，则值为 `alternate`， 如否，则不写。animation: 动画名称 动画持续时间 运动曲线 重复次数 往复运动;重复次数：没有单位，值为数值。如果是无数次，值为 `infinite`。其中，0%和100%可以写为 `from` 和 `to`。过渡属性 `animation` 是实现css动效的属性。运动曲线：值多为 `linear`。100% { css状态 }@keyframes 动画名称 {50% { css状态 }0% { css状态 }
2024-07-17 16:54:10
202
原创 transition过渡属性
我们可以通过 transform-origin 这个属性配合旋转来控制元素的旋转中心点和旋转轴。配合Transform:rotate()做旋转中心点的设置，两个值，单位可以是px %配合Transform:rotateY()/rotateX()做旋转轴的设置。转换属性 `transform` 可将元素进行旋转、位移和缩放等转换。过渡属性 `transition` 是实现css动效的属性。值为数值，值与值之间以空格隔开，无单位。值与值之间以空格隔开，单位为deg。值与值之间以空格隔开，单位为px。
2024-07-17 16:49:59
285
原创 CSS3新属性
往复运动：表示是否往复执行动画，如是，则值为 `alternate`， 如否，则不写。如果是无数次，值为 `infinite`。转换属性 `transform` 可将元素进行旋转、位移和缩放等转换。过渡属性 `transition` 是实现css动效的属性。其中，0%和100%可以写为 `from` 和 `to`。过渡属性 `animation` 是实现css动效的属性。值为数值，值与值之间以空格隔开，无单位。运动曲线：值多为 `linear`。值与值之间以空格隔开，单位为deg。
2024-07-17 16:46:08
377
原创 滑动门又叫推拉门
为了使各种特殊形状的背景能够自适应元素中文本内容的多少，出现了CSS滑动门技术。它从新的角度构建页面，使各种特殊形状的背景能够自由拉伸滑动，以适应元素内部的文本内容，可用性更强。制作网页时，为了美观，常常需要为网页元素设置特殊形状的背景，比如微信导航栏，有凸起和凹下去的感觉，最大的问题是里面的字数不一样多，咋办？核心技术就是利用CSS精灵（主要是背景位置）和盒子padding撑开宽度, 以便能适应不同字数的导航栏。2. span 设置背景右侧， padding撑开合适宽度 剩下由文字继续撑开宽度。
2024-07-17 16:40:33
128
原创 vertical-align 垂直对齐
vertical-align 不影响块级元素中的内容对齐，它只针对于 行内元素或者行内块元素，特别是行内块元素， **通常用来控制图片/表单与文字的对齐**。vertical-align 垂直对齐， 这个看上去很美好的一个属性， 实际有着不可捉摸的脾气，否则我们也不会这么晚来讲解。但是我们从来没有讲过有垂直居中的属性， 我们的妈妈一直很担心我们的垂直居中怎么做。以前我们讲过让带有宽度的块级元素居中对齐，是margin: 0 auto;以前我们还讲过让文字居中对齐，是 text-align: center;
2024-07-17 16:36:57
211
实时更新Visual Studio Code工具与浏览器HTML修改同步更新-live-server的使用
2024-07-16
python安装步骤，可以参考步骤
2023-12-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人