潜心

📚小程序实战☃️ 个人简介：一个喜爱技术的人。🌞 励志格言: 脚踏实地，虚心学习。

分享一个前端简单好用的轮播图插件：ResponsiveSlides.js[http://responsiveslides.com/]它是一个很小的jQuery插件，它使用容器中的元素创建一个响应滑块。responsiveslib .js已经在微软的Build 2012和Gridset App等网站上使用。它可以与各种浏览器兼容，包括从IE6到以上的所有IE版本。它还为IE6和其他本地不支持css的浏览器增加了css最大宽度支持。唯一的依赖是jQuery(1.6及以上支持)，并且所有的图像都是相同的大小

在工坊的一周学习结束，受益颇深，下面分享一个初学者比较感兴趣且实用的知识点。scroll-view：可滚动视图区域；这是官方文档组件中的一个视图容器组件，它的用处很广泛，我们可以利用它来制作许多有趣的界面。在官方文档中我们可以查看它的属性及注意事项，它的用法相对不难，只要你能想到它的工作原理即可。这个组件在创作滚动视图区域的情况下，还可以实现区域内的锚点跳转，属性也非常丰富，下面我们通过实例来更清楚的了解它的使用。实例演示-----》1、首先我们需要创建组件上方是html代码结构，我没有使用

目前已经是微信小程序的第二周学习，有很多知识点需要巩固、消化、记忆。js的计时器这个东西想必前端学者并不陌生，它在生产生活中也经常出现，也非常实用，今天在小程序里用它来做一个短信获取倒计时的功能、其中涉及到定时器的开启、暂停、继续html》其中设置了按钮的大小，按钮的样式和是否禁用采用数据绑定的形式来动态设置，绑定了js的事件，用来触发计时器。js》count用来动态调整倒计时数值，timerId用来当作计时器的id，因为我们要做继续计时器的功能，所以会跨函数调用计时器，直接将其设置为全

wx.request发起 HTTPS 网络请求的api，这个知识点学习的感觉很好，通过api可以从网络上请求到大量的数据，从而辅助完成页面。wx.requestAPI有一个必填参数就是url地址，比较常用的请求有俩种，GET和POST请求，get会在网络地址中暴露参数，Post不会通过地址传参，get请求的参数可以写在data里，系统会自动拼接到url地址中，post的请求参数必须写在data里，通过对应的参数来获取数据.接口还有一个method属性，默认是get，post请求的时候必须要设置metho

**Movable-view：**可移动的视图容器，在页面中可以拖拽滑动。movable-view必须在 movable-area 组件中，并且必须是直接子节点，否则不能移动。1、首先按要求创建movable-view组件，需包含在movable-area组件中2、属性：direction：属性值有all(所有方向)、vertical(纵向)、horizontal(横向)、none(没有方向)Inertia:是否带有惯性（布尔）out-of-bounds：超过可移动区域后，movable-vie

以模块化网络请求为例，记录学习过程。第一步、编写net.js文件代码如下:var netWork = { request_work(obj) { // 开启加载响应 if(obj.isLoading) { wx.showLoading({ title: 'loging' }) } wx.request({ url: obj.url,//传入地址 data: obj.data,//传入亲求参数

自定义组件：提示开发效率，页面代码简洁1、创建组件目录文件夹在page文件夹同级目录下创建componet文件夹用来安装目录2、创建组件文件夹创建listView文件夹–》右键文件夹新建componet文件3、其中js文件与json文件与page页面中的文件有不同之处js文件内容如下：Component({ /** * 组件的属性列表 */ properties: { 对外属性，即如果外部的wxml文件传入数据时，会把数据设置成properties的属性。

的

JS事件：可以触发浏览器中的行为，比方说当用户点击某个 元素时启动一段 JavaScript————————————————————窗口事件：onblur：当窗口失去焦点时运行脚本onfocus：当窗口获得焦点时运行脚本onload：当文档加载之后运行脚本onresize：当调整窗口大小时运行脚本onstorage：当 Web Storage 区域更新时（存储空间中的数据发生变化时）运行脚本表单事件： onblur：当元素失去焦点时运行脚本 onfocus： 当元素获得焦点时运行脚

1、在根目录的utils文件夹下新建net.js文件2、编写net.js文件//因为项目需要多个网络请求，所有将多个网络请求封装在了netWork对象里const netWork = { listData(obj) { new Promise(function (resolve, reject) { wx.showLoading({ }) wx.request({ url: obj.url, data: {