cau_eric的专栏

摘要：文章介绍了如何制作一个横向滑动的音乐专辑展示组件。通过wxml构建包含图片和文字描述的滚动视图，使用wxss设置样式（包括flex布局、图片圆角和文字省略显示）。关键点在于scroll-view组件需设置enable-flex和scroll-x属性实现横向滑动效果。虽然enable-flex在新版本可能被替代，但仍可使用。最终效果为左右滑动的专辑信息展示条，适用于展示类似李克勤《护花使者》等音乐作品信息。

摘要：文章介绍了微信小程序中实现单行和多行文本溢出隐藏并显示省略号的方法。对于单行文本，使用display:block、white-space:nowrap、overflow:hidden和text-overflow:ellipsis组合；对于多行文本（如两行），则采用-webkit-box布局，配合-webkit-line-clamp属性控制显示行数。文中还指出-webkit-line-clamp同样适用于单行文本处理。(148字)

本文介绍了如何在小程序中手写导航栏并集成阿里矢量图标库的实现过程。首先创建music页面布局，使用flex布局实现横向导航栏结构。然后从iconfont网站获取图标资源，创建iconfont.wxss文件导入字体样式。通过@font-face定义图标字体，并为每个图标设置对应的Unicode编码。在app.wxss中引入图标库，最后在页面中将"图标"文字替换为实际的iconfont类名。通过CSS调整图标样式，包括圆形背景、大小、颜色等，最终实现了一个美观的导航栏功能。整个过程展示了从布

indicator-active-color 当前播放页下面指示点的颜色。indicator-color 轮播图下面对应点的颜色。duration 图片切换时动画的播放时间。indicator-dots 显示面板指示点。轮播图是小程序的重要组件，我们还是好好学滴。4、相关样式（index.wxss）circular 采用衔接滑动。interval 切换时间间隔。3、属性的赋值（index.js）autoplay 自动切换。

摘要：本文展示了一个微信小程序登录功能的实现方案，包含三种状态：未登录（显示"去登录"按钮）、登录中（弹出授权弹窗）和已登录（显示用户头像昵称）。代码结构清晰，采用WXML进行页面布局，WXSS进行样式设计，JS处理业务逻辑。授权弹窗包含头像选择、昵称输入和确认/取消按钮，并做了表单验证。通过数据绑定和条件渲染实现状态切换，提供完整的登录/退出流程。样式上注重圆角设计和响应式布局，整体界面简洁美观。

微信小程序头像昵称获取新方案：弃用getUserInfo/getUserProfile，改用chooseAvatar和input组件。代码示例展示如何通过button的open-type="chooseAvatar"获取头像，并用input[type="nickname"]获取昵称。实现效果包括圆形头像显示（300rpx）、昵称输入框及数据绑定，成功获取后更新界面显示。该方法更符合当前微信API规范，确保功能正常使用。

安装nodemon却无法在vscode中运行，

微信小程序配合nodejs后台获取openid

picker 弹窗 显示 object

学习picker

【代码】微信小程序之如何使用全局变量将openid传到其他页面。

在 Express 应用中，并没有严格意义上像传统服务器环境那样固定的 “网站根目录” 概念，但通常可以认为应用的项目目录就是与网站相关的根目录层级。目录就是静态资源的根目录，客户端可以直接访问其中的文件，比如。

前提：今天在连续调用后台查询数据库是，总是会导致mssql无法连接。于是我想在调用之间sleep一下，微信小程序还没有此功能的函数。

那就是改变input属性后刷新一下，我改进了一下，确实解决了这个问题，特此记录。这个问题是做项目的时候碰到的。

首先，我们在app.json中添加4个页面，其次我们把8张图片放到imaes文件夹下，

1、创建一个工具包（throttle.js）,通过封装一个高阶函数，对函数的执行频率进行限制。做项目的时候碰到这个问题，按钮的功能做好了，但是总会出现按的太快，出现不可预料的问题。解决方法之一：借助函数节流来实现。3、完工，去试试效果吧！

【代码】微信小程序学习之搜索框。

在components文件夹上点右键，新建component，命名为swiper然后将我们之前的代码都拷贝到对应文件中，然后我们的页面要引用这个组件，在index.wxml中使用pages\index\index.js 中数据pages\index\index.wxss 中之前swiper和image的样式要删除掉这样就好了！！

打开hosts文件，win10的路径：C:\Windows\System32\drivers\etc。我之前用过，没仔细学习，今天学习的时候想打开官网，发现打不开。使用vant的组件难免要打开官网，这个时候就可以打开了，欢呼~~

其中，显示文字(text)，对应图标（icon），还有图标的颜色（color）都可以随便改动.。

本文介绍了如何使用JavaScript的Promise实现一个简单的抽奖功能。首先，搭建了抽奖界面，包括抽奖规则说明和开始抽奖按钮。接着，通过CSS样式对页面进行布局和美化。在实现抽奖逻辑时，使用了Promise对象来处理异步操作。抽奖函数prizeDraw中，通过Math.random生成随机数，判断是否中奖（30%概率），并根据结果调用resolve或reject。最后，使用then方法处理中奖和未中奖的提示信息，通过wx.showModal弹出相应的提示框。整个过程展示了Promise的基本用法，包括

这个时候，我们可以用resolve和reject将随机数往下传。中奖和未中奖弹框时将当时抽中的号码显示出来。然后调用then的时候将它们取出来使用。上文：Promise初始用。

前期，新建工程，然后建个文件夹resource，里面放个txt文件，写入点内容。我们就读取这个文件的内容，然后打印出来。运行：node index.js。好了啦，没有问题啦，收工。

封装一个函数 mineReadFile 读取文件内容。之前的文章，notejs用Promise读取文件。我们测试一下失败情况，把文件路径稍微改一下，运行。返回：Promise 对象。参数：path 文件路径。

接下来，我们创建文件夹pages，在此下面再创建文件夹index，然后在文件夹上点右键，创建Page （index），此时，工具给我们自动生成了page的四个文件，.js，.wxml，.wxss，.json。首先，我们用微信小程序工具创建一个新项目，然后资源管理器定位到项目目录下。不要惊慌，它要app.json文件，我们给它，在项目下建立此文件即可。json文件不完整，那我们就添加内容。不用理它，因为我们还没有创建页面。这时候我们再编译程序，看，好了！

摘要：文章对比了小程序中bind和catch两种事件绑定的区别。bind绑定的事件会向上冒泡，触发子组件事件后还会触发父组件相同事件；catch绑定的事件则不会冒泡，仅触发当前组件事件。通过三个测试按钮的示例演示了不同效果：bind按钮点击会触发父子组件事件，catch按钮只触发子组件事件，未绑定事件的子组件点击会触发父组件事件。两种绑定方式分别适用于需要和不需要事件冒泡传递的场景。

小程序页面跳转方法对比：navigateTo保留当前页面并跳转，适用于需返回原页面的场景；redirectTo关闭当前页面跳转，适用于无需返回的场景；reLaunch关闭所有页面并跳转，适用于重置页面栈的情况。通过代码演示可见，navigateTo会隐藏原页面，redirectTo会销毁当前页面，而reLaunch会销毁所有页面。开发者应根据不同场景选择合适的跳转方式，同时注意页面栈限制和用户体验。