别等风
码龄6年
求更新 关注
提问 私信
  • 博客:11,954
    11,954
    总访问量
  • 22
    原创
  • 22
    粉丝
  • 64
    关注
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:河南省
加入CSDN时间: 2019-06-19

个人简介:人在异乡,不要生病。 好好吃饭,就不会想家。

博客简介:

xiaobaibaiyo的博客

查看详细资料
个人成就
  • 获得8次点赞
  • 内容获得2次评论
  • 获得35次收藏
  • 代码片获得727次分享
  • 博客总排名1,474,761名
创作历程
  • 1篇
    2021年
  • 21篇
    2020年
成就勋章
TA的专栏
  • 全栈
    1篇
  • 项目实例
    20篇
  • 微信小程序
    21篇

TA关注的专栏 0

TA关注的收藏夹 0

TA关注的社区 2

TA参与的活动 0

兴趣领域 设置
  • 前端
    javascriptcss前端框架
创作活动更多

王者杯·14天创作挑战营·第2期

这是一个以写作博客为目的的创作活动,旨在鼓励码龄大于4年的博主们挖掘自己的创作潜能,展现自己的写作才华。如果你是一位热爱写作的、想要展现自己创作才华的小伙伴,那么,快来参加吧!我们一起发掘写作的魅力,书写出属于我们的故事。 注: 1、参赛者可以进入活动群进行交流、分享创作心得,互相鼓励与支持(开卷),答疑及活动群请见https://bbs.csdn.net/topics/619735097 2、文章质量分查询:https://www.csdn.net/qc 我们诚挚邀请你们参加为期14天的创作挑战赛!

66人参与 去参加
  • 最近
  • 文章
  • 专栏
  • 代码仓
  • 资源
  • 收藏
  • 关注/订阅/互动
更多
  • 最近

  • 文章

  • 专栏

  • 代码仓

  • 资源

  • 收藏

  • 关注/订阅/互动

  • 社区

  • 帖子

  • 问答

  • 课程

  • 视频

搜索 取消

快速搭建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 ·
726 阅读 ·
1 点赞 ·
0 评论 ·
4 收藏

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

学习目标主要完成学习目标:(1)通过Storage缓存API,实现数据的存储操作,完成翻译历史页的实现任务3.1 翻译历史页实现任务描述完成如下图所示效果展示:任务实施1.为翻译历史页添加页面渲染1.1 为历史列表页的视图层添加页面渲染,打开history.wxml文件,添加如下代码:<view class='container'> <text class='history-title {{state}}'>翻译历史</text> <s
原创
发布博客 2020.11.16 ·
416 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

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

学习目标主要完成学习目标:(1)通过全局变量函数,实现数据的存储操作,完成语言选择页的实现任务 3.1 语言选择页实现任务描述完成如下图所示效果展示任务实施1.打开app.js,为项目添加翻译语言列表默认值,在App对象下添加如下代码:globalData: { curLang: {}, langList: [{ 'lang': 'en', 'index': 0, 'chinese': '英文' },
原创
发布博客 2020.11.16 ·
367 阅读 ·
0 点赞 ·
1 评论 ·
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 ·
1365 阅读 ·
2 点赞 ·
0 评论 ·
7 收藏

微信翻译助手小程序 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 ·
385 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

微信小程序豆瓣项目Day4

搜索界面的实现1.wxml<!--pages/search/search.wxml--><search isnavigator="{{false}}" historyKey="{{historyKey}}" position="{{center}}" bindsearchinput="searchinput"></search><searchItem wx:if="{{isShow}}" listData="{{listData}}"></se
原创
发布博客 2020.10.27 ·
252 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

微信小程序豆瓣项目Day3

点击更多显示影视数据列表我们在在设置点击更多的时候,是传入的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
原创
发布博客 2020.10.27 ·
385 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

微信小程序豆瓣项目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 ·
536 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

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

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

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

小程序全选和全部取消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 ·
1392 阅读 ·
0 点赞 ·
1 评论 ·
3 收藏

微信小程序仿微信功能扩展(加载数据、搜索框)

加载数据以及搜索框的实现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 ·
311 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

微信小程序仿微信功能Day5(完结)

微信小程序主页(静态)(就是个静态页面)可自行发挥编写。美化即可。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">
原创
发布博客 2020.09.28 ·
331 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

微信小程序仿微信功能Day4

点击列表进入用户个人信息如图所示:当点击了列表信息时候。跳转到用户个人信息的页面,并从js文件中获取值。1.页面布局PersonalDetails.wxml<!-- pages/PersonalDetails/PersonalDetails.wxml --><block> <view class="box1"> <view class="box1_top"> <image class="tx" src="{{arr.i
原创
发布博客 2020.09.28 ·
454 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

微信小程序仿微信功能Day3

仿微信通讯录功能实现右侧一个定位锚点跳转功能。整体是列表的数据显示。需要图片资源的请去网盘下载 提取码: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}}"
原创
发布博客 2020.09.28 ·
506 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

微信小程序仿微信功能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 ·
343 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

微信小程序仿微信功能Day1

仿微信主页列表的显示项目主页预览1.首先加入下方的4个tabbar"tabBar": { "color": "#000000", "selectedColor": "#08BF62", "backgroundColor": "#F7F7F7", "borderStyle": "black", "position": "bottom", "list": [ { "pagePath": "pages/test/test",
原创
发布博客 2020.09.28 ·
706 阅读 ·
0 点赞 ·
0 评论 ·
4 收藏

双端影视APP源码(包含前端后端和数据库以及教程).zip

发布资源 2020.09.28 ·
zip

微信小程序口红项目新手练习Day4(完结)

跳转页面带文本分析功能当我们等待页面结束后,跳转到这个页面,并将app.js里的文本随机展示给用户。并且加入判断是否同一张图片,如果是同一张图片则要显示同一个文本,反之随机给文本。界面的基本目录如下:(不懂的可以看上一个文档)json中设置:“disableScroll”: true1.index2.wxml<!--packageB/index2/index2.wxml--><image src="../img/05_base.png"></image>
原创
发布博客 2020.09.28 ·
328 阅读 ·
2 点赞 ·
0 评论 ·
1 收藏

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

跳转页面的动画实现1.小白云设置了时间显示和隐藏效果,当动画进行了2周完毕进入到分析页面。pages外再新建一个文件夹index1为跳转时等待页面(今天要实现的页面(等待动画…))index2 为等待之后跳转到的页面(带文本分析)功能简单直接贴代码:1.index1.wxmlimg1到img6分别为等待要显示和隐藏的图片<!--packageB/index1/index1.wxml--><image src="../img/03_base.png"></i
原创
发布博客 2020.09.28 ·
429 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

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

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