厦门在乎科技
厦门在乎科技

微信小程序scroll-view详解及案例

需求：实现类似美团外卖。
1.点击左侧菜单右侧滚动到对应内容。
2.滚动右侧内容左侧对应菜单高亮。

一、首先介绍下scroll-view

可滚动视图区域。

以下属性1.0.0版本即可

属性 类型 默认值 必填 说明
scroll-y boolean false 否 允许纵向滚动
scroll-into-view string 否 值应为某子元素id（id不能以数字开头）。设置哪个方向可滚动，则在哪个方向滚动到该元素
scroll-with-animation boolean false 否 在设置滚动条位置时使用动画过渡
bindscroll eventhandle 否 滚动时触发，event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY}

二、案例
先来看下菜单的页面代码：

`
    
                    
                    
  • 批量检测微信小程序封禁状态的 PHP 脚本示例
                        
php
                        
    定义AppID列表：修改$appIds数组中的'appid1','appid2','appid3'为您的实际小程序ID。调用API检查状态：通过file_get_contents调用指定的API接口获取响应数据。解析和处理API响应：使用json_decode解析JSON数据，并根据code字段输出相应的状态信息。错误处理：脚本会处理接口调用失败或数据格式不正确的情况，并给出相应的提示。
    
                    
    • 
                    
  • APO OneAgent 设计思路
                        
后端
                        
    之前的文章介绍过APO是如何使用GrafanaAlloy采集prometheus生态的指标体系。这篇文章介绍APO是如何采集Trace和log的，这两项数据的采集存在以下问题：日志需要配置采集的日志目录，并不是每个应用的日志目录都非常规范，这就导致配置工作量的增加Trace需要配置针对语言的Agent完成数据采集在容器环境不管是修改镜像或者使用initContainer方式，都有挺多配置的工作On
    
                    
    • 
                                
  • Enum用法
                                    不懂事的小屁孩
enum
                                    
    以前的时候知道enum，但是真心不怎么用，在实际开发中，经常会用到以下代码: 
 
protected final static String XJ = "XJ";
protected final static String YHK = "YHK";
protected final static String PQ = "PQ";

    
                                
    • 
                                
  • 【Spark九十七】RDD API之aggregateByKey
                                    bit1129
spark
                                    
    1. aggregateByKey的运行机制 
  
  /**
   * Aggregate the values of each key, using given combine functions and a neutral "zero value".
   * This function can return a different result type
    
                                
    • 
                                
  • hive创建表是报错： Specified key was too long; max key length is 767 bytes
                                    daizj
hive
                                    
    今天在hive客户端创建表时报错，具体操作如下 
  
hive> create table test2(id string); 
FAILED: Execution Error, return code 1 from org.apache.hadoop.hive.ql.exec.DDLTask. MetaException(message:javax.jdo.JDODataSto
    
                                
    • 
                                
  • Map 与 JavaBean之间的转换
                                    周凡杨
java自省转换反射
                                    
       
最近项目里需要一个工具类，它的功能是传入一个Map后可以返回一个JavaBean对象。很喜欢写这样的Java服务，首先我想到的是要通过Java 的反射去实现匿名类的方法调用，这样才可以把Map里的值set 到JavaBean里。其实这里用Java的自省会更方便，下面两个方法就是一个通过反射，一个通过自省来实现本功能。 
1：JavaBean类 
 
1 &nb
    
                                
    • 
                                
  • java连接ftp下载
                                    g21121
java
                                    
    有的时候需要用到java连接ftp服务器下载，上传一些操作，下面写了一个小例子。 
/** ftp服务器地址 */
private String ftpHost;
/** ftp服务器用户名 */
private String ftpName;
/** ftp服务器密码 */
private String ftpPass;
/** ftp根目录 */
private String f
    
                                
    • 
                                
  • web报表工具FineReport使用中遇到的常见报错及解决办法（二）
                                    老A不折腾
finereportweb报表java报表总结
                                    
      
抛砖引玉，希望大家能把自己整理的问题及解决方法晾出来，Mark一下，利人利己。 
  
出现问题先搜一下文档上有没有，再看看度娘有没有，再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题，大多文档上都有提到的。 
  
1、没有返回数据集： 
在存储过程中的操作语句之前加上set nocount on 或者在数据集exec调用存储过程的前面加上这句。当S
    
                                
    • 
                                
  • linux 系统cpu 内存等信息查看
                                    墙头上一根草
cpu内存liunx
                                    
    1 查看CPU 
　　1.1 查看CPU个数 
　　# cat /proc/cpuinfo | grep "physical id" | uniq | wc -l 
　　2 
　　**uniq命令：删除重复行;wc –l命令：统计行数** 
　　1.2 查看CPU核数 
　　# cat /proc/cpuinfo | grep "cpu cores" | u
    
                                
    • 
                                
  • Spring中的AOP
                                    aijuans
springAOP
                                    
       
Spring中的AOP  
Written by Tony Jiang @ 2012-1-18 （转）何为AOP 
AOP，面向切面编程。 
在不改动代码的前提下，灵活的在现有代码的执行顺序前后，添加进新规机能。 
来一个简单的Sample: 
目标类：    
[java]  
view plain 
copy 
print 
?     
 
 package&nb
    
                                
    • 
                                
  • placeholder(HTML 5) IE 兼容插件
                                    alxw4616
JavaScriptjquery jQuery插件
                                    
    placeholder 这个属性被越来越频繁的使用.
但为做HTML 5 特性IE没能实现这东西.
以下的jQuery插件就是用来在IE上实现该属性的. 

/**
 * [placeholder(HTML 5) IE 实现.IE9以下通过测试.]
 * v 1.0 by oTwo 2014年7月31日 11:45:29
 */
$.fn.placeholder = function
    
                                
    • 
                                
  • Object类,值域,泛型等总结(适合有基础的人看)
                                    百合不是茶
泛型的继承和通配符变量的值域Object类转换
                                    
    java的作用域在编程的时候经常会遇到,而我经常会搞不清楚这个 
问题,所以在家的这几天回忆一下过去不知道的每个小知识点 
  
变量的值域; 
  
package 基础;

/**
 * 作用域的范围
 * 
 * @author Administrator
 * 
 */
public class zuoyongyu {
public static vo
    
                                
    • 
                                
  • JDK1.5 Condition接口
                                    bijian1013
javathreadConditionjava多线程
                                    
    Condition 将 Object 监视器方法（wait、notify和 notifyAll）分解成截然不同的对象，以便通过将这些对象与任意 Lock 实现组合使用，为每个对象提供多个等待 set （wait-set）。其中，Lock 替代了 synchronized 方法和语句的使用，Condition 替代了 Object 监视器方法的使用。 
条件（也称为条件队列或条件变量）为线程提供了一
    
                                
    • 
                                
  • 开源中国OSC源创会记录
                                    bijian1013
hadoopsparkMemSQL
                                    
    一.Strata+Hadoop World（SHW）大会 
        是全世界最大的大数据大会之一。SHW大会为各种技术提供了深度交流的机会，还会看到最领先的大数据技术、最广泛的应用场景、最有趣的用例教学以及最全面的大数据行业和趋势探讨。        
  
二.Hadoop 
  &nbs
    
                                
    • 
                                
  • 【Java范型七】范型消除
                                    bit1129
java
                                    
    范型是Java1.5引入的语言特性，它是编译时的一个语法现象，也就是说，对于一个类，不管是范型类还是非范型类，编译得到的字节码是一样的，差别仅在于通过范型这种语法来进行编译时的类型检查，在运行时是没有范型或者类型参数这个说法的。 
范型跟反射刚好相反，反射是一种运行时行为，所以编译时不能访问的变量或者方法(比如private)，在运行时通过反射是可以访问的，也就是说，可见性也是一种编译时的行为，在
    
                                
    • 
                                
  • 【Spark九十四】spark-sql工具的使用
                                    bit1129
spark
                                    
    spark-sql是Spark bin目录下的一个可执行脚本，它的目的是通过这个脚本执行Hive的命令，即原来通过 
hive>输入的指令可以通过spark-sql>输入的指令来完成。 
spark-sql可以使用内置的Hive metadata-store，也可以使用已经独立安装的Hive的metadata store 
  
关于Hive build into Spark
    
                                
    • 
                                
  • js做的各种倒计时
                                    ronin47
js 倒计时
                                    
     
 第一种：精确到秒的javascript倒计时代码   
    
 HTML代码:   
 <form name="form1">   
 <div align="center" align="middle"
    
                                
    • 
                                
  • java-37.有n 个长为m+1 的字符串，如果某个字符串的最后m 个字符与某个字符串的前m 个字符匹配，则两个字符串可以联接
                                    bylijinnan
java
                                    
    
public class MaxCatenate {  
  
	/*
	 * Q.37 有n 个长为m+1 的字符串，如果某个字符串的最后m 个字符与某个字符串的前m 个字符匹配，则两个字符串可以联接，
	 * 问这n 个字符串最多可以连成一个多长的字符串，如果出现循环，则返回错误。
	 */
    public static void main(String[] args){
    
                                
    • 
                                
  • mongoDB安装
                                    开窍的石头
mongodb安装 基本操作
                                    
    mongoDB的安装 
   
      1:mongoDB下载   https://www.mongodb.org/downloads   
      2:下载mongoDB下载后解压 
    
    
                                
    • 
                                
  • [开源项目]引擎的关键意义
                                    comsci
开源项目
                                    
     
 
     一个系统，最核心的东西就是引擎。。。。。 
 
      而要设计和制造出引擎，最关键的是要坚持。。。。。。 
 
      现在最先进的引擎技术，也是从莱特兄弟那里出现的，但是中间一直没有断过研发的 
   
    
                                
    • 
                                
  • 软件度量的一些方法
                                    cuiyadll
方法
                                    
    软件度量的一些方法http://cuiyingfeng.blog.51cto.com/43841/6775/在前面我们已介绍了组成软件度量的几个方面。在这里我们将先给出关于这几个方面的一个纲要介绍。在后面我们还会作进一步具体的阐述。当我们不从高层次的概念级来看软件度量及其目标的时候，我们很容易把这些活动看成是不同而且毫不相干的。我们现在希望表明他们是怎样恰如其分地嵌入我们的框架的。也就是我们度量的
    
                                
    • 
                                
  • XSD中的targetNameSpace解释
                                    darrenzhu
xmlnamespacexsdtargetnamespace
                                    
    参考链接:
http://blog.csdn.net/colin1014/article/details/357694 
xsd文件中定义了一个targetNameSpace后，其内部定义的元素，属性，类型等都属于该targetNameSpace,其自身或外部xsd文件使用这些元素，属性等都必须从定义的targetNameSpace中找： 
 
 
例如：以下xsd文件，就出现了该错误，即便是在一
    
                                
    • 
                                
  • 什么是RAID0、RAID1、RAID0+1、RAID5，等磁盘阵列模式?
                                    dcj3sjt126com
raid
                                    
    RAID 1又称为Mirror或Mirroring，它的宗旨是最大限度的保证用户数据的可用性和可修复性。 RAID 1的操作方式是把用户写入硬盘的数据百分之百地自动复制到另外一个硬盘上。由于对存储的数据进行百分之百的备份，在所有RAID级别中，RAID 1提供最高的数据安全保障。同样，由于数据的百分之百备份，备份数据占了总存储空间的一半，因而，Mirror的磁盘空间利用率低，存储成本高。 
Mir
    
                                
    • 
                                
  • yii2 restful web服务快速入门
                                    dcj3sjt126com
PHPyii2
                                    
    快速入门 
Yii 提供了一整套用来简化实现 RESTful 风格的 Web Service 服务的 API。 特别是，Yii 支持以下关于 RESTful 风格的 API： 
 
 支持 Active Record 类的通用API的快速原型 
 涉及的响应格式（在默认情况下支持 JSON 和 XML) 
 支持可选输出字段的定制对象序列化 
 适当的格式的数据采集和验证错误 
    
                                
    • 
                                
  • MongoDB查询(3)——内嵌文档查询（七）
                                    eksliang
MongoDB查询内嵌文档MongoDB查询内嵌数组
                                    
    MongoDB查询内嵌文档 
转载请出自出处：http://eksliang.iteye.com/blog/2177301 一、概述 
       有两种方法可以查询内嵌文档：查询整个文档；针对键值对进行查询。这两种方式是不同的，下面我通过例子进行分别说明。 
  二、查询整个文档 
例如:有如下文档 
db.emp.insert({
	&qu
    
                                
    • 
                                
  • android4.4从系统图库无法加载图片的问题
                                    gundumw100
android
                                    
    典型的使用场景就是要设置一个头像，头像需要从系统图库或者拍照获得，在android4.4之前，我用的代码没问题，但是今天使用android4.4的时候突然发现不灵了。baidu了一圈，终于解决了。 
下面是解决方案： 
 

private String[] items = new String[] { "图库","拍照" };
		/* 头像名称 */
    
                                
    • 
                                
  • 网页特效大全 jQuery等
                                    ini
JavaScriptjquerycsshtml5ini
                                    
    HTML5和CSS3知识和特效 
asp.net ajax jquery实例 
分享一个下雪的特效 
jQuery倾斜的动画导航菜单 
选美大赛示例 你会选谁 
jQuery实现HTML5时钟 
功能强大的滚动播放插件JQ-Slide 
万圣节快乐！！！ 
向上弹出菜单jQuery插件 
htm5视差动画 
jquery将列表倒转顺序 
推荐一个jQuery分页插件 
jquery animate
    
                                
    • 
                                
  • swift objc_setAssociatedObject block(version1.2 xcode6.4)
                                    啸笑天
version
                                    
      
import UIKit

class LSObjectWrapper: NSObject {
    let value: ((barButton: UIButton?) -> Void)?
    
    init(value: (barButton: UIButton?) -> Void) {
        self.value = value

    
                                
    • 
                                
  • Aegis 默认的 Xfire 绑定方式，将 XML 映射为 POJO
                                    MagicMa_007
javaPOJOxmlAegisxfire
                                    
          Aegis 是一个默认的 Xfire 绑定方式，它将 XML 映射为 POJO, 支持代码先行的开发.你开发服 务类与 POJO,它为你生成 XML schema/wsdl 
XML 和 注解映射概览 
      默认情况下，你的 POJO 类被是基于他们的名字与命名空间被序列化。如果
    
                                
    • 
                                
  • js get max value in (json) Array
                                    qiaolevip
每天进步一点点学习永无止境max纵观千象
                                    
    // Max value in Array
var arr = [1,2,3,5,3,2];Math.max.apply(null, arr); // 5


// Max value in Jaon Array
var arr = [{"x":"8/11/2009","y":0.026572007},{"x"
    
                                
    • 
                                
  • XMLhttpRequest 请求 XML,JSON ,POJO 数据
                                    Luob.
POJOjsonAjaxxmlXMLhttpREquest
                                    
    在使用XMlhttpRequest对象发送请求和响应之前，必须首先使用javaScript对象创建一个XMLHttpRquest对象。 
 

var xmlhttp；
function getXMLHttpRequest(){
  if(window.ActiveXObject){
    xmlhttp:new ActiveXObject("Microsoft.XMLHTTP
    
                                
    • 
                                
  • jquery
                                    wuai
jquery
                                    
    以下防止文档在完全加载之前运行Jquery代码，否则会出现试图隐藏一个不存在的元素、获得未完全加载的图像的大小 等等 
 $(document).ready(function(){ 
 jquery代码; 
 }); 
 
<script type="text/javascript" src="c:/scripts/jquery-1.4.2.min.js&quo
    
                                
    •