- 博客(36)
- 收藏
- 关注
原创 小程序~~4(npm支持+分包加载+开放功能)
1.npm支持自定构建npm为了简化文件目录,将小程序源码放在miniprogram目录下需要在project.config.json中配置相关属性先将app.json中的"style":"v2"去除,之后在官方文档中找到想要的组件样式,将组件在app.json中进行注册,即引入组件,之后便可以在wxml中直接使用组件第一种解除样式隔离,修改styleIsoation:"shared",之后再去.wxss文件中修改样式,注意修改样式时可以写.van-button--primary{}
2024-08-02 19:09:43
1382
原创 小程序~~3(自定义组件)
使用Component构造页面使用Component构造页面,要求对应的.json文件中包含usingComponents的定义段,页面Page中的一些生命周期方法(如onLoad()等以"on"开头的方法),在Component中要写在methods中才能生效组件的属性Properties可以用于接受页面的参数,在onLoad()中可以通过this.data拿到对应的页面参数组件复用机制behaviors。
2024-08-01 16:25:54
1396
原创 小程序~~2(wxml语法+生命周期+API)
{{id+1}}</view>三元运算 <view>{{id === 1?"等于":"不等于"}}</view>逻辑判断 <view>{{id === 1}}
2024-07-31 09:33:52
1155
原创 小程序~~1(组件+事件系统)
使用data-方法传参的时候,多个单词由-连接,连字符写法会转换成驼峰写法;传参的时候,大写字符会转换成小写字符返回的参数中,currentTarget指的是事件绑定者,而target是触发事件者,在获取参数的时候要注意对象使用mark:来传递参数,点击按钮会得到包括view的数据。
2024-07-31 09:33:38
788
原创 小程序-5(vant组件+全局数据共享+分包+tabBar案例)
1.使用npm包小程序对npm的支持和限制使用vant组件在app.json的usingComponents节点中引入想使用的组件,如按钮等,然后在wxml页面中使用<van-button></van-button>标签使用CSS变量定制主题样式在html文件中,为了方便修改样式,可以设置一个全局变量,在想用的地方进行引用,修改的时候也较为方便,在根节点处进行引用,也就是css中的html{}中。
2024-07-19 10:38:57
1629
1
原创 小程序-4(自定义组件:数据、属性、数据监听器、生命周期函数、插槽、父子通信、behaviors)
定义时给每个slot标签命名,name="",合理即可使用时,在每个标签中添加上slot="对应名"5.父子组件之间的通信。
2024-07-18 10:43:22
2025
原创 小程序-1(项目结构+代码结构+宿主环境+组件)
1.小程序简介小程序运行在微信环境中运行环境不同,小程序中无法调用DOM和BOM的API。但是,小程序可以调用微信环境提供的各种API,如:地理定位、扫码和支付网页的开发模式——浏览器+代码编辑器小程序的开发模式——申请小程序开发账号、安装小程序开发者工具、创建和配置小程序项目2.小程序的项目结构小程序的基本组成结构pages 用来存放所有小程序的页面utils 用来存放工具性质的模块(如:格式化时间的自定义模块)app.js 小程序项目的入口文件。
2024-07-15 19:04:49
1053
原创 PC端网页特效(三大系列+动画函数封装)
当鼠标移动到元素上就会触发mouseenter事件,类似于mouseover区别:mouseover鼠标经过自身盒子会触发,经过子盒子还会触发,而mouseenter只会经过自身盒子触发,因为mouseenter不会冒泡2.动画函数封装动画原理。
2024-05-29 23:28:09
997
原创 BOM重点核心(定时器+JS执行机制+location对象)
1.BOM概述BOM的构成window对象是浏览器的顶级对象在调用的时候可以省略window,前面学习的对话框都属于window对象方法,如alert() 、prompt()
2024-05-20 22:23:48
769
原创 DOM重点核心(注册事件+DOM事件流)
1.注册事件注册时间概述传统注册方式,特点是注册时间是唯一的方法监听注册方式,特点是同一个元素同一个事件乐意注册多个监听器type 事件类型字符串,比如click,mouseover,这里要注意不需要带on了listener事件处理函数,事件发生时,会调用该监听函数useCapture 可选参数,是一个布尔值,默认值是falseaddEventListener(eventName,fn) 不需要添加'on'attachEvent 中需要添加‘on’
2024-05-14 22:23:35
1000
原创 Web APIs(获取元素+操作元素+节点操作)
H5规定自定义属性以data-开头作为属性名并且赋值 <dic data-index='1'><index>或者就是使用setAttribute element.setAttribute('data-index',2)
2024-05-13 21:58:32
2038
原创 JavaScript-3(内置对象+数组对象+字符串对象)
1.预解析js引擎运行js分为两步:预解析、代码执行预解析分为变量预解析(变量提升)和函数预解析(函数提升)在函数的作用域中也要考虑变量提前和函数提前给几个变量同时声明且赋值相同,正确写法:var a=9,b=9,c=9;只在局部作用域内声明并赋值的属于局部变量,在全局作用域中不能调用2.对象什么是对象在js中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等对象由属性和方法组成创建对象的三种方法利用字面量创建方法创建对象:使用键值对的格式;
2024-04-26 21:56:21
870
1
原创 JavaScript-2(运算符+流程控制+数组+函数+作用域)
1.运算符浮点数值的最高精度是17位小数,但在进行算术计算时其精确度远远不如整数不能直接判断两个浮点数是否相等递增和递减运算符必须和变量搭配使用想要反复给数字变量添加或者减去1,可以使用++或--++写在前面,先自加,后返回值++写在后面,先返回值,后自加===和!== 全等和不全等要求数值和数据类型一致== 和!== 只根据数值是否一致来判断 ==会把字符串转换为数字型当有多个表达式(值)时,左边的表达式可以确定结果时,就不再继续运算右边的表达式的值。
2024-04-22 20:56:14
1003
2
原创 JavaScript-1(变量+数据类型+数据类型转换)
1.计算机编程语言机器语言、汇编语言和高级语言;二进制是计算机语言的基础。
2024-04-06 21:01:05
1045
原创 移动端-2(媒体查询+Less基础+rem适配方案+响应式布局+Bookstrap前端开发构架)
变量是指没有固定的值,可以改变的@变量名:值;变量名规范:必须以@为前缀;不能包含特殊字符;不能以数字开头;大小写敏感在样式最上方定义一个变量后,后面再写到该变量的设置可以直接引用@变量名。
2024-04-05 18:00:24
3139
1
原创 移动端-1(视口+二倍图+流式布局+flex布局)
initial-scale 初始缩放比,一般设置为1.0;若设置为2就是写好程序的2倍maximum-scale 最大缩放比,大于0的数字minimum-scale 最小缩放比,大于0的数字user-scalable 用户是否可以缩放,yes或no(1或0)3.二倍图物理像素&物理像素比物理像素点指的是屏幕显示的最小颗粒,是物理真实存在的开发的时候1px不是一定等于1个物理像素的;如在iPhone8中,1px等于2个物理像素。
2024-03-29 21:57:13
969
1
原创 CSS-9(2D转换+动画+3D转换)
4.动画分为定义动画和使用动画两步,用@keyframes定义动画,0%是动画开始的位置,100%是动画结束的位置;在调用动画时,需要添加animation-name:动画名称和animation-duration:持续时间。
2024-03-19 17:28:07
1367
1
原创 CSS-8(CSS初始化+HTML5新特性+CSS新增属性+品优购)
1.CSS初始化2.HTML5的新特性头部标签 导航标签 内容标签 定义文档某个区域 侧边栏标签 尾部标签autoplay="autoplay" 视频自动播放,如果是谷歌浏览器需要添加muted="muted"
2024-03-05 20:23:06
1781
1
原创 CSS-7(精灵图+字体图标+界面样式+布局技巧)
1.精灵图为什么使用精灵图为了有效减少服务器接收和发送请求的次数,提高页面的加载速度精灵图主要针对小的背景图片使用,主要借助背景位置来实现background-position,往上往左移动数值都是负值主要用于显示网页中通用、常用的一些小图标字体图标展示的是图标,本质属于字体字体图标的引入将下载的文件夹放入页面根目录下面,在style中复制代码,之后再复制小图标框框,还要在样式中写上字体font-family:'icomoon'3.CSS三角。
2024-02-20 00:02:27
1117
原创 CSS-3(三大特性+盒子模型)
目录1.CSS的三大特性层叠性编辑继承性编辑优先级编辑编辑2.盒子模型编辑编辑边框内边距外边距编辑外边距的典型应用——块级元素的水平居中编辑外边距合并——相邻块元素垂直、嵌套块元素塌陷相邻块元素垂直外边距的合并编辑嵌套块元素塌陷编辑清除内外边距编辑PS基本操作编辑综合案例1编辑综合案例2编辑编辑编辑圆角边框盒子阴影编辑文字阴影层叠性、继承性、优先级后来者居上样式冲突,遵循就近原则(后来者居上),对前面的样式进行覆盖样式不冲突,不会层叠小辈继承前辈子元素可以继承父元素的样式(
2024-02-07 19:59:07
967
1
原创 CSS-2(元素显示+背景)
1.Emment语法1.Emment语法快速生成HTML语法快速生成:tac——text-align:center;2.复合选择器后代选择器一级一级往下缩小范围,从而能够找到目的对象,父类中包括子类、孙类;可以用标签选择器,在出现多个相同的类时,可以用类选择器进行区分。
2024-02-01 16:16:50
879
1
原创 HTML~
9.表单表格表单:由表单域、表单控件(也称为表单元素)和提示信息构成添加name的话,单选就只有一个能被选中(所有的选项name值都要相同);添加value的话,会在输入用户名的框中出现“请输入用户名的”提前写好的话;添加checked的话,会在打开网页时直接默认选择,不需要用户自己选择,单选只能有一个默认,多选可以有多个;添加maxlength的话,限制了输入的字符不能超过多少个submit默认值为“提交”,加上value可以进行自定义,点击之后会把信息给我们准备好的网页;
2023-12-24 00:00:33
424
原创 12.1~ATM
定义一个Account类来储存信息(set、get、有参数构造器、无参数构造器)创建一个ATM类对账户提供操作,满足业务要求。创建一个Test类,对功能进行测试。1.系统架构搭建、欢迎页设计。
2023-12-06 17:38:21
71
1
原创 11.21~一阶常用API
>中表示限制内容的类型,只写前面的一个就可以。s3会把它当做是运算,不是s1的变量。7.ArrayList综合方法。6.ArrayList常用方法。3.String的注意事项。3次循环后不能再输入结果。2.API的常用方法。
2023-12-02 08:29:04
77
1
原创 11.23~面向对象基础
但还要调用,所以设置setscore和getscore,两者都为public,可通过setscore进行赋值(this.score=score),其中会判断score是否在分数范围内,杜绝-99的情况出现,接着再用getscore返回数值(注意:方法中可不能出现void)在Student1中不写构造器,在Test2中直接写new,不用担心,它会自动成一个无没有内容的构造器,但是有了有参数构造器,就不会再有无参数构造器了,需要自己写。第二块内容定义对象时,用的是第一块的类名。在new时,括号内可空,不影响。
2023-11-25 08:43:18
57
原创 11.15~11.23 案例
还用到了死循环,不会用快捷键ctrl+alt+t,死循环while(true),记得要写break,在循环内。第二种简单,没有用方法,但用了countine OUT结束外部循环,countine仅结束内部循环。int number = r.nextInt(界限值)+1,注意括号内还是给定的界限值。以及号码的储存,每一次结束都会有number[i]=number,将其纳入数组。第一种较麻烦,用到了方法、信号位思想,依据flag来看是否输出。还有判断该数是否已经存在,我觉得这样写可简单,用一个!
2023-11-23 17:45:17
63
原创 11.6~11.15
在第二种,fire(country,number1)中country是直接打入的,而后面的还是直接写个1就行了,注意是int类型,加上“”会变成String类型,也就是字符串,会报错的。方法在类中的位置放前放后无所谓,但一个方法不能定义在另一个方法里面(从public static开始千万不能放到main方法里)方法不调用就不会执行,调用方法时,传给方法的数据,必须严格匹配方法的参数情况。如果需要返回,写具体数据类型,调回的时候也是具体数据类型。注意:最后三行和回调不在一个大括号内!
2023-11-15 20:47:46
70
原创 11.2~
相互赋值完后,修改其中一个的变量,输出另一个变量也会改变,即arr1和arr2都会改变。注意:在char类型时,输出的不知道是什么东 西,在前面加上int,默认值就能输出1了。常见问题:变量存储的地址是null时,只能输出,不能执行功能,即可以输出arr2,但不能输出arr2[0]数组变量名中储存的是数据在内存中的地址,数组是一种引用数据类型。数组:是一个容器,用来储存一批同种类型的 数据。先有默认值,输入了两次“sout.+回车”,赋值后,才会出现想要值。
2023-11-04 18:27:28
67
1
原创 10.28~11.2
简言之:break直接结束循环 contiune不执行本次循环,直接进行后面的循环。所有的范围让其从0开始,之后再加上,但注意r.nextInt()中输入的数字比减去后得到数多1,因为不包后。break和contiune不能只用在for循环中,可以用在循环分支中的执行。for中的j不能在{}后再输出,而while中的m能在{}后再输出。有可以直接输入的区间,包前不包后,想要10-30,需要输入10-31。3.Dowhile循环。
2023-11-02 20:33:48
95
原创 10.23~10.27周结
存在多个case分支的代码是一样时,可以把代码写到一个case块,其他case块通过穿透性能,穿透到该case块即可,这样可以简化代码。7.表达式的自动类型转换:在表达式中,小范围类型的变量,会自动转换为程序中较大范围类型的变量,再参与计算。5.计算机中表示数据的最小单元:一个字节,(byte,简称B,是使用8个二进制位组成的)③当条件是与一个一个的值比较的时候,switch分支更合适:格式良好,性能较好,代码优雅。③放在变量的后面,先拿变量的值进行运算,再对变量的值进行加1、减1。
2023-10-28 00:32:15
85
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅