- 博客(20)
- 收藏
- 关注
RSS订阅原创 微信小程序云开发日记-听音乐8-建立playlist组件
新建playlist组件1.在components文件夹下建立playlist文件夹，里面包括（js，json，wxml，wxss）2.在使用时，需要在需要使用的版块中配置组件，得把组件召唤一下，我们要在音乐列表中使用（主体中的playlist，不是组件里的），所以先去playlist中的json文件中usingComponents写入x-playlist这个名字就是在这个模块中组件的名字，可以自定义起名字，后面就是路径啦。"usingComponents": { "x-playlist":
2020-08-14 11:55:24
584
原创 微信小程序云开发日记-听音乐7-组件化开发
组件化开发组件：在用户界面开发领域，面向用户，独立的而且可以复用的交互元素的封装。（就是一个整体，像是做月饼是用到的模具，想做什么造型的月饼挑一个模具，但是月饼的面和馅可以是不一样的，自定义的。当然你也可以每次做月饼的时候自己用手捏，但是每次都捏是不是很麻烦，还不如用之前的模具一下就完事，方便，快捷，还不易出错。）#mermaid-svg-KZREkqhOPMlOXSfI .label{font-family:'trebuchet ms', verdana, arial;font-family:v
2020-08-14 09:30:54
200
原创 CSS学习日记12-选择器4-伪类选择器6
（四）伪类选择器3.都有哪些呢？1）:超链接伪类2）结构伪类3）表单伪类4）字符伪类注意这里其实是伪元素，要用:: 两个冒号首字母大写通过对文本标签的选择，可以对其内容进行操作，比如首字母大写<body> <p> 他们都到海边去了。我为左眼发炎不曾去。我独坐在前廊，偎坐在一张安适的大椅内，袒着胸怀，赤着脚，一头的散发，不时有风来撩拂。清晨的晴爽，不曾消醒我初起时睡态；但梦思却半被晓风吹断。我阖紧眼帘内视，只见一斑斑消残的颜色，一似晚霞的余赭，留恋地胶
2020-08-13 16:38:47
183
原创 CSS学习日记11-选择器4-伪类选择器5
（四）伪类选择器3.都有哪些呢？1）:超链接伪类2）结构伪类3）表单伪类对表单设置直接选择input，可用的不可用的都可以设置<body> <form action=""> <input type="text" disabled> <input type="text"> <button>保存</button> </form></body>
2020-08-13 15:58:55
108
原创 微信小程序云开发日记-听音乐6-音乐页面轮播图
一、配置window1.app.json配置windownavigationBarTextStyle只能black和white"window": { "backgroundColor": "#F6F6F6", "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#d43c33", "navigationBarTitleText": "音乐", "navigationBarTextSty
2020-08-13 11:48:59
473
原创 微信小程序云开发日记-听音乐5-云函数报错及箭头函数的使用
遇到报错的时候，可以先尝试着翻译一下，也许能看懂。这里说的就是login方法没有找到。把云函数上传部署一下就可以了。箭头函数代替let that =thissetData 可以设置数据 let that =this wx.cloud.callFunction({ name: 'login' }).then(function(res) { console.log(res) that.setData({ openid: res.r.
2020-08-12 12:03:39
195
原创 微信小程序云开发日记-听音乐4-云开发目录相关
目录结构cloudfunctions里面装着云函数app.js：描述总体，初始化云开发inti其实就是initialization（初始化）的缩写env就是environment（环境）的缩写traceUser: true 表示表示允许记录用户信息，开启这个以后凡是访问过云项目的用户，就会留下足迹，比如openID。this.globalData，设置小程序全局属性App({ onLaunch: function () { this.checkUpate() if (
2020-08-12 11:37:22
220
原创 微信小程序云开发日记-听音乐3-云开发优势
云开发优势快速上线专注核心业务独立开发完整小程序无需运维弹性伸缩云开发基础能力云函数：在云端运行的代码云数据库：小程序端和云函数中都可以操作的json数据库云存储：云端存储云调用：基于云函数免鉴权使用小程序开放接口的能力HTTP API ： 在已有服务器上访问云资源。实现与云开发的互通...
2020-08-12 09:57:45
355
原创 微信小程序云开发日记-听音乐2-云开发与Serverless
云开发与Serverless一、传统模式与Serverless比较传统模式#mermaid-svg-omxhBIkWs3rryEDY .label { font-family: 'trebuchet ms', verdana, arial; font-family: var(--mermaid-font-family); fill: #333; color: #333; }#mermaid-svg-omxhBIkWs3rryEDY .label text { fill:
2020-08-10 00:00:48
302
原创 CSS学习日记10-选择器4-伪类选择器4
（四）伪类选择器3.都有哪些呢？1）:超链接伪类2）结构伪类e. ：nth-last-child(n)这个选择器跟上上一个差不多，只不过是从后往前数比如<body> <main> <article> <h1>第一行</h1> <h1>第二行</h1> <h1>第三行</h1>
2020-08-09 16:51:05
121
原创 CSS学习日记9-选择器4-伪类选择器3
（四）伪类选择器3.都有哪些呢？1）:超链接伪类2）结构伪类nth-child(n)可以选择第n歌的元素，英语中th后缀表示第几，所nth就是表示第n个的意思。比如说，选择第二个元素，如果只想选择子代，用 > 即可。<body> <main> <article> <h2>第零个儿子</h2> <h1> 第一个儿子
2020-08-09 16:20:07
198
原创 CSS学习日记8-选择器4-伪类选择器2
（四）伪类选择器3.都有哪些呢？1）:超链接伪类2）结构伪类a.:first-child选择第一个孩子这样写是后代选择，后代的第一个孩子也会被选中<body> <main> <article> <h2>第零个儿子</h2> <h1> 第一个儿子 </h1> &l
2020-08-08 10:05:40
189
1
原创 CSS学习日记7-选择器4-伪类选择器1
二.各种选择器（一）基本选择器（二）结构选择器（三）属性选择器（四）伪类选择器1.啥是伪类，不懂啊CSS伪类是用来添加一些选择器的特殊效果。伪就是假的，有人说伪类跟伪娘差不多，看起来是类，其实不是类。或者说，只有特定状态下可以可以当类来用。修饰一些CSS没有的东西。2.伪类选择器当然是选择伪类的啦。就是为元素的不同状态或不确定存在的元素设置样式规则。3.都有哪些呢？1）:超链接伪类好多元素都可以使用伪类，不单是链接比如 :hover 鼠标悬停和划过时的显示效果，:focus 获得
2020-08-07 10:39:19
159
原创 CSS学习日记6-选择器3-属性选择器2
二.各种选择器（一）基本选择器（二）结构选择器（三）属性选择器6.用 * 属性内部任何位置出现值的元素我们发现，只要出现了目标值，就会被选中，不管是单词还是字符串。<body> <main> <article> <h1 title="solve">只有sovle</h1> <h1 title="solve the worry">何
2020-08-06 13:30:52
573
原创 CSS学习日记5-选择器3-属性选择器1
二.各种选择器（一）基本选择器（二）结构选择器（三）属性选择器可以选择html标签里的各种属性。属性用 [ ] 括起来。有时候不用定义类，可以直接找到其属性，就可以对其进行修饰。.1.可以光秃秃的，只选择属性凡是有title属性的，都被选中。 <!-- html --><body> <main> <article> <h1 title>
2020-08-05 16:44:22
150
原创 CSS学习日记4-选择器2-结构选择器
二.各种选择器（一）基本选择器（二）结构选择器1.后代选择器网页的结构层层嵌套的。其中元素是以父，子，兄弟等关系存在的。一个元素里面还元素，孙元素，子子孙孙无穷尽。后代选择就是选择后代，不管子孙只要是后代都能选上。方法：CSS中祖宗和后代用空格隔开<body> <main> <article> <h1> 第一个儿子 </h1>
2020-08-04 10:39:58
230
原创 CSS学习日记3-选择器1-基本选择器-类/id选择器
二.各种选择器（一）基本选择器1.标签选择器2.类选择器可以在相应的标签上定义一个类，单独修饰这个类。使用class字段，在CSS中要用点开头<body> <div class="divone"> 第一个div </div> <div class="divtwo">第二个div </div></body> <style> .divone{
2020-08-03 17:02:25
105
原创 CSS学习日记2-选择器1-基本选择器-标签选择器
一.CSS选择器是啥？就是实现对HTML页面中的元素实现一对一，一对多或者多对一的控制。一间房子的不同地点装修一定是不一样的，比如墙上要刮大白，玻璃上要贴窗花。选择器就是帮我们准确的找到我们想要修饰的元素。二.各种选择器（一）基本选择器1.标签选择器1）使用 * 可为所有元素设置样式。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&g
2020-08-03 11:30:23
122
原创 CSS学习日记1-CSS引用
一、CSS是个啥1.Cascading Style Sheets（层叠样式表）如果说html就是造房子的框架，那么css就是搞装修的。将html搭好的框架装修的非常美丽。一层层给它叠加样式。2.CSS引用其实就是房主需要联系装修队来装修，你不叫人家来装修，谁知道你要装修呀！有三种方式1）内嵌直接写在html中想要修饰的东西里。适合少量的修饰。比如只想修饰某个标签，那就不用大费周章的建个css文件啥的了。<!DOCTYPE html><html lang="en">
2020-08-01 22:23:34
100
原创 微信小程序云开发日记-听音乐1-微信小程序目录结构
微信小程序的目录结构一.文件夹1.Pages小程序对应的页面。每个页面对应4个文件。├── app.js├── app.json├── app.wxss├── pages│ │── index│ │ ├── index.wxml│ │ ├── index.js│ │ ├── index.json│ │ └── index.wxss│ └── logs│ ├── logs.wxml│ └── logs.js└──
2020-07-31 22:08:04
356
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人