- 博客(25)
- 问答 (6)
- 收藏
- 关注
原创 IntersectionObserver怎么用?
IntersectionObserver 是一个现代浏览器提供的 API,用于监听元素与其祖先元素或顶层文档视窗(viewport)交叉的情况,即元素是否进入或离开视窗。总之,IntersectionObserver API 提供了一种高效、灵活的方法来监听元素与视窗的交叉状态,可以用于实现各种功能,如懒加载、无限滚动等。是一个回调函数,当被观察的元素的交叉状态发生变化时,就会被调用。对象数组,它记录了被观察元素与根元素或视窗的交叉状态。如果不再需要观察某个元素,可以使用。
2023-04-21 15:11:57
519
原创 微信小程序个人商城开发(第一篇:首页导航栏)
微信小程序下面的自定导航的定义和使用,各种常用属性的设置,图标的设置,怎么和相应的页面关联。在我们新建的小程序项目中有一个app.json文件,我们打开app.json文件,并在文件中增加tabbar定义,这个是小程序定带的tabar定义方式。"iconPath" : "./images/home.png" , "selectedIconPath" : "./images/home2.png" , "pagePath" : "pages/home/home" , "text" : "首页" } , {
2023-04-06 08:27:48
479
原创 小程序分页加载显示
在小程序中我们经常要分页加载一些图片或者商品信息,因为产品太多,如果一次加载的话会太慢,因此我们一页可能只显示20行数据,那怎么让页面拉到底部时自动加载数据呢,这里主要是要用到onReachBottom事件,这个事件会在页面拉到底部时触发。同时从远程读取新增加的数据,可能是第二页或者第三页的数,然后把他合并到原来的旧数据中,这里我们使用concat来进行合并。这里要注意的就以下几点。
2023-03-17 09:46:54
468
原创 云函数调用出现Error: cloud.callFunction:fail Error: errCode: -501000
在使用微信小程序云开发时按着官方的例子来实际操作发现总是出现以下这样的问题,在多次测试发现本地测试可以使用,在正式环境下测试也可以,就是不能直接调用,调用时而且没有发出网络连接,后来发现是在初始化出现了问题。按网上的一些说法是如果使用当下appid的云环境是不用增加相应的env设置,也就是环境变量ID。但是实际上不行,不知道为什么,后来只有在里面写上我自己的环境变量ID值,测试通过了,正确写法是。通过以下代码调用云函数并取得函数返回的数据。
2023-03-16 15:46:38
5551
1
原创 import和require及export和module.exports区别
import和require是不同的js规范,import为ES6中的导入模块方式,require为CommonJS标准,这两个玩意常常搞混,不知道道理是什么标准。CommonJS 使用的是 module.exports = {} 导出一个模块对象,require(‘file_path’) 引入模块对象;ES6使用的是 export 导出指定数据, import 引入具体数据。
2023-03-13 16:22:45
193
原创 小程序中图片宽度实现100%,高度自适应
后来在测试中发现我们不给图片设置宽高的话,微信小程序的图片image有默认的宽高:width: 320px和height: 240px,开始还一直不知道这个高度和宽度那来的,我又没有给他设置样式,原来小程序默认会给他一个样式。所以要想他宽度占满只能自己写样式去控制了。在做轮播图时放了几个图片,但是显示一直怪怪的,宽度没有占满,右边总是留一大块空白,怪难看的,开始试了所有的mode属性都不行,至于mode属性起什么作用可以查一下小程序组件的API说明,主要用于控制图片的显示模式的。在wxss样式中增加样式。
2023-03-11 09:28:00
2352
原创 微信小程序怎么修改自定义组件中的样式
在微信小程序中我们经常要用到自定义组件,但是有时我们因为引用的地方不同可能组件的一些样式也要修改,比如颜色,高度,宽度等来适合不同的页面,有没有办法来修改自定义组件中的样式呢,很显然是有的,我们要用到externalClasses方法。在父组件的标签上写入子组件externalClasses配置项传入的值作为css的class类名称。
2023-03-10 11:03:05
2803
原创 nodejs中的process.env.NODE_ENV学习
有些在有些代码常看到process.env,其实发现这个process.env其实是一个环境变量的对象,里面是我们系统中设置的环境变量,这样我们可以通过环境变量来设置当前环境是开发环境还是生产环境等。我们只要在代码中使用process.env就行了,后面的名称就是环境变量的名称,如:NODE_ENV就是。我们可以在当前的命令下执行以下命令,当然我们也可以通过图形界面来设置环境变量。NODE_ENV其实就是环境变量之一,用于设置nodejs当前的运行环境。2、怎么在nodejs中使用环境变量。
2023-03-08 09:37:06
1690
原创 使用Koa脚手架koa-generator来创建项目(使用KOA创建一个完整的网站二)
1、安装koa-generator,我们可采用全局或者本地安装,这里使用全局安装,但是在这里测试中发现yarn global add全局安装后发现无法在当前环境中使用Ko2命令,找不到这个命令,只能进入node_module中的koa-generator的bin目录执行node koa2 app1来完成项目创建,但用npm i koa-generator安装后能正常成的命令。使用脚手架来创建项目的好处就是一用个工具帮我们完成很多步才能完成的事,一些依赖和初化工作都交给脚手架去完成了。
2023-03-06 10:28:55
563
原创 创建项目(使用KOA创建一个完整的网站一)
1、第一步就是创建项目,我们开发用VSODE来进行开发,首先建一个文件夹,然后在这个文件夹下执行yarn init用来初始化项目,主要是生成一个package.json用来定义项目名称,作者及依赖等,效率如下,package.json作用就是管理这个项目的一些信息的。2、增加koa2这个框架的依赖模块,yarn add koa2,安装成功后使用yarn list koa2看看有没有安装成功。在开发一个网站前,我们先准备一下后台的开发用运行环境,这里我们选用nodejs,然后使用koa框架来做为WEB框架。
2023-03-06 10:04:27
317
原创 学习koa模板引擎中间件koa-views
我们做WEB出身的一直很自然的想到怎么实现前端显示,早期我们都是把asp,php在html插入相应的asp及php代码,后面再就是使用一些标记来用于前台显示,主要是为了实现MVC,把前端和后端逻辑分离,现在想像一下按理来nodejs应也是有的,其实koa作为WEB框架按理也是有这一部分的,所今天来学习一下中间件koa-views.我现在也是一边学一边写的,主要是记录下来当时学习的过程,因此很地方可能错误的,表达可能也有问题,这个不是重点,重点就是记录一下一个新手学习和思考的过程,也给小白一个学习参考。
2023-03-03 10:22:08
557
原创 在koa中怎么处理静态文件
对于一个标准的WEB服务器来说,我们除了能处理需要执行的程序js代码外,我们可能要下载相应的客户静态资源,如:图片,css文件,客户端的js文件还有相应的html文件,那么在koa中我们应怎么处理呢?这里主要引用两个模块。2、我们在浏览器中输入url时,url不要带static,因为对扩展名为静态文个的内容他会自动到static目录去找,因此正确的url为http://localhost:3000/azh.jpg而不是http://localhost:3000/static/azh.jpg。
2023-03-02 17:00:36
381
原创 koa取得get及post参数
作为一个WEB框架我们第一个想到的就是怎么样取得客户端提交的参数,其实在koa中我们主要分为get及post方法来取得不同的参数,get方法是指url后面带的参数,post一般是指通过form提交的参数,为了方便测试我们使用postman来提交,在测试中发现除了get和post不同外,其它像delete,put等的提交方式和post是一样的。在测试中发现ctx.request.query和ctx.query输出的结果相同。
2023-03-02 16:14:26
826
原创 npm init做了什么
这个json中比较重要的有几个地方,一是加入的依赖文件,事实上我们如果在这个文件所在的目录执行npm install就会依据这个文件中的定义来下载相应的依赖文件。所以npm install默认就是依靠这来进行更新和下载的。执行npm test相当于执行node index.js,这个其实作用就相当于一个快捷方式,比较方便。
2023-02-24 16:20:20
1582
原创 使用java实现端口转发(代理)
1)我们要实现的就是把客户的请求转发到别一服务器.要实现这个功能就是实现一个中间代理,中间代理,我们使用serverSocket 服务器实现端口帧听,ServerSocket serverSocket = new ServerSocket(listenPort);也就是我说我们请求的实际地址为A服务器,但是事实上这个请求是被转发到B服务器去完成的,也就是A和B进行了socket通信,然后把返回的数据再次传回客户端.在这里我们使用了线程池来运行客户端请求,原因在于如果我们不使用线程的话.我们在使用so
2020-09-14 15:47:27
7296
1
原创 怎么生成条码
条码的生成我们使用的是barcode4j这个包,但我们要注意的是条码有很多种,有些条码只能是数字,而有些条码能带字母和数字还有可能是一些特殊符号。这里我们主要是测试怎么生成带字母的条码。```java/** * 生成code128条形码 * * @param height 条形码的高度 * @param width 条形码的宽度 * @param message 要生成的文本 * @param wi
2020-08-31 08:34:05
757
空空如也
node_module这个东西怎么看怎么觉得特别不爽
2021-07-17
有关blazor中webpages很奇怪的问题,很不解
2021-06-11
vscode代码右键转到自定义不见了
2021-04-11
angular究竟好在哪,为什么要用
2020-11-09
angular中的NgModule的imports
2020-07-01
一个很奇怪的static问题
2019-10-26
TA创建的收藏夹 TA关注的收藏夹
TA关注的人