xiaobaibaiyo的博客

快速搭建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,

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

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

今日学习目标主要完成学习目标：（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

注册 百度翻译开发者账号通过百度翻译开放平台，申请百度翻译开发者账号。获取百度翻译中通用翻译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

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

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

编写接口地址在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

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

小程序全选和全部取消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

加载数据以及搜索框的实现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"/

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

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

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

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

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

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

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

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

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