2020年11月_PGzxc

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创微信小程序开发之——音乐播放器-音乐推荐

一概述常用组件介绍内容区域滚动轮播图功能按钮热门音乐二常用组件介绍2.1 scroll-view 组件组件介绍scroll-view组件用于实现可滚动视图区域一般来说，当页面的高度超过要显示区域的高度时，先设置外层容器的高度，使之低于内部的高度，然后在外层容器的样式中设置overflow-y:scroll，就可以实现上下滚动了但是，这种方式只是从样式上实现了滚动，如果需要在滚动到顶部或底部时触发事件，就需要手动编写代码来实现了常用属性属性类型说明

2020-11-26 22:04:16 3871

原创微信小程序开发之——音乐播放器-实现标签页切换

一概述本节介绍点击标签切换页面，包含以下内容：点击tab标签卡切换content要显示的内容区域当tab被选中时，高亮显示二效果图三点击tab标签卡切换content要显示的内容区域3.1 切换功能说明切换标签页有两种方式：直接滑动content区域单击tab区域中的某一个tab-item切换到对应的标签页3.2 绑定事件和data-item属性pages/index/index.wxml<view class="tab"> <view cla

2020-11-26 22:03:40 2253

原创微信小程序开发之——音乐播放器-编写页面结构和样式

一概述本节介绍音乐小程序的基础页面结构和样式：项目基础页面的页面结构和样式(标签页、内容区域、底部播放器)内容区域swiper使用include填充内容二效果图三项目基础页面的页面结构和样式3.1 页面结构(pages/index/index.wxml)<view class="tab"> <view class="tab-item">音乐推荐</view> <view class="tab-

2020-11-26 22:03:10 2888

原创微信小程序开发之——音乐播放器-标签页结构

一概述创建项目并进行初始化标签页结构分析swiper组件介绍二创建项目并进行初始化2.1 创建项目使用微信开发者工具创建空白项目。创建成功后，项目下有3个文件路径说明app.js应用程序的逻辑文件app.json应用程序的配置文件project.config.json项目配置文件2.2 项目说明app.js为应用程序的逻辑文件，此时内容为空app.json中输入如下内容，保存后刷新，生成index页面相关文件{ "page

2020-11-26 22:02:30 1353

原创微信小程序开发之——音乐小程序-项目说明

一项目展示二项目结构2.1 项目说明音乐推荐：用于向用户推荐一些热门的音乐播放器：用于显示当前播放的时间和进度，用户可以跳转进度播放列表：用于显示当前播放的曲目列表，用户可以进行曲目切换2.2 页面结构小程序的页面由上、中、下三个区域组成。为了更好地描述这3个区域，下面将它们分别命名为tab、content和playertab区域：用于显示显示"音乐播放"、“播放器”、"播放列表"这3个标签页的标题。如果当前位于某个标签页下，该标签页的标题文字就会显示为红色，并且标题文字下方

2020-11-24 17:36:13 6786

原创 Hexo站点建设之——设置GIthub Actions 仓库变动站点自动更新

一背景之前写过一篇文章Hexo站点建设之——Github绑定Netlify改动代码后自动部署,介绍了将GitHub仓库绑定Netlify后，每次更新文章，Netlify检测到仓库代码变动，重新编译生成发布站点优点：每次将写好的文章更新到GitHub后，Netlify编译源码重新发布站点缺点：Netlify编译生成发布站点的时间过长(30分钟左右)；站点访问的速度较慢(与GitHub+Coding相比)二 Hexo更新文章的一般过程 hexo new "文章标题"：新生成的文章位于s

2020-11-14 14:59:56 759

原创 Hexo站点建设之——留言钉钉提醒

一添加后效果当文章或留言板有人留言时，立即收到钉钉消息提醒(谁，说了什么内容)，这样你就可以收到消息进行相应的处理了二前提条件钉钉账户 GitHub项目三钉钉添加GitHub机器人打开钉钉客户端，点击用户头像，在弹出的菜单中选择机器人管理在机器人管理，下拉列表中选择Github机器人设置GitHub机器人相关信息(名字和群组) 添加Github后，生成Webhook(用于给GitHub项目设置) Webhook：webh

2020-11-09 16:42:05 336

原创 Hexo博客开发之——博客加密

一概述Hexo编写Markdown文章后生成的静态页面默认是公开不加密的，所有人都可以访问，如果希望某些文章需要访问者只有输入正确的密码后才能继续访问，则需要使用插件hexo-blog-encrypt加密后的文章特性安装encrypt插件快速入门高级设置二加密后的文章特性一旦你输入了正确的密码, 它将会被存储在本地浏览器的localStorage中。再次访问，不需输入密码支持按标签加密所有的核心功能都是由原生的API所提供的。在 Node.js中, 我们使用 Cr

2020-11-08 13:01:46 1818 3

原创 WordPress站点之——博客搭建

一概述WordPress是目前国内最为流行的 PHP 程序，基于 GPL 许可协议，功能、扩展性与灵活性强大。你几乎能用wordpress打造成任何类型的网站，本文介绍Windows系统下如何安装wordpresswordpress下载 wordpress配置 wordpress安装 wordpress添加主题二软件列表Mysql：Ver 8.0.22 for Win64 on x86_64 Apache 服务器：Apache/2.4.46 (Win64) PHP版本：PH

2020-11-07 23:16:32 274

原创 PHP开发之——Windows开发环境搭建

一概述PHP软件下载 PHP环境配置添加运行测试二 PHP软件下载 PHP官方下载地址：https://www.php.net/downloads.php，选择Windows安装版本选择 Thread Safe ：如果是与 Apache 搭配，建议选择 Thread Safe 版本 Non Thread Safe ：如果是与 CGI 或者 FAST-CGI 搭配，建议选择 Non Thread Safe 版本三 PHP环境配置3.1 将下载

2020-11-07 09:33:44 696

原创 PHP开发之——Windows开发环境搭建之-Apache 安装

一概述Apache 服务器和 Tomcat 服务器的区别与联系 Apache服务器的下载配置 Apache HTTP Server 启动Apache HTTP Server Apache HTTP Server加入开机启动二 Apache 服务器和 Tomcat 服务器的区别与联系Apache与Tomcat都是Apache开源组织开发的用于处理HTTP服务的项目，两者都是免费的，都可以做为独立的Web服务器运行。Apache是Web服务器而Tomcat是Java应用服务器。2.

2020-11-07 09:33:02 350

原创微信小程序开发之——比较数字大小-注册程序(2.6)

一概述若要在小程序启动、显示、隐藏时执行某些操作，可以通过App()函数来实现。 App()函数用于注册小程序，它接受一个对象参数，通过参数指定小程序的声明周期回调等。 App()函数必须在app.js中调用，且只能调用一次，不然会出现无法预期的后果二 App函数2.1 函数 12345678910111213141516171819202122232425262728293031323334

2020-11-05 14:23:38 975 1

原创 NAS入门之——My Cloud EX2 Ultra初始化设置

一概述新入手My Cloud Ex2 Ultra新人可能会对NAS的使用不甚了解，本文主要对My Cloud EX2 Ultra进行入门介绍：如何登录My Cloud EX2 Ultra进行初始设置如何开机和关机如何选择磁盘RAID卷二如何登录My Cloud EX2 Ultra进行初始设置将My Cloud EX2 Ultra网络口接入网络并接入电源后开机在浏览器中输入http://192.168.3.104/进行初始信息注册，注册完成后重新登录登录后信息如下三如何开

2020-11-05 14:22:42 13174

原创 Hexo博客开发之——Gitalk

一为何选择gitalk之前的博客接入过一些评论系统，如：livere，gitment，最近对博客主题进行升级，有更换评论系统的打算：livere：过于社交化，不支持markdowngitment：项目更新维护已停止，最新的主题中没有提供此服务gitalk支持markdown语法，后续可能会结合钉钉，评论推送提醒二如何集成2.1 注册gitalk打开gitalk官网地址https://gitalk.github.io/点击开始使用按钮，跳转到Github地址，点击使用说明中的Cl

2020-11-05 14:17:36 836 1

原创 Hexo博客开发之——Github绑定Netlify改动代码后自动部署

一 Hexo部署的过程基于Github可以快速搭建hexo静态博客，但是每次都需要在本地执行hexo new (post) 文章标题：创建文章标题 hexo generate：将源代码编译成静态代码 hexo server：本地预览 hexo deploy：将本地静态代码推送到github pages经过上述指令部署到github上之后，才能访问二为何使用Netlify什么是Netlify？Netlify是一家国外的静态网站的托管平台，提供免费的https，自动化部署和升级，可

2020-11-02 13:15:17 565