随笔分类 - javascript
摘要:之前公众号开发可能都是运维人员提供的appkey,所以不少的朋友,对微信的后台管理系统不熟悉。借由小程序提供个人账号申请,在这里专门写一篇图文教程。虽然微信对个人小程序做了诸多限制,但是作为入门的开发权限还是基本够用的。首先,要注册个人微信小程序1、你要准备一个邮箱,并且这个邮箱没有注册过个人微信,...
阅读全文
摘要:继上次教程结束之后,我们的小程序已经完成到如下程度了。 如果你是一个零基础的开发,只要跟着这个教程一步一步完成的,你就能完成这样的界面优美是不是很容易啊。 但是,完成前两章,我们只涉及到页面的编写,很少涉及到页面的功能,那么这一章,我们的主要任务就是编写一些简单的页面逻辑。 我们...
阅读全文
摘要:上一节课,有朋友反映我最后写的操作步骤太琐碎了。其实我只是想表达一下我自己的思想过程,从分析方法到关注点。我觉得这对于新手还是有点作用的。如果你不知道怎么入手解决一个问题,不放跟着我的节奏,进去试试。言归正传,我们接下来编写,电影卡片的模板。还是一样的先分析界面,这个界面是上下结构的,最上方一张图片...
阅读全文
摘要:首先打开新建的项目。 我们先来看一下新建项目的目录结构。查看项目目录结构src文件夹你的应用代码位于src文件夹中。 所有的Angular组件、模板、样式、图片以及你的应用所需的任何东西都在那里。 这个文件夹之外的文件都是为构建应用提供支持用的。 根目录src/文件夹是项目的根文件夹...
阅读全文
摘要:继上一节课,我们已经简要说明了将图片保存到相册的流程和方法。 这节课我们围绕这个问题,展开讲解获取用户权限,将网络图片下载到临时文件,最后保存到相册。获取用户权限 wx.authorize 使用方法如下:// 可以通过 wx.getSetting 先查询一下用户是否授权了wx.get...
阅读全文
摘要:由于获取详情那些接口的豆瓣API,都有权限限制。 所以,电影详情页面和电影搜索页面我们就不做了。 接下来我们来看一些还蛮实用和有趣的小功能。点击查看大图wx.previewImage我们在moviecard模板中加入点击事件。 如图所示,详细的在前面的章节中已经讲解过了。 然后在i...
阅读全文
摘要:今天就直入主题吧!调试技巧这里讲一个调试的技巧,因为这个页面是我们点击了首页的更多才进入的,并且他需要携带参数。 所以我们在左侧工具里面 注意点击的是图中红色框框标记的位置,这是一个自定义按钮。 写上路劲和参数就可以了,这样每次启动就是直接携带参数的进入这个页面了。这样也不用反复...
阅读全文
摘要:我们在实际开发中,会有这样一种场景。 有些页面是允许访客登录的,有些页面是强制用户登录的。 后者,我们希望当用户没有登录的时候,无法直接进去页面, 而是先跳转到登录页面,或者先给出让用户登录的提示。路由守卫两种方法选一种就好了,文件名有冲突哦。推荐第二种。 方法一: 在src/app...
阅读全文
摘要:按我的个人理解,程序就是一个个约束条件的累加逻辑。目的只有一个,解决问题。在开始讲解如何解决问题之前,我觉得最重要的事情是,理解问题。首先你应该能够清楚的知道,你现在面临的是什么问题,才能根据问题提出解决方案。假设现在有一家小店的老板告诉你,我需要一个结算工资的软件。那你是不是就可以开始编写程序了呢...
阅读全文
摘要:一、问题:计算矩形房间的面积。二、要求:1、提供用户输入长和宽2、输出英尺和米的单位选择3、输出平方英尺和平方米的数值4、结果保留两位有效小数5、只能输入数值6、让计算与输出分离7、使用一个常量来保存转换因子。三、首先我们还是先确定元素。有两个输入,长和宽有一个单选控件选择单位英尺或者米有两个输出,...
阅读全文
摘要:问题:创建一个程序,提示用户输入字符串,然后输出这个字符串以及其中包含的字符数。要求:1、确保输出中包含原始的字符串。2、使用一个输出语句来构造输出。3、使用javascript内置函数来确定字符串长度。4、如果用户什么也没有输入,提示用户输入。首先提一下第二点的要求,尽量把所有独立的方法构造成单独...
阅读全文
摘要:这节课我随便讲讲javascript中的循环语句。循环最应该注意的是写出死循环的代码,如果你在调试程序的时候,发现浏览器卡住了,点击关闭按钮都很难关掉,那就很有可能是执行了死循环的代码了。如果篇幅不长的话,我们就再做一道题目。对了,这个系列的正确阅读方式应该是先看题目,然后自己做,我的代码只是一个参...
阅读全文
摘要:函数可以帮助我们抽象掉负责操作,还可以帮助我们构建可复用的组件。开发一个程序,基于如下规则确定给定密码的强度。1、如果只包含数字,则为非常弱的密码。2、如果只包含字母,则为弱密码。3、如果包含字母,至少有一个数字,并且字数不少于8个字符,则为强密码。4、如果包含字母、数字和特殊字符,兵器字数不少于8...
阅读全文
摘要:函数作为javascript中的一等公民,不仅像别的语言中的函数一样简单的声明和调用,还可以作为对象和参数传递。如以下两种定义方式:function test(){}和var test = function(){}第一个函数像船用函数一样的使用方式,先声明函数,后面再调用函数。第二种定义方式是将函数...
阅读全文
摘要:前三节课我们,我们编写的程序都有点简单。就是根据输入计算然后输出结果。上一节课写了一些工具方法,其实jquery.js已经有了很好的封装。后面的demo中会开始使用,不了解的朋友可以查阅官网api。http://api.jquery.com/这里我不做过多的讲解哦。其实很好懂的,我的学习路线跟其他的...
阅读全文
摘要:继前一篇文章,我们已经实现了小程序中的上拉加载和下拉刷新, 如果用户网络较差的情况下,或者服务端返回处理较慢的情况下, 那么我们的页面在这段时间内没有等待提示。 或者服务端返回数据之后,我们的页面又好像突然之间出现的, 这整个过程中的用户体验并不是很好,不理解什么是用户体验的, 那可...
阅读全文
摘要:今天我们接着编写个人中心页面。 首先我们编辑上半部分的内容。 部分内容在之前的课程中已经有涉及了, 所以这里有写部分直接上代码咯。 编写页面的基本元素user.wxml {{userInfo.nickName}} 在user.js中加入获取用户信息的代码 app.getUser...
阅读全文
摘要:说明:为了便于理解和分析,此处我们全部使用块级元素div来进行说明。因为要将这个文档应用于博客,所以所有的样式写在style中。公众号不支持,博客样式支持不好,又重新上传了图片,替换了展示效果(泪目)。你们能懂用纯文本编辑器编辑了一天,发现不能用的心情嘛!标题一二三不代表这些概念同级,仅仅代表本文提...
阅读全文
摘要:在网上好多人,喜欢找别人写好的一些线上的项目源码,比较完整的。想着学习的更加实用和全面一点。这无可厚非,但是,我发现有好多人并不是很在意官方提供的demo。比如ionic的tabs demo就没有什么人看。我个人觉得既然官方把这样的demo推到了入门的地位,那必然是有它的道理的。所以我很喜欢从官方的...
阅读全文
摘要:这节课我们来说说微信提供的小程序开发工具。一、首先我们从官网下载微信开发者工具,注意,不要下到旧版本的公众号调试工具。之前安装过web开发工具的朋友,可能会遇到一个奇怪的问题,明明下载的安装包是最新的,安装完打开的却是旧版的界面。这时候只要把旧版的卸载之后,把所有的文件都删除重新安装就可以了。从微信...
阅读全文
浙公网安备 33010602011771号