- 博客(13)
- 收藏
- 关注
RSS订阅原创 Web前端（CSS）（一直要修改版）
隐藏的样式displaydisplay:none 隐藏display:block 显现文本装饰样式text-decorationnone:默认无装饰blink：闪烁underline：下划线line-through：贯穿线overline：上划线列表样式列表前标识list-style-typenone 无样式circle 圆点…ul{ list-style-type：}设置鼠标悬停效果:hovereg：给p标签设置悬停效果p:hover{
2021-10-14 12:17:56
119
原创 微信小程序开发入门（ES6用法）
一、const 定义常量常量无法被覆盖const a = 123;a = 456 //会报错，因为常量无法被覆盖二、let 块级变量用let定义的变量只在块中（例如花括号）起作用，离开变量外界的块，就会被销毁if(true){ var a = 123; let b = 456; console.log(b); //正确}console.log(a);console.log(b); //报错，访问不到三、模板字面量用于字符串拼接和写模板，使用·（反引号，左
2021-10-13 17:36:53
1298
1
原创 微信小程序开发入门（API）
一些基础用法（这里只记录几个重要的）wx.getSystemInfoSync()获取设备信息wx.showLoading显示 loading 提示框。需主动调用 wx.hideLoading 才能关闭提示框wx.showToast显示消息提示框wx.showToast({ title: '成功', icon: 'success', duration: 2000 //延迟时间})具体自己看文档https://developers.weixin.qq.com/mini
2021-10-13 14:56:12
765
原创 微信小程序CSS布局—display:flex
display:flex 是一种布局方式。它即可以应用于容器中，也可以应用于行内元素。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。flex的六种属性flex-direction容器内元素的排列方向(默认横向排列)flex-direction:row 沿水平主轴让元素从左向右排列flex-direction:column 让元素沿垂直主轴从上到下垂直排列flex-direction:row-reverse 沿水平主轴让元素从右.
2021-10-13 13:18:55
4015
原创 微信小程序开发入门（组件）
基础布局容器viewhover-class 指定按下去的样式类hover-start-time 按住后多久出现点击态，单位毫秒hover-stay-time 手指松开后点击态保留时间，单位毫秒eg：点击“首页”字样，背景颜色变绿<view hover-class="box"> 首页</view>.box{background-color: aquamarine;}text （行级标签）user-select 文本是否可选，该属性会使文本节点
2021-10-11 16:50:54
94
原创 微信小程序云开发（2）— 云数据库
数据库的初始化在开始使用数据库API进行增删改查操作前，先要获取数据库的引用。调用获取默认环境的数据库引用：const db = wx.cloud.database()之后就可以在方法获取集合的引用了db.collection("这里是集合的名称")查询，获取一个记录的数据假设我们已经有一个ID为 "1135396392"的集合在demolist上的记录，那么我们可以调用get方法获取数据db.collection("demolist").doc("1135396392").get(
2021-10-09 11:08:19
2437
原创 微信小程序云开发（1）— 项目初始化
新建云开发项目后，清空页面1、cloudfunctions文件夹里的东西全删掉2、miniprogram文件夹下删除：组件components图片images样式style3、miniprogram/pages文件夹下只留下index4、miniprogram/pages/index文件夹下删去图片接下来改代码5、miniprogram/app.json中"pages":[ "pages/index/index"]6、miniprogram/app.wxss代码全删掉接下来到
2021-10-06 15:28:34
386
原创 微信小程序云开发（4）— 云存储
文件存储（小程序端）wx.cloud.uploadFile将本地资源上传至云存储空间，如果上传至同一路径则是覆盖写cloudPath 云存储路径filePath 要上传文件资源的路径wx.chooseImage从本地相册选择图片或使用相机拍照count 最多可以选择的图片数量sizeType 所选图片尺寸sourceType 图片来源[‘album’,‘camera’]success 回调wxml<button bindtap="clickBtn" type
2021-10-06 14:59:25
1216
原创 微信小程序云开发（3）— 云函数
云函数基础介绍一般选择云开发，project.config.json 文件中已经配置好了云开发的本地根目录{ "cloudfunctionRoot": "cloudfunctions/"}假设我们在云函数目录里已经创建了一个getData文件夹cloudfunctions/getData/index.js// 云函数入口文件const cloud = require('wx-server-sdk')cloud.init()const db = cloud.database()
2021-10-06 13:14:06
1668
原创 微信小程序云开发（2.1）— 各项构建查询条件
一、返回指定行数limit()limit用来指定查询结果集数量上限，比如我们有100条数据，只想返回前20条，我们可以通过limit(20)来指定只返回20条数据eg：只返回3条数据 getData(){ db.collection("demolist").limit(3).get() .then(res=>{ console.log(res) }) },注意： limit 在小程序端默认及最大上限为 2
2021-10-04 15:07:56
962
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人