訾博（ZiBo）的博客

类通过class关键字进行定义，其后单词表示类的名称。名称之后，通过{}表示类定义的作用域，在其中定义类的成员变量及成员方法。class $ {// 类体 }// 实例化对象 Student student = Student('张三' , 18);// 访问成员变量 print(student . name);// 修改成员变量 student . name = '李四';// 再次访问成员变量 print(student . name);

一、我们的默认写法1、代码<template> <view class="box"> <view class="box-item">1</view> <view class="box-item">2</view> <view class="box-item">3</view> <view class="box-item">4</view> <

目录0、警醒自己一、v-for列表渲染1、概述2、代码演示3、运行结果二、VUE官方文档1、地址0、警醒自己1、学习不用心，骗人又骗己；2、学习不刻苦，纸上画老虎；3、学习不惜时，终得人耻笑；4、学习不复习，不如不学习；5、学习不休息，毁眼伤身体；6、狗才等着别人喂，狼都是自己寻找食物；一、v-for列表渲染1、概述我们可以用 v-for 指令基于一个数组来渲染一个列表；v-for 指令需要使用 item in items 形式的.

一、条件渲染概述条件渲染，顾名思义就是满足条件的时候进行渲染；二、v-if1、概述v-if是一个条件判断，当条件为true的时候就会渲染当前标签，也就是条件渲染的的意思；2、代码演示<template> <view> v-if是一个条件判断，当条件为true的时候就会渲染当前标签，也就是条件渲染的的意思！ <view class="box" v-if="isShow"> 圆 </view> <..

目录一、官方文档1、地址2、内容用在组件上：二、应用1、默认实现代码：运行结果：2、绑定Class代码：运行结果：3、条件绑定Class（选择）代码：运行结果：4、条件绑定Class（是否绑定）代码：运行结果：5、绑定Style（与Class类似）代码：运行结果：一、官方文档1、地址https://uniapp.dcloud.net.cn/use?id=class-%e4%b8%8e-style-%e7%bb%91%

一、数据渲染（其中包含了数据渲染和方法调用，这是vue的基础，非常简单！）（我本不想把笔记写得这么短，奈何这个模块内容确实很少！）1、代码演示<template> <view> <view class="box"> <view>{{itemdata}}</view> <view>{{user.username}}</view> </view> <button ty

目录一、选择器1、官方文档2、代码演示3、运行结果二、CSS3选择器1、代码演示2、运行结果一、选择器1、官方文档https://uniapp.dcloud.net.cn/frame?id=%e9%80%89%e6%8b%a9%e5%99%a82、代码演示<template> <view> <view class="view-box" id="view" hover-class="view-box-hover"&.

一、View1、新建demo页面我们来新建一个demo页面，并将其放在第一个，作为启动页，专门用来进行学习；2、View组件官方文档地址：https://uniapp.dcloud.net.cn/component/view截图：3、使用代码：<template> <view> <view class="v1" hover-class="v1-uni" hover-stay-time="100">第一个...

一、效果图二、素材获取1、图标资源从Iconfont-阿里巴巴矢量图标库获取即可，示例如图：2、其他资源其他资源可从源代码获取，源代码下载地址：三、官方文档1、官方文档地址https://uniapp.dcloud.net.cn/collocation/pages?id=tabbar2、截图四、使用1、新建页面第一步：鼠标指针移到pages文件夹上，点击鼠标右键，新建页面第二步：输入页面名字，点击创建即可...

一、作用用于设置应用的状态栏、导航条、标题、窗口背景色等；二、官网地址https://uniapp.dcloud.net.cn/collocation/pages?id=globalstyle三、pages.json介绍四、演示1、代码{ "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/ind...

一、Animate.css动画库介绍Animate.css是一个有趣的，跨浏览器的css3动画库，预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn/fadeOut）等多达 60 多种动画效果，几乎包含了所有常见的动画效果；二、下载1、官网地址https://animate.style/#documentation2、官网首页截图3、下载地址1https:...

一、Iconfont-阿里巴巴矢量图标库1、基本信息简介Iconfont-国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能；阿里巴巴体验团队倾力打造，设计和前端开发的便捷工具；免费；网址https://www.iconfont.cn/首页截图登录推荐使用微博账号登录；2、使用第一步：通过搜索等方式找到你想要的图标，鼠标放上去，点击购物车图标，将你想要的图标加入购物车；第二步：点击右上角购物车图标，再点.

一、获取官方CSS样式库文件第一步：在空白处，鼠标右键新建项目第二步：创建一个官方的演示项目，如图第三步：创建成功，官方CSS样式库位置如图二、引入官方CSS样式库第一步：在我们的项目中新建文件夹第二步：输入文件名，按键盘上的回车键（Enter）即可第三步：将官方CSS样式库复制到common文件夹第四步：引入官方CSS样式库文件，并复制uni.ttf文件，即可...

一、安卓真机调试配置1、步骤第一步：打开手机的开发者模式不同的手机存在一些差异，这里不再细述，如果真的有问题，请善用百度解决；第二步：使用USB数据线将手机与电脑连接此时电脑会有手机连接的提示信息；第三步：打开项目中的index.vue文件第四步：点击菜单栏的“运行”，如下图第五步：项目进入编译状态第六步：根据手机提示操作即可，结果如图（荣耀20）二、IOS真机调试配置（由于本人使用的是基于Android系统的荣耀20手机，没有也从未使用过基.

一、创建项目1、方法一第一步：点击“文件”，新建项目第二步：选择项目类型，填写项目名称，确定项目保存位置，选择模板第三步：创建完成，如图2、方法二第一步：点击图标，新建项目其他步骤见方法一；3、方法三第一步：左侧空白处，点击右键，创建项目其他步骤见方法一；二、学习资料推荐1、官方文档网址：https://uniapp.dcloud.net.cn/README（后续发现其他优秀学习资料的话会进行补充，以官方文档为...

一、HBuilder X的下载和安装1、下载官网下载地址：https://www.dcloud.io/hbuilderx.html下载的版本（App开发版）：2、安装下载完，将其解压到一个文件夹即可；二、插件安装1、安装哪些插件备注：官方教程有个js-beauty插件，但是核心插件里面没有，插件市场我也没找到，因此暂时没有安装，以后用到出错再解决；2、如何安装插件情况一：核心插件直接点击“安装”即可；情况二：其他插件点击“...