摘要: 开车之前,先介绍一些npm的命令: :D 进入D盘 mkdir webapp 创建webapp文件夹 cd webapp 进入webapp文件夹 mkdir webapp && cd webapp 以上两步创建和进入文件夹可以合并为一步 npm init y 快速生成package.json文件 n 阅读全文
posted @ 2017-06-23 16:14 Runlin 阅读(3265) 评论(8) 推荐(5) 编辑
摘要: 最近在学习es6,看到for of这里,就想自己写着练习一下,于是就准备写一个小函数add来求和。函数很简单,如add(1,2,3)这样。于是我开始着手 一开始我是这么写的 好像还不够,又像八大姨借了reduce过来 虽然筹够钱买房了,但是思来思去,总是借钱了不好,于是发奋涂墙,期望不用借钱也能自己 阅读全文
posted @ 2017-03-20 00:56 Runlin 阅读(4948) 评论(0) 推荐(2) 编辑
摘要: 上一节实现了循环列表数据渲染到视图,并给列表每一项添加了路由导航到新页面查看更多细节,但是目前我们的数据都是虚拟的,现在我们就开始利用微信的request请求来接收豆瓣电影接口提供的数据。 API: wx.request(OBJECT) 参数有7个,这里主要讲一下几个重要的: 1. url : 请求 阅读全文
posted @ 2016-10-15 19:51 Runlin 阅读(5656) 评论(2) 推荐(4) 编辑
摘要: 要我用Markdown重新写,弄得我特地去学习了一下语法,瞎搞了几下,不管了 上一节写了一个首页列表的展示,现在我们需要一个效果: 点击每个列表项,能后看到更多的细节和大图。在本页面展示或者加个弹窗是基本不可能的了。下面我们就创建一个新的页面来展示更多细节(我们之前已经创建了2个页面,其中rank页 阅读全文
posted @ 2016-10-14 20:56 Runlin 阅读(2696) 评论(2) 推荐(0) 编辑
摘要: 微信小程序内测至今也有20天左右,也有很多人作出了很多不错的DEMO并发布到github了。前几日看见了豆瓣电影这个demo,感觉很不错,也跟着做了一个,作为复习巩固文档API用。 废话不多说,直接进入正题: 第一节只写一个首页的展示,数据用的是自己写的虚拟的数据 新建一个demo,不要使用微信自带 阅读全文
posted @ 2016-10-13 22:06 Runlin 阅读(4672) 评论(6) 推荐(6) 编辑
摘要: 微信自带的编辑器操作起来各种不顺手,调试的时候需要用到,但是编辑的时候还是用自己熟悉的编辑器好一点。 将文件目录导入到sublime,在sublime编辑保存后,回到小程序开发工具刷新页面即可。 下面分享一款sublime适用的小程序代码补全插件: https://github.com/Abbott 阅读全文
posted @ 2016-10-11 23:39 Runlin 阅读(15711) 评论(1) 推荐(0) 编辑
摘要: //app.json页面 { //页面注册,有几个页面都要在pages里面注册 "pages":[ "pages/index/index", "pages/logs/logs", "pages/main/main", "pages/main1/main1", "pages/main2/main2", 阅读全文
posted @ 2016-10-11 19:40 Runlin 阅读(9602) 评论(0) 推荐(0) 编辑
摘要: 先放一下我做的效果:https://linrunzheng.github.io/3Dclock/3Dclock/new.html 至于3D立方体怎么做这里就不在阐述了,可以看一下我之前的博客。 这里默认你已经做好了6个立方体,直接上JS代码: 页面进来的时候,先给6个立方体赋值上现在的时间,由于立方 阅读全文
posted @ 2016-10-10 22:17 Runlin 阅读(1451) 评论(0) 推荐(0) 编辑
摘要: 先分享一下地址:http://alloyteam.github.io/gopng/ 使用的方法也很简单,将需要的小图标拖进去,全部拖进去后再调位置(每拖一个进去都会帮你排列好,但是没有间隔,所以全部拖进去后自己调) 然后点击右边绿色的make按钮即可 点击后,上面的选项会高亮,提示你制作好了, 点击 阅读全文
posted @ 2016-10-08 00:05 Runlin 阅读(2229) 评论(1) 推荐(0) 编辑
摘要: 1 实现3D立方体 首先准备好UL以及6个Li; 代码如下 ul { position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%) // 以上代码主要是使ul居中而已 transform-style: preserve 阅读全文
posted @ 2016-10-07 18:58 Runlin 阅读(9080) 评论(0) 推荐(0) 编辑