- 博客(30)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 小程序学习：回调函数与Promise
1、同步与异步在小程序中网络请求wx.request不像其他框架可以设置同步或异步，wx.request在小程序中只能是异步方式。既然是异步方式，就不能用以下的方式获取网络数据：let data = wx.request({ url:'', header:{ appket:"" }})而应该使用回调函数来获取请求后的数据。wx.request({ url:'', hea...
2019-05-25 18:41:24
2347
原创 小程序学习：WXS
官方文档WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。即WXS可以实现在WXML里写js代码或调用js代码。WXS 与 JavaScript 是不同的语言，有自己的语法，并不和 JavaScript 一致。WXS里各种数据类型的方法的使用参照ES5标准。类比JS，既可以把JS代码写在HTML里，也可以写在单独的JS文件里。WXS也是既...
2019-05-25 15:43:35
410
原创 小程序学习：自定义组件
开发者可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用；也可以将复杂的页面拆分成多个低耦合的模块，有助于代码维护。自定义组件在使用时与基础组件非常相似。本文要创建一个效果如下图的组件，由一个心形图片和右上角的数字构成。1、创建自定义组件（1）首先在根目录下新建文件夹components，components下新建like文件夹，like下新建index页面；（2）在 i...
2019-05-25 11:32:15
2710
原创 小程序学习：条件渲染和列表渲染
文档：https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/list.html1、条件渲染（1）wx:if在框架中，使用 wx:if="{{condition}}" 来判断是否需要渲染该代码块：<view wx:if="{{condition}}">True</view>也可以用...
2019-05-25 10:03:55
418
原创 小程序学习：ES6
小程序的ES6支持情况：https://developers.weixin.qq.com/miniprogram/dev/guide/runtime/js-support.html可以在小程序中通过ES6创建类，并通过Module export和import这个类。注意：这里的Module与小程序的模块的使用方法不一样。Module使用import和export引入和导出类； 而模块使用r...
2019-05-23 19:21:20
770
原创 小程序学习：let和var的区别
ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。详见：http://es6.ruanyifeng.com/#docs/let{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1let非常适合用于 for循环内部的块级作用域。...
2019-05-23 10:13:33
1115
原创 小程序学习：数据绑定
数据来源的三种途径（1）直接将数据写在wxml文件中，例如图片的路径：<image src='../../images/movie/like@highlight.png'></image>（2）数据写在js里，由js传递给wxml：<image src="{{like?yes_url:no_url}}" /><text>{{count}...
2019-05-23 09:32:02
145
原创 小程序学习：app.wxss定义全局样式
小程序的页面在渲染时，会自动给页面套一层page：因此，若要对全局进行样式设置，需要在app.wxss中对page进行设置。例如，设置全局的字体：page{ font-family: PingFangSC-Thin; font-size:16px; /* overflow: hidden; */}如果在某页面针对同一属性设置了不同的值，则该值会覆盖全局设置的值。...
2019-05-22 22:44:55
3890
原创 小程序学习：弹性盒子flex布局
布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案——Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。flex容器有6个属性：flex-directionf...
2019-05-22 19:41:44
4826
原创 小程序云开发：由空白项目构建云开发环境
（1）首先在根目录下新建一个文件夹cloudFunctions（2）指定配置，打开project.config.json:加上"cloudfunctionRoot": "cloudfunctions/"然后就可以看到有个云函数的标志了。...
2019-05-16 22:48:57
1205
2
原创 小程序学习：使用有赞UI组件
1、下载源码https://youzan.github.io/vant-weapp/#/intro从github上下载源码：https://github.com/youzan/vant将dist文件夹复制到小程序pages同级目录下，重命名为vant2、配置组件在需要使用组件的页面的json文件中引入配置，例如index.json："usingComponents": { "van...
2019-05-16 22:30:48
4534
原创 小程序云开发：私家书柜
原教学视频：https://cloud.tencent.com/edu/learning/learn-100005-1244/3154由于豆瓣获取图书ISBN的API已暂停开放，故本文采用极速数据提供的免费API：https://www.jisuapi.com/标题...
2019-05-16 22:28:03
3621
1
原创 小程序云开发（一）微信登录实现
传统微信登录流程云开发下微信登录流程云开发登录实现1）miniprogram文件夹下app.js设置env和traceUser：true，跟踪用户信息wx.cloud.init({ env: 'my-zh8la',//环境ID traceUser: true, })2）获取用户信息：exports.main = (event, con...
2019-05-15 19:38:17
32531
3
原创 JS学习笔记（七）BOM
浏览器对象模型（Browser Object Model (BOM)）BOM对象有：windownavigatorscreenhistorylocationdocumenteventwindow对象window是浏览器的一个实例，在浏览器中，window对象有双重角色，它既是通过JavaScript访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象。...
2019-05-15 10:29:45
184
原创 JS学习笔记（六）DOM
当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。1、查找 HTML 元素1）通过 id 找到 HTML 元素语法：document.getElementById(“id”)功能：返回对拥有指定ID的第一个对象的引用返回值：DOM对象说明：id为DOM元素上id...
2019-05-14 22:04:02
152
原创 JS学习笔记（五）String
1、charAt()语法：stringObject.charAt(index)功能：返回stringObject中index位置的字符。charCodeAt()语法：stringObject.charAt(index)功能：返回stringObject中index位置的字符的字符编码。说明：ECMAScript5中可使用”方括号加字符索引“来访问字符串中特定的字符，但是IE7及更早的...
2019-05-14 13:01:18
149
原创 JS学习笔记（四）数组
Javascript中的内置对象：1、Array2、String3、Math4、Date1）创建数组创建一个数组，有三种方法。1: 常规方式:var myCars=new Array(); myCars[0]="Saab"; myCars[1]="Volvo";myCars[2]="BMW";2: 简洁方式:var myCars=new Array("Saa...
2019-05-13 23:32:15
332
原创 JS学习笔记（三）函数
1、函数声明function functionName(parameters) { 执行的代码}2、函数的显示参数(Parameters)和隐式参数(Arguments)函数显式参数在函数定义时列出。函数隐式参数在函数调用时传递给函数真正的值。argumentsECMAScript中的参数在内部用一个数组来表示，在函数体内通过arguments对象来访问这个数组参数。说明...
2019-05-13 19:24:45
143
原创 JS学习笔记（二）流程控制语句
alert()语法：alert()功能：弹出警告对话框alert("你还未成年");prompt()语法：prompt()功能：弹出输入框返回值：1、点击确定，返回输入内容2、点击取消，返回nullvar age=prompr("请输入年龄：");length语法：string.length功能：获取string字符串的长度返回值：number获取星...
2019-05-12 19:15:50
157
原创 JS学习笔记（一）基本语法
1、变量的声明与赋值1）变量声明var 变量名;2）变量赋值var 变量名 = 值;var 变量名1,变量名2, 变量名3 = 值1,值2,值3;//声明多个变量说明：省略var声明的变量是全局变量2、数据类型typeof操作符用于检测变量类型。返回值为string类型。typeof 变量;//或typeof(变量)1）undefined声明一个变量，若不赋值则该变...
2019-05-12 14:41:22
182
原创 CSS学习笔记（十）网页布局
1、行布局基础的行布局页面由头部、banner、内容、底部组成。头部固定不动。行布局自适应设置width为100%，而不是固定值，则元素始终与窗口宽度一致。或者设置90%，使元素左右有间距。行布局自适应限制最大宽设置max-width属性，当窗口宽度大于max-width时，元素宽度为max-width；当窗口宽度小于max-width时，元素宽度为width。行布局垂直水平居...
2019-05-10 15:57:52
193
原创 CSS学习笔记（九）CSS定位
1、HTML中的三中布局方式标准流网页中默认的布局方式，即顺序布局。块级元素独占一行，而内联元素相邻排列。浮动定位2、position属性static：默认值，元素按标准流排列relative：元素仍处于标准流中，但可以通过left、right、top、bottom改变元素相对于窗口左上角顶点的位置。有层级关系，后写的元素会覆盖先写的元素。以窗口左上角为坐标原点。当设置le...
2019-05-10 11:27:16
298
原创 CSS学习笔记（八）float属性
1、float属性的取值left 左浮动right 右浮动none 不浮动inherit 继承父元素的浮动对块级元素使用左浮动，会使多个块级元素在一行内排列。对内联元素使用浮动，可使该元素和块级元素一样可设置height、width。右浮动会使元素倒序排列。实现文字环绕图片效果：2、浮动的副作用给某元素设置了float属性，会使该元素脱离文档流。例如，如果父元素没有...
2019-05-10 09:03:23
927
原创 CSS学习笔记（七）盒子模型
网页中盒子模型1、宽度和高度（1）宽度属性width：长度值|百分比|automax-width：长度值|百分比|automin-width：长度值|百分比|auto若元素高度在min-width和max-width之间，则最终高度=元素高度；若元素高度>max-width，则最终高度=max-width；若元素高度<min-width，则最终高度=min-width。（...
2019-05-09 20:33:40
417
原创 CSS学习笔记（六）背景和列表
1、背景样式（1）背景颜色background-color：color|transparentcolor：指定背景颜色。如：yellow|#00ff00|rgb(255,0,255)；transparent：指定背景颜色应该是透明的。这是默认；*注：背景区包括内容、内边距和边距，不包含外边距。（2）背景图片background-image:URL|noneurl(‘URL’)：图像...
2019-04-25 13:20:09
126
原创 CSS学习笔记（五）文本样式
1、字体样式font-family 指定文本的字体类型或字体集；字体集有：serif（有装饰），sans-serif（无装饰），monospace/*设置多个字体，浏览器会依次查找*/h1{font-family:"微软雅黑","宋体","黑体",sans-serif;}font-size 指定文本的字体大小，浏览器默认16px；color指定文本的颜色；body{...
2019-04-24 16:39:39
126
原创 CSS学习笔记（四）样式命名
1、CSS样式命名规则采用字母、数字、中划线、下划线的组合；以小写字母开头；采用单字，连字符，下划线和驼峰。如：.special{...}.mainTitle{...}.main-title{...}.main_title{...}2、常用CSS样式命名...
2019-04-23 13:13:26
245
原创 CSS学习笔记（三）继承和层叠
1、CSS继承父元素设置样式，子元素可以继承部分属性。例如：<p><span>继承</span></p>给p标签设置属性，则span能继承该属性。*注：不是所有样式都能继承，如border。2、CSS层叠可以定义多个样式；不冲突时，多个样式可层叠为一个；冲突时，按优先级来应用样式。3、CSS优先级id选择器>class选择...
2019-04-23 13:01:12
187
原创 CSS学习笔记（二）选择器
1、标签选择器以html标签作为选择器：p {color:red}2、类选择器类选择器以一个点"."号显示。在标签内声明类：<p class="con"></p>在CSS文件中定义类选择器：.con{color:red}*注1：对于不同类型元素的同一个类选择器如何区分：p.con{color:red}h1.con{color:green}*注...
2019-04-23 10:28:18
212
原创 CSS学习笔记（一）基本语法
1、基本结构选择器 {属性名：值；属性名：值}，例如：p {color:red;text-align:center;}多个选择器用逗号隔开，如：h1,h2,h3 {color:red;text-align:center;}2、引用位置<head> <style type="text/css"> CSS样式。。。 </style><...
2019-04-23 09:33:02
227
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人