07 2018 档案
摘要：VS Code 预览html页面的时候，默认需要在资源管理器中显示，再在浏览器中预览。今天介绍一下如何直接预览html页面。 方法一：自己配置快捷键 1.ctrl + shift + p 或者 F1 打开 命令面板，输入 Configure Task. 2.选择tasks.json,将里面的内容换成
阅读全文
摘要：做小程序项目中，需要做一个倒计时功能，如下图： 记录一下实现步骤： 1.考虑到这个功能可能会有多处用到，所以把倒计时的函数写在utils.js里面： module.exports = { countDown: countDown, } module.exports = { countDown: co
阅读全文
摘要：关于小程序video的一些基本使用方法，可点击这里稍作了解。 需求： 1.默认显示封面； 2.一个视频播放的时候，其他视频停止播放，并显示封面。 解决问题思路： 1.通过wx:if判断当前视频是否是播放的状态，如果是就显示视频，如果不是就隐藏视频； 2.点击封面的时候，获取到该视频的id，进行判断，
阅读全文
摘要：下面讲的都是基Express及相关的包。所以在实践本篇文章之前，通过npm安装好Express, cookie-parser, cookie-session这三个安装包。 先简单说一下，如何用Express搭建一个服务器环境。如下： 就是这么简单三句即可。 在说cookie, session 之前，
阅读全文
摘要：今天在做小程序的时候，发现用navigator无法进行跳转。url 路径也是对的。 后面发现是因为我需要跳转的页面定义在了tabBar里面的。如下图： 如果需要跳转到tabBar里面定义的这些页面，需要用到wx.switchTab({})进行跳转。如下图： 再把这个事件绑定在你点击的元素上面即可：
阅读全文
摘要：比如我现在有个data数据如下： 我现在想要修改courseList里面的isPlaying的值该怎么做呢？ 里面的thisIdx表示你当前点击的是第几个。注意在拼接playStatus的时候需要有空格！！！然后用修改数据的时候用"[]"把上面的变量包起来，赋值即可。
阅读全文
摘要：上一篇我们有写到 template的使用方法 。在实际运用中，需要做到template里面再嵌套一层循环。我们先看一下数据结构： 模板是用于循环list，现在的需求是在模板里面嵌套一个orderItemList的循环。写法也是wx:for，代码如下： order.orderItemList 里面的o
阅读全文
摘要：今天需要做一个【我的订单】页面，订单有几种状态，觉得把订单列表封装成一个模板更好。下面讲一下，如何用小程序自带的template构建一个模板。 1.构建订单列表模板页，命名为 【order.wxml】。 文件目录： order.wxml具体代码： 记得要给template命名哦~调用的时候需要用到这
阅读全文
摘要：1.注册一个npm账号； 2.在控制台输入 npm login: 依次输入你的账号信息，可通过 npm whoami 来验证是否登录成功 3.初始化包，控制台输入 npm init: 完成之后，可以看出包下面生成一个package.json，里面的内容就是刚刚初始化的内容。 4. 写入口文件inde
阅读全文
摘要：npm太慢，我们如何使用淘宝镜像呢？ 方法一：临时使用 上面语句是临时使用淘宝镜像安装 express。 方法二：永久使用 配置后可通过下面方式来验证是否成功 npm config get registry 或 npm info express 如下图所示： 方法三：通过cnpm使用 执行语句后，可
阅读全文
摘要：npm：Nodejs Package Manager(Nodejs包管理器)。它有什么作用呢？ 1.包统一下载途径； 2.自动下载依赖。 如何安装呢？ 命令：npm install *** 比如我们要安装webpack，直接 输入命令行 npm install webpack 即可。如下图： 安装完
阅读全文
摘要：自定义模块三大关键词： require——引入模块； exports——单个输出； module——批量输出。 从例子下手： 1.创建module.js: 2.创建一个test.js，并引入module.js: //引入module.js var mod = require('./module.js
阅读全文
摘要：上一篇有讲到get数据的传递。有了上一篇的了解，今天讲下如何获取到post传递过来的数据。 通过post传送的数据，在node里面主要是通过req.on('data',function (data) {}) 和 req.on('end',function (data) {}) 来获取传送的值。 上例
阅读全文
摘要：今天在做砍价页面的时候需要将一个按钮动起来，效果图如下： 其实它实现的原理很简单，就是循环的缩小放大。 css3中的animate 有个属性是 animation-iteration-count 可以控制动画的循环播放，但是小程序里面没有。该怎么实现呢？ 无非就是2种状态的切换。 wxml: js:
阅读全文
摘要：加入购物车的时候，往往会有产品相关属性的选择，比如：尺寸，规格等。像我做的项目中，就有一个门店的选择，如下图： 我们如何做到当前点击的这个高亮呢？今天就讲一下如何实现这个功能。 思路： 1.定义一个高亮的样式，我就命名为active了； 2.获取你点击的这个id或者其他的唯一属性，我这里的唯一属性是
阅读全文
摘要：nodejs中，关于将接收到的数据处理为json格式用到的是 url 模块。 主要用到是下面3个东东： url.parse url.pathname url.query 我们看一个简单的例子： 先写一个form.html: 再写一个处理数据的js,命名为form_server_url.js： 打开f
阅读全文
摘要：上一篇，我们有讲到如何造一个购物车弹层。今天来说一下，购物车数量的加减如何实现。 主要思路就是在data里面定义一个属性，属性值就是这个数量。点击+的时候就+1，点击-的时候就-1，再结合setData更改这个数字。当数字等于1的时候，要给-的按钮添加一个disabled的属性。 wxml代码： 样
阅读全文
摘要：对于网上商城，加入购物车是一个必备功能了。俺今天就来说下在微信小程序里如何造一个购物车弹层。 先上图： 主要用到的微信API:wx.createAnimation(OBJECT) 说下思路： 1.wxml文件里将页面布局好，我的布局如下图： 大概的框架代码如下： 2.wxss里面写样式，主要的样式代
阅读全文
摘要：文件操作关键字： http('fs') —— 请求 node 里面的 http 模块 readFile —— 读文件，参数包括 文件名,回调函数 writeFile —— 写文件，参数包括 文件名,修改的内容,回调函数 先看一下文件目录： 来个新鲜出炉的 关于readFile 的栗子： const
阅读全文
摘要：搭建服务器关键词： require('http') —— 请求 node 里面的 http 模块 createServer —— 创建一个服务器 request —— 请求 response—— 响应 具体js代码： const http=require('http'); /* *request 请
阅读全文
摘要：最近在学习node，今天说一下node的变量环境配置。虽然网上有说，最新版的已经不需要配置这个东东了，但是我的电脑还是得配置。闲话少扯，进入正题： 1.安装node，这步就略过了。就是下载 node，直接点 下一步 就可以了。 2.控制面板 》查找高级系统设置 3.点击 环境变量 4.新建 5.填写
阅读全文
摘要：关于微信小程序中的picker使用方法可以访问：picker-小程序 从它的官方文档中，可以看出它返回的value值是它range的下标： 在项目中，我们大多数时候传的值并不是需要这个下标，而是其他的值。像我项目中，需要获取到的是它对应的teamId,那么我们如何通过它的这个下标值返回你想要的值呢？
阅读全文
摘要：今天在写代码的时候发现.on('load')绑定的事件没用。代码如下： debugger断点没进来，说明函数压根没进来。 后面在stackoverflow上找到了解决方法，方法如下图： 这样写，如果提示.load() is not a function,那说明你的jquery版本是高版本了。改成下面
阅读全文
摘要：开发微信小程序网盘功能模块的时候，需要获取到网盘文件夹创建的时间。如下图： 但是请求返回的数据是一段时间戳，如下图： 所以我们只能通过js把时间戳转换成时间格式。 在小程序官网的Demo的utils.js文件里面有一个时间格式转换的js。如下图： 你可以直接用它的，我是自己写的。微信封装的，时间格式
阅读全文
