- 博客(175)
- 收藏
- 关注
RSS订阅原创 从接口获取获取到数组arr=[‘1‘,‘a‘,‘2‘,‘b‘,‘3‘,‘c‘]转换成{number：‘123’，char：‘abc’}
该代码将原始数组中的每个元素遍历一次，并根据元素类型将其添加到相应的属性中。在这里，我们使用了isNaN()函数来检查一个元素是否为数字。如果是数字，则将其添加到result对象的number属性中；否则，将其添加到result对象的char属性中。最终，输出result对象即可得到所需的结果。
2024-06-30 18:00:43
89
原创 px、em、rem、rpx 作用和用法详解
为了简化font-size的换算，需要在css中的body选择器中声明Font-size=62.5%，这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行了。rem是CSS3新增的一个相对单位（root em，根em），这个单位引起了广泛关注。rpx 为小程序中使用的相对单位，用法和rem类似， 1rpx = 屏幕宽度/750 px, 所以在屏幕宽度为750的设计稿中，1rpx = 1px。
2024-06-29 21:18:00
317
原创 程序员敲代码的习惯你占几样撒？
IT行业的科技公司们一直苦苦追寻传说中以一当十的超级程序员，最新的研究表明确实存在这样一小撮效率奇高的“程序金刚”，但是一位普通程序猿如何能够蜕变成代码金刚呢？国内外的各大专家总结了导致程序猿效率低下，代码为什么像坨shi一，样难以维护的35条恶习（归为代码组织、团队工作、写代码、测试与维护四大类）。（日程紧迫的时候可以写一些“糟糕”的代码，这是程序员的能力而不是bug，当然，有时间的时候一定要回头偿还“技术债”）2.坚持所谓的高效、优雅的“一行代码流”，事实上，可读性才是最重要的，聪明是第二位的。
2024-06-28 16:18:50
253
原创 PS切图详细教程3种方法切片
PSD图像格式是Photoshop的专用格式，里面可以存放图层、通道、遮置等多种设计稿，对我们前端人员来说，最大的优点，我们可以直接从上面复制文字，获得图片，还可以测量大小和距离，我们开发需要的是一小张一小张的图片素材，有时候UI美工会帮我们切好图，有时候我们是拿到一整张PSD设计图，所以，学会Photoshop切图是非常重要的。比如我们想要把图片和文字导出成一张图，但是它们是两个不同的图层，如果我们直接用快速导出为png的话，图片是显示不全的。最简单的切图方式：右击图层 →快速导出为PNG。
2024-06-28 08:36:48
293
原创 ps抠图实现
步骤2：按住alt键，单击图层蒙版缩略图，进入图层蒙版→ctrl+v粘贴→ctrl+i反向(反向快捷键，能够把图层切换为相反颜色)→回到原图层，填充为白色。步骤1 ：使用套索工具将主体部分选中，建立选取→ctrl+j，将建立选取的部分复制出来，形成一个新图层，同时隐藏掉原来的图层→单击通道，选择对比最大的通道。步骤2：右键单击对比最大的通道，选择“复制通道”，单击“确定”→ctrl+L，调出色阶，通过滑动滑块和用颜色取管配合，使白色部分更白，黑色部分更黑。方法：通道抠图、蒙版抠图、选择并遮住。
2024-06-28 08:33:25
180
原创 发送短信v2
正文内容是由短信模板和变量构成，例：{1}，跳转小程序 {2}，拒收请回复R，模板参数中 {1}，{2} 是变量： {1} ：用户可自定义传入的内容，当前最长为30个字。{2} ：用户传入的 URL Link，例如 https://wxmpurl.cn/tN5huKl2Gwg 示例：【云开发】能力上新，跳转小程序 https://wxmpurl.cn/tN5huKl2Gwg，拒收请回复R。第三方在调用接口时，可选择使用第三方的环境或小程序的环境，默认使用小程序的环境。示例说明: HTTPS请求示例。
2024-06-22 20:13:28
683
原创 程序员写代码的致命缺点
但是差一点的程序员就考虑不到那么远，一个是对业务不熟悉，判断不出来哪些需求可能会产生变化，一个是对可选的方案掌握的不多，根本就没有什么可选的余地，还有就是没有这种思维习惯，分不清楚哪些是现在要完成的，哪些是未来可能会支持或者是变动的。推荐的做法是，程序员要对数据很敏感，后端要知道每一个表的规模可能会有多大，当前的系统能支持的数据库表的大小是多大，而前后端都需要知道每一个操作，都分成了哪几个步骤，每一个步骤花费的时间是多少，大概占用的内存是什么样的。硬编码居多，没有可扩展性，用很丑陋的方式完成了功能。
2024-06-22 20:11:18
655
原创 获取小程序的码
获取小程序二维码，适用于需要的码数量较少的业务场景。通过该接口生成的小程序码，永久有效，有数量限制，详见。调用方式以及出入参和HTTPS相同，仅是调用的token不同。服务商获得其中之一权限集授权后，可通过使用。该接口所属的权限集id为：17、58。接口应在服务器端调用，详细说明参见。示例说明: HTTPS调用示例。示例说明: 云调用示例。
2024-06-22 09:00:00
378
原创 获取不限制的小程序码
该接口用于获取小程序码，适用于需要的码数量极多的业务场景。通过该接口生成的小程序码，永久有效，数量暂无限制。调用方式以及出入参和HTTPS相同，仅是调用的token不同。服务商获得其中之一权限集授权后，可通过使用。该接口所属的权限集id为：17、58。示例说明: HTTPS调用。示例说明: 云函数调用。
2024-06-21 20:55:37
1018
原创 小程序 如何支付后获取 Unionid
该接口用于在用户支付完成后，获调用本接口前需要用户完成支付，用户支付完成后，取该用户的 UnionId，无需用户授权。本接口支付后的五分钟内有效。接口方法为: openapi.auth.getPaidUnionId。出入参和HTTPS调用相同，调用方式可查看。
2024-06-21 20:54:03
320
原创 小程序 获取插件用户openpid？
接口获得插件用户标志凭证 code 后传到开发者服务器，开发者服务器调用此接口换取插件用户的唯一标识 openpid。调用方式以及出入参和HTTPS相同，仅是调用的token不同。服务商获得其中之一权限集授权后，可通过使用。该接口所属的权限集id为：18。
2024-06-21 20:52:53
292
原创 什么是嵌套路由？如何定义嵌套路由
顾名思义，它是指在一个路由中嵌套了另外一个路由，从而形成了多层嵌套的路由结构。这种路由结构通常用于实现页面布局或者子页面等需求，例如展示一个包含侧边栏、头部、底部和主区域的整体页面，在主区域中嵌套了多个子页面。在HomeComponent组件的模板中，我们使用routerLink指令定义了两个链接，分别对应首页和关于页面，同时使用router-outlet指令标记出了子页面的位置。在Angular框架中定义嵌套路由非常简单，只需要在路由配置中将子路由添加到父路由中即可。
2024-06-16 07:45:00
208
原创 React Hooks相对高阶组件和Class组件有什么优势/缺点
首先我认为hooks组件其实是降低了react开发的使用难度的，让新手可以在不使用class组件的情况下依然可以进行项目开发。如果xxx出现了问题，如果对项目不熟悉的人的话想要找这个方法就要分别去这三个高阶组件里面去找，或者去父组件里面去找。学习class组件的生命周期的话还是需要一些时间的，尤其是想要真正用到实战项目中去发挥它们每个周期的作用的话。Hooks组件复用逻辑相比高阶组件复用逻辑更易维护，可以很清楚的知道当前的逻辑代码在哪里，然后进行维护。1.不需要学习class组件的生命周期的使用了。
2024-06-16 07:15:00
277
原创 react class与hooks区别
而在 Hooks 中，每个状态使用独立的 useState 来管理，使得状态的更新更加局部化和灵活。Hooks 是 React 16.8 版本引入的一项功能，它的目的是为了让函数组件也能够拥有状态和生命周期控制的能力，同时减少代码的冗余和复杂性。这有助于提高组件的可重用性和测试性。对于已经熟悉 Class 组件的开发者来说，学习和适应 Hooks 可能需要一些时间，因为需要重新学习一种新的编写风格和状态管理方式。在React中，有两种主要的方式来管理组件的状态和生命周期：Class 组件和 Hooks。
2024-06-15 21:11:56
274
原创 Vue实现左边导航栏，右边显示对应内容
中配置对应组件的路径，把组件的路径一定要配置到菜单路径的。页面需要点击菜单上的内容才可以在后边渲染内容。，路由出口, 路由匹配到的组件将渲染在这里。这里重点要强调一下配置。
2024-06-15 21:06:37
411
原创 uni-app实现录音及播放功能
下面这段代码运行在微信小程序上、下面这段代码运行在微信小程序上、下面这段代码运行在微信小程序上。下面这段代码最好运行到微信开发者工具后，然后真机调试，因为小程序直接调试录音会报错。下面这段代码最好真机调试、没有直接在浏览器上调试，录音需要授权。下面这段代码最好真机调试、没有直接在浏览器上调试，录音需要授权。下面这段代码最好真机调试、没有直接在浏览器上调试，录音需要授权。大部分是直接搬了官网的代码，但是还是需要记录一下修改的部分。更新一个uni-app运行到手机h5的写法。2021年2月9号更新。
2024-06-13 14:29:24
275
原创 uniapp中制作侧边导航栏
.sidebar-container`是一个Flex容器，其中包含了`.sidebar`和`.main-content`两个子元素。`.sidebar`是侧边导航栏的容器，具有固定的宽度和背景色。`.sidebar-header`是导航栏的标题部分，`.sidebar-menu`是菜单项的容器。菜单项使用`v-for`指令动态渲染，通过点击菜单项触发`handleSidebarItemClick`方法处理点击事件。`.sidebar-item`定义了菜单项的样式，设置了鼠标悬浮时的背景色变化效果。
2024-06-12 17:06:58
203
原创 注册小程序
方法注册小程序实例，绑定生命周期回调函数、错误监听和页面不存在监听函数等。方法获取到全局唯一的 App 实例，获取App上的数据或调用开发者注册在。整个小程序只有一个 App 实例，是全部页面共享的。详细的参数含义和使用请参考。
2024-06-08 14:44:33
459
原创 微信小程序 map
组件地图个性化样式组件是腾讯位置服务为开发者提供的地图高级能力，开发者可以在法律允许的范围内定制地图风格，支持定制背景面、背景线、道路、POI等地图元素颜色、显示层级等内容；支持按照类型精细化管理POI的显示、隐藏；灵活地设计贴合业务场景的心仪地图。购买该能力后，您可以在「管理->付费管理->概览->地图个性化样式->去使用」中创建配置您的地图个性化样式，您可以选择我们提供的基础及高级模版，也可以通过在线编辑平台，对多种地图元素的样式进行自定义设置，以满足在不同场景下的个性化需求。
2024-06-08 14:29:17
417
原创 微信小程序 导航navigation-bar
属性 类型 默认值 必填 说明 最低版本 title string 否 导航条标题 2.9.0 loading boolean false 否 是否在导航条显示 loading 加载提示 2.9.0 front-color string 否 导航条前景颜色值，包括按钮、标题、状态栏的颜色，仅支持#ffffff和#000000 2.9.0 background-co
2024-06-08 14:27:41
589
原创 微信小程序实现上传视频 / 上传图片功能以及整合上传视频 / 上传图片功能(超详细)
【代码】微信小程序实现上传视频 / 上传图片功能以及整合上传视频 / 上传图片功能(超详细)
2024-06-04 07:55:36
519
原创 【微信开发】微信小程序多层wx:for嵌套的使用
叫i不会很low吗？wx:key : 在这个例子中并不能体现出它的重要性，举一个其他的例子: 假如有一个需求，在使用wx:for 建立列表的同时，每一个item中都配有一个input输入框，我还有一个按钮，这个按钮点击后，列表再加入一个item（也有input输入框），并且每次都在列表前面加入（在原数组上使用unshift插入），不难想象，这时列表原先顺序会被打破，如果恰好某一个input框中有内容，那么这个input框并不跟随item位移(如下图)。
2024-06-02 08:00:00
188
原创 微信小程序实现上传视频 / 上传图片功能以及整合上传视频 / 上传图片功能(超详细)
【代码】微信小程序实现上传视频 / 上传图片功能以及整合上传视频 / 上传图片功能(超详细)
2024-06-01 15:15:00
586
原创 微信小程序如何控制元素的显示和隐藏
除了使用wx:if、hidden属性和动态数据绑定外，我们还可以使用条件判断语句来控制元素的显示和隐藏。在wxml模板中，可以使用wx:if语句和{{}}表达式来进行条件判断，根据不同的条件来渲染和显示不同的元素。除了使用wx:if和hidden属性外，我们还可以通过动态数据绑定来控制元素的显示和隐藏。在微信小程序中，我们可以使用data属性来定义一个变量，然后通过修改该变量的值来控制元素的显示和隐藏。在微信小程序中，我们可以使用wx:if和hidden属性来控制元素的显示和隐藏。-- 显示的内容 -->
2024-06-01 10:45:00
454
原创 如何在微信小程序中使用本地存储
在微信小程序中，我们可以使用微信提供的wx.getStorageSync和wx.setStorageSync等API来进行本地存储的操作。LocalStorage是一种持久化的本地存储，数据会一直保存在设备上，直到用户手动清除缓存或者卸载小程序。SessionStorage是一种临时的本地存储，数据只会在当前会话中有效，当用户关闭小程序或者刷新页面时，数据会被清除。在微信小程序中，我们可以使用本地存储来保存用户的数据，例如用户的设置、历史记录等。本地存储是一种将数据保存在客户端设备上的技术。
2024-05-31 22:23:42
228
原创 【微信小程序】wx.login实现用户登录
(3)后端将appid，appSecret（密钥）和code发送给微信接口服务去校验登录凭证，成功后会返回session_key(会话信息记录)和openid(用户唯一标识)(4)用户登录成功后，后端将openid和session_key保存，生成一个自定义登录态的token(令牌)响应回去给前端。(1)前端通过wx.login()获取登录凭证code，每次调用的code均不同，有效时间5分钟，每个code可验证一回。(6)在app.js中检测用户是否已经登录。一、wx.login。
2024-05-31 22:20:17
229
原创 微信小程序自定义底部导航栏
可获取到底部导航栏高度，存在app全局变量中，其他页面有特殊需求需要动态计算页面高度时可能需要用到此属性。微信小程序自定义底部导航栏，原生实现，不包含其他任何第三方组件，比较干净，开箱即用。可自定义是否添加中间的大图标菜单，当然也可自定义大图标的默认与激活样式。解决点击导航菜单时，激活的菜单貌似并不同步的问题。可自定义每个菜单的默认、激活后的图标和文字样式。可自定义激活动画，默认这个心跳过渡动画。底部根据是否有安全距离自动调整。可自定义底部导航栏列表样式。不废话，直接贴上完整源码。
2024-05-31 22:19:05
185
原创 vue项目移动端商场
将静态界面放在FlashSale.vue和FlashSaleItem.vue中，并在FlashSale中引入FlashSaleItem，在Home.vue中引入FlashSale。在home子文件夹components内新建子文件夹flashSale，并在flashSale文件夹中新建FlashSale.vue和FlashSaleItem.vue。① 在这里，只有DashBoard在界面刷新的时候就加载，其余界面采用懒加载的方式，在点击跳转或者访问的时候才进行加载，便于提升性能。
2024-05-25 20:41:23
469
原创 TS中的枚举是什么如何使用
该示例定义了一个名为 Color 的枚举，其中包含了三个常量：Red、Green 和 Blue。在代码中，我们使用枚举类型 Color 来声明 color 变量，并将其赋值为 Color.Green。我们还使用 Color[4] 来获取枚举值为 4 的常量的名称（即 "Blue"）。枚举常量的名称通常使用大写字母和下划线，以便更好地区分常量和变量。枚举可以提高代码的可读性和可维护性，因为它允许开发人员定义并使用有意义的符号名称来表示特定的常量。在手动分配值的情况下，枚举的常量必须是数字类型。
2024-05-25 08:05:19
361
空空如也
微信小程序打开ibeacon
2024-06-05
TA创建的收藏夹 TA关注的收藏夹
TA关注的人