weixin_36557877的博客

IntersectionObserver 是一个现代浏览器提供的 API，用于监听元素与其祖先元素或顶层文档视窗(viewport)交叉的情况，即元素是否进入或离开视窗。总之，IntersectionObserver API 提供了一种高效、灵活的方法来监听元素与视窗的交叉状态，可以用于实现各种功能，如懒加载、无限滚动等。是一个回调函数，当被观察的元素的交叉状态发生变化时，就会被调用。对象数组，它记录了被观察元素与根元素或视窗的交叉状态。如果不再需要观察某个元素，可以使用。

【代码】java 怎么取cccc-sss中"-"前的字符串？

今天我要实现我的页面登录部分，这部分有几个关键的难点。

微信小程序下面的自定导航的定义和使用，各种常用属性的设置，图标的设置，怎么和相应的页面关联。在我们新建的小程序项目中有一个app.json文件，我们打开app.json文件，并在文件中增加tabbar定义，这个是小程序定带的tabar定义方式。"iconPath" : "./images/home.png" , "selectedIconPath" : "./images/home2.png" , "pagePath" : "pages/home/home" , "text" : "首页" } , {

在小程序中我们经常要分页加载一些图片或者商品信息，因为产品太多，如果一次加载的话会太慢，因此我们一页可能只显示20行数据，那怎么让页面拉到底部时自动加载数据呢，这里主要是要用到onReachBottom事件，这个事件会在页面拉到底部时触发。同时从远程读取新增加的数据，可能是第二页或者第三页的数，然后把他合并到原来的旧数据中，这里我们使用concat来进行合并。这里要注意的就以下几点。

在使用微信小程序云开发时按着官方的例子来实际操作发现总是出现以下这样的问题，在多次测试发现本地测试可以使用，在正式环境下测试也可以，就是不能直接调用，调用时而且没有发出网络连接，后来发现是在初始化出现了问题。按网上的一些说法是如果使用当下appid的云环境是不用增加相应的env设置，也就是环境变量ID。但是实际上不行，不知道为什么，后来只有在里面写上我自己的环境变量ID值，测试通过了，正确写法是。通过以下代码调用云函数并取得函数返回的数据。

import和require是不同的js规范，import为ES6中的导入模块方式，require为CommonJS标准，这两个玩意常常搞混，不知道道理是什么标准。CommonJS 使用的是 module.exports = {} 导出一个模块对象，require(‘file_path’) 引入模块对象；ES6使用的是 export 导出指定数据， import 引入具体数据。

后来在测试中发现我们不给图片设置宽高的话，微信小程序的图片image有默认的宽高：width: 320px和height: 240px，开始还一直不知道这个高度和宽度那来的，我又没有给他设置样式，原来小程序默认会给他一个样式。所以要想他宽度占满只能自己写样式去控制了。在做轮播图时放了几个图片，但是显示一直怪怪的，宽度没有占满，右边总是留一大块空白，怪难看的，开始试了所有的mode属性都不行，至于mode属性起什么作用可以查一下小程序组件的API说明，主要用于控制图片的显示模式的。在wxss样式中增加样式。

在微信小程序中我们经常要用到自定义组件，但是有时我们因为引用的地方不同可能组件的一些样式也要修改，比如颜色，高度，宽度等来适合不同的页面，有没有办法来修改自定义组件中的样式呢，很显然是有的，我们要用到externalClasses方法。在父组件的标签上写入子组件externalClasses配置项传入的值作为css的class类名称。

有些在有些代码常看到process.env，其实发现这个process.env其实是一个环境变量的对象，里面是我们系统中设置的环境变量，这样我们可以通过环境变量来设置当前环境是开发环境还是生产环境等。我们只要在代码中使用process.env就行了，后面的名称就是环境变量的名称，如：NODE_ENV就是。我们可以在当前的命令下执行以下命令，当然我们也可以通过图形界面来设置环境变量。NODE_ENV其实就是环境变量之一，用于设置nodejs当前的运行环境。2、怎么在nodejs中使用环境变量。

1、安装koa-generator，我们可采用全局或者本地安装，这里使用全局安装，但是在这里测试中发现yarn global add全局安装后发现无法在当前环境中使用Ko2命令，找不到这个命令，只能进入node_module中的koa-generator的bin目录执行node koa2 app1来完成项目创建，但用npm i koa-generator安装后能正常成的命令。使用脚手架来创建项目的好处就是一用个工具帮我们完成很多步才能完成的事，一些依赖和初化工作都交给脚手架去完成了。

1、第一步就是创建项目，我们开发用VSODE来进行开发，首先建一个文件夹，然后在这个文件夹下执行yarn init用来初始化项目，主要是生成一个package.json用来定义项目名称，作者及依赖等,效率如下,package.json作用就是管理这个项目的一些信息的。2、增加koa2这个框架的依赖模块，yarn add koa2，安装成功后使用yarn list koa2看看有没有安装成功。在开发一个网站前，我们先准备一下后台的开发用运行环境，这里我们选用nodejs，然后使用koa框架来做为WEB框架。

koa教程。

我们做WEB出身的一直很自然的想到怎么实现前端显示，早期我们都是把asp,php在html插入相应的asp及php代码，后面再就是使用一些标记来用于前台显示，主要是为了实现MVC，把前端和后端逻辑分离，现在想像一下按理来nodejs应也是有的，其实koa作为WEB框架按理也是有这一部分的，所今天来学习一下中间件koa-views.我现在也是一边学一边写的，主要是记录下来当时学习的过程，因此很地方可能错误的，表达可能也有问题，这个不是重点，重点就是记录一下一个新手学习和思考的过程，也给小白一个学习参考。

对于一个标准的WEB服务器来说，我们除了能处理需要执行的程序js代码外，我们可能要下载相应的客户静态资源，如：图片，css文件，客户端的js文件还有相应的html文件，那么在koa中我们应怎么处理呢？这里主要引用两个模块。2、我们在浏览器中输入url时，url不要带static，因为对扩展名为静态文个的内容他会自动到static目录去找，因此正确的url为http://localhost:3000/azh.jpg而不是http://localhost:3000/static/azh.jpg。

作为一个WEB框架我们第一个想到的就是怎么样取得客户端提交的参数，其实在koa中我们主要分为get及post方法来取得不同的参数，get方法是指url后面带的参数，post一般是指通过form提交的参数，为了方便测试我们使用postman来提交，在测试中发现除了get和post不同外，其它像delete,put等的提交方式和post是一样的。在测试中发现ctx.request.query和ctx.query输出的结果相同。

koa中的ctx里面是什么

nodejs通过名称执行相应的js方法

koa自定义中间件学习

ES5,ES6,javascript和nodejs之间的关系