别等风-CSDN博客

原创快速搭建Node.js(Express)用户注册、登录以及授权

快速搭建Node.js(Express)用户注册、登录以及授权项目准备建立一个文件夹，这里叫 EXPRESS-AUTHnpm init -y启动服务新建一个server.js 或者 app.jsnpm i express开启端口，启动服务// server.js// 引入 expressconst express = require('express')// 创建服务器应用程序const app = express()app.get('/user', async (req,

2021-03-25 15:28:51 613

原创微信翻译助手小程序 day4 -翻译历史页

学习目标主要完成学习目标：（1）通过Storage缓存API，实现数据的存储操作，完成翻译历史页的实现任务3.1 翻译历史页实现任务描述完成如下图所示效果展示：任务实施1.为翻译历史页添加页面渲染1.1 为历史列表页的视图层添加页面渲染，打开history.wxml文件，添加如下代码：<view class='container'> <text class='history-title {{state}}'>翻译历史</text> <s

2020-11-16 09:10:50 332

原创微信翻译助手小程序 day3 -语言选择页

学习目标主要完成学习目标：（1）通过全局变量函数，实现数据的存储操作，完成语言选择页的实现任务 3.1 语言选择页实现任务描述完成如下图所示效果展示任务实施1.打开app.js，为项目添加翻译语言列表默认值，在App对象下添加如下代码：globalData: { curLang: {}, langList: [{ 'lang': 'en', 'index': 0, 'chinese': '英文' },

2020-11-16 09:07:52 304 1

原创微信翻译助手小程序 day2 -翻译功能页

今日学习目标主要完成学习目标：（1）tab效果页构建。（2）翻译页面绘制。（3）翻译功能实现。任务1.1 tab效果页构建1．构建顶部tab效果页效果。导入相关信息资源库整理初始代码，删除部分文件及代码。1.1 打开app.js文件，删除自带代码，只保留以下代码。//app.jsApp({})1.2 删除logs文件包。1.3 打开app.json文件，删除"pages/logs/logs"，保留以下代码。{ "pages": [ "pages/index/i

2020-11-16 09:05:33 1162

原创微信翻译助手小程序 day1 -任务实施准备工作

注册百度翻译开发者账号通过百度翻译开放平台，申请百度翻译开发者账号。获取百度翻译中通用翻译API服务的相关信息。任务实施1.进入百度翻译公共平台平台注册页面：https://passport.baidu.com/v2/?reg&tt=1586245063155&overseas=undefined&gid=9C29908-A4E8-4A3B-BAFE-D7036A8E661E&tpl=translate&u=https%3A%2F%2Ffanyi-api.ba

2020-11-16 08:56:08 309

原创微信小程序豆瓣项目Day4

搜索界面的实现1.wxml<search isnavigator="{{false}}" historyKey="{{historyKey}}" position="{{center}}" bindsearchinput="searchinput"></search><searchItem wx:if="{{isShow}}" listData="{{listData}}"></se

2020-10-27 20:57:51 206

原创微信小程序豆瓣项目Day3

点击更多显示影视数据列表我们在在设置点击更多的时候，是传入的type类型来显示不同的分类影视数据。1wxml<view class="listBox"> <itemBox wx:for="{{listData}}" wx:key="{{item.title}}" item="{{item}}" itemurl="/pages/detail/detail?type={{type}}&id={{item.i

2020-10-27 20:54:30 341

原创微信小程序豆瓣项目Day2

编写接口地址在utils工具类下创建url.js文件定义一个方法：const urlList = [// 0电影列表“https://m.douban.com/rexxar/api/v2/subject_collection/movie_showing/items”,// 1电视剧列表“https://m.douban.com/rexxar/api/v2/subject_collection/tv_hot/items”,// 2综艺列表“https://m.douban.com/rexx

2020-10-27 20:49:25 477

原创微信小程序豆瓣项目Day1(components组件+index主页)

创建自定义组件创建好所需要的所有自定义组件目录如下图：这是我们需要实现的页面样式：页面分为了搜索框、电影、电视剧、综艺、四个模块。我们可以定义出搜索的模块以及下面三个影视列表的显示模块。1.搜索组件模块在这里插入图片描述如图：1.我们在search.wxml中添加<view class="searchbar"> <navigator wx:if="{{isnavigator}}" style="background-position: {{position}}"

2020-10-27 20:32:18 816

原创小程序复选框全选和全部取消

小程序全选和全部取消1.在wxml中先添加复选框和点击事件<checkbox class="q" bindtap="checkq" checked="{{isAll}}">全选</checkbox><text bindtap-="tz">跳转下一页</text><text>总数：{{sum}}</text></view><view class="box1" wx:for="{{list}}" bindtap

2020-09-29 10:08:30 1255 1

原创微信小程序仿微信功能扩展（加载数据、搜索框）

加载数据以及搜索框的实现1.wxml<view class="searchbox"> <input maxlength="15" bindinput="search" placeholder="请输入搜索" value="{{val}}" /> <icon type="search" wx:if="{{isSearch}}" /> <icon type="clear" wx:if="{{isClear}}" bind:tap="clearTab"/

2020-09-28 15:12:04 243

原创微信小程序仿微信功能Day5（完结）

微信小程序主页（静态）(就是个静态页面)可自行发挥编写。美化即可。1.wxml<view class="top"> <image src="/image/1.jpg" class="tx" /> <view class="top_right"> <text>黑马王子</text> <view class="top_right_bottom">

2020-09-28 14:57:22 279

原创微信小程序仿微信功能Day4

点击列表进入用户个人信息如图所示：当点击了列表信息时候。跳转到用户个人信息的页面，并从js文件中获取值。1.页面布局PersonalDetails.wxml<block> <view class="box1"> <view class="box1_top"> <image class="tx" src="{{arr.i

2020-09-28 14:37:06 383

原创微信小程序仿微信功能Day3

仿微信通讯录功能实现右侧一个定位锚点跳转功能。整体是列表的数据显示。需要图片资源的请去网盘下载提取码：en171.phone.wxml<scroll-view scroll-into-view="{{toView}}" scroll-y="true" class="vh">  <view class="box" wx:for="{{topArr}}"

2020-09-28 12:20:38 416

原创微信小程序仿微信功能Day2

仿微信首页点击列表跳转内容聊天部分通过Day1的js，我们为列表添加了跳转事件，并绑定了列表的值。不懂得看上一篇：微信小程序仿微信功能Day1图片资源文件：网盘链接提取码：en17Details.jsclick:function(event){ var index=event.currentTarget.dataset.key; // console.log(index) wx.navigateTo({ url: '/pages/PersonalDe

2020-09-28 12:12:16 272

原创微信小程序仿微信功能Day1

仿微信主页列表的显示项目主页预览1.首先加入下方的4个tabbar"tabBar": { "color": "#000000", "selectedColor": "#08BF62", "backgroundColor": "#F7F7F7", "borderStyle": "black", "position": "bottom", "list": [ { "pagePath": "pages/test/test",

2020-09-28 11:50:52 599

原创微信小程序口红项目新手练习Day4（完结）

跳转页面带文本分析功能当我们等待页面结束后，跳转到这个页面，并将app.js里的文本随机展示给用户。并且加入判断是否同一张图片，如果是同一张图片则要显示同一个文本，反之随机给文本。界面的基本目录如下：（不懂的可以看上一个文档）json中设置：“disableScroll”: true1.index2.wxml<image src="../img/05_base.png"></image&gt

2020-09-28 09:51:57 274

原创微信小程序口红项目新手练习Day3

跳转页面的动画实现1.小白云设置了时间显示和隐藏效果，当动画进行了2周完毕进入到分析页面。pages外再新建一个文件夹index1为跳转时等待页面（今天要实现的页面（等待动画…））index2 为等待之后跳转到的页面（带文本分析）功能简单直接贴代码：1.index1.wxmlimg1到img6分别为等待要显示和隐藏的图片<image src="../img/03_base.png"></i

2020-09-28 09:39:50 361

原创微信小程序口红项目新手练习Day2

1.功能页面进行上传自拍和分析的实现我们这次的主要需求是：①当进入了页面的时候要求获得相机的权限。②页面中间有个照片的相框，当添加照片或照相时显示照片。③点击分析时候携带文本进行跳转，并且根据是否同一张照片携文本跳转。如下图：展示效果。1.首先将需要的文本写入app.js中文本如下：//app.jsApp({ onLaunch: function () { // 展示本地存储能力 }, globalData: { userInfo: null,

2020-09-28 09:27:09 412

原创微信小程序口红项目新手练习Day1

项目day1 主页的授权与音乐播放功能如图：1.我们需要完成的功能有:①首先是页面的背景图片②在左上角设置一个带有音频的播放图片当点击它时，有旋转的效果。③主要核心功能在右下角的授权功能，只有点击并授权了之后才可以进入页面使用功能。反之重新授权！项目的实现思路①主页背景首先在pages下创建如下图的目录。放好我们需要设置的背景图片如需要图标可以去→阿里巴巴矢量图网站←去找（免费）1.index.wxml<view > <image src="../img/01

2020-09-28 09:04:27 351

原创微信小程序短信验证码倒计时

小程序倒计时效果功能初始效果当点击按钮时候设置禁止点击效果：如下图话不多说，直接上代码1.wxml部分<view> <block wx:if="{{Num==60 || Num==-1}}"> <button bindtap="countDown">获取验证码</button> </block> <block wx:else> <button disabled='{{i

2020-09-26 11:17:10 202

原创小程序的上拉加载和下拉刷新功能实现

小程序的上拉加载和下拉刷新功能实现1.上拉加载和下拉刷新上拉加载主要利用了js的onReachBottom函数，它表示“页面上拉触底事件的处理函数”，我们就在这一刻从后台获取新的数据并且添加到现有页面下方。首先我需要在小程序页面定义一个变量（page）代表即将要获取第几页，然后再定义一个获取后台数据的函数就可以了，记住这个获取是要带页面参数的。为此我独立出一个函数专门做信息获取这件事情。定义接口在APP.js里//app.jsApp({ globalData: { user

2020-09-26 10:53:44 586

xiaobaibaiyo的博客