- 滑动一整屏
初晨未凉
前端javascript
需求:用户通过鼠标滚轮滑动的时候一整屏进行翻页。参考网站效果微派网络实现思路:1.首先我们需获取可视区域的高度document.documentElement.clientHeight;2.根据动态设置top属性即可进行翻页。3.需判断上滑还是下滑根据onmousewheel滚轮事件即可判断,开始时间为当前时间,结束时间为事件结束以后当时间,若是差值为负数到一定区间,即可判断为向上滑动,否则为向下
- 原生mobile-select选择器,选择时报错 Unable to preventDefault inside passive event listener invocation.原因,处理办法
七个隆咚锵
import'default-passive-events'//这是为了解决警告[Violation]Addednon-passiveeventlistenertoascroll-blocking‘mousewheel’event.Considermarkingeventhandleras‘passive’tomakethepagemoreresponsive。default-passive-ev
- 【VS Code+Verilog+Vivado使用】(2)基本设置
xduryan
VSCodevscode
文章目录2基本设置2.1字体大小2.2Tab大小2.3选中高亮2.4文件编码2基本设置2.1字体大小方法1:VSCode左下角>管理>设置,搜索"fontsize",点击左侧"字体",根据需要设置"editor.fontSize"选项的值,改变字体大小,如下图蓝框部分所示:方法2:VSCode左下角>管理>设置,搜索"mousewheelzoom",勾选"editor.mouseWheelZoom
- java activemq 实例_使用Java ActiveMQ的实例讲解
瞎了了
javaactivemq实例
所需引入Jar包:jms-1.1.jaractivemq-all-5.15.0.jar生产者packagecom.mousewheel.demo;importjavax.jms.Connection;importjavax.jms.ConnectionFactory;importjavax.jms.Destination;importjavax.jms.JMSException;importjav
- hz-滚轮事件
zhanghongzhen
滚轮事件处理两个方面一是事件绑定一是获取滚轮属性值一事件绑定火狐是window.document.addEvenetListenr("DOMMouseScroll",funtion(){},false);其他window.onmousewheel=document.wheel=function(){}二是获取滚轮属性值火狐是delta正值是下负值是上大小为3其他wheeldelta正值是上负值是下
- vue移动端绑定@click事件失效问题
丶End
vue移动端绑定click事件失效问题原因可能是你使用了better-scroll,默认它会阻止touch事件。所以在配置中需要加上click:true例:mounted(){this.scroll=newBscroll(this.$refs.wrapper,{mouseWheel:true,click:true,tap:true})}
- Vue 实现图片监听鼠标滑轮滚动实现图片缩小放大功能
奶糖 肥晨
vuejsvue.js计算机外设javascript
前言其实想要实现功能很简单,就是在一张图片上监听鼠标滑轮滚动的事件,然后根据上滚还是下滚实现图片的缩放。效果:注:该配图使用《漫画|有趣的了解一下赋值、深浅拷贝》文章图片,不存在侵权问题。实现思路在js中,onmousewheel是鼠标滑轮滚动事件,可以通过这个事件触发来改变图片的大小,实现图片放大缩小功能。但是我们这里是vue所以使用的是:mousewheel。@mousewheel来监听鼠标滑
- Android Studio(AS)各种设置问题
接骨木go
Ctrl+鼠标滚轮放大缩小编辑器字体之前以为在keymap里面,找了半天没找着,后来发现在Settings->Editor->General->Changefontsize(Zoom)withCtrl+MouseWheel!image.png
- vue实现全屏滚动,非fullpage.js
程序员半夏
是什么网页的一个页面占据一屏的宽高,多个页面上下或者左右拼接在一起。当滑动鼠标滚轮,或点击导航按钮时,可以平滑到对应的页面。此次只实现鼠标滚动实现原理使用mousewheel,DOMMouseScroll(火狐用)监听鼠标滚动事件,当鼠标上下的滚动的时候,当前的页面transformY(屏高)或者transformX(屏宽)代码实现HTML1234JSexportdefault{name:"Hom
- VUE屏幕整体滚动——滑动或滚轮(原生方法)
YIGE_MO
Webvue.js前端javascript
文章目录前言一、基础函数1、页面部分2、页面切换使用的函数二、鼠标的滚轮控制实现切换三、移动端触摸实现切换总结前言一年嗖的一下儿就过去了,最近几年很流行搞年终总结,因此也研究了一下相关的内容,主要记录一下手机端与电脑端分辨通过滑动与滚轮使得整个屏幕滚动的效果一、基础函数不论是使用滑动还是滚轮的方式基础的转换逻辑是相通的1、页面部分首先完成页面部分的搭建,@mousewheel、@DOMMouseS
- 2016.01.02JS滚轮事件详解
芊芊简历
博客浏览器javascriptiefirefox
本人第一次写博客,有写的不好的地方请大家指正哈,也是刚刚学到的写一下印象稍微的深刻一下,好了废话不多说进入正题;JS滚轮事件还是一个比较复杂的东西,主要分为两个版本:1.ie/chrome下使用的是onmousewheel事件;2.火狐浏览器下是不支持这个事件的,其实现这个事件的方法主要是通过事件监听来实现的,DOMMouseScroll这个事件,使用方法:obj.addEventListener
- js--滚轮事件
米卡小米
jsjavascript前端servlet
Document#box1{width:100px;height:100px;background-color:blueviolet;}window.onload=function(){varbox1=document.getElementById('box1');box1.onmousewheel=function(event){event=event||window.event;if(even
- 常用js代码
zhanggongzi
/***鼠标滚动*/$(document).on("mousewheelDOMMouseScroll",function(event){//mousewheel/wheelDelta-IE/Opera/Chrome//DOMMouseScroll/detail-FirefoxvarwheelVal=(event.originalEvent.wheelDelta&&(event.originalEv
- 滚轮事件
虎三呀
#box1{width:100px;height:100px;background-color:red;}window.onload=function(){//获取id为box1的divvarbox1=document.getElementById("box1");//为box1绑定一个鼠标滚轮滚动的事件/**onmousewheel鼠标滚轮滚动的事件,会在滚轮滚动时触发,*但是火狐不支持该属性*
- IDEA中通过鼠标滚轮控制字体大小
红豆810
intellij-idea
在idea中,选择File---Settings---Editor---General,把MouseControl下方的ChangefontsizewithCtrl+Mousewheelin:前打上对勾,点击ok就设置完成。通过ChangefontsizewithCtrl+Mousewheelin的翻译可知,Ctrl+鼠标滚轮就可以控制代码的字体大小显示,字体可放大可缩小。(操作步骤如下图)第一步
- 工业性能CCD图像处理+
韶光不负
CCD图像处理人工智能自动化
目录硬件部分编辑软件部分CCD新相机的调试处理(更换相机处理,都要点执行检测来查看图像变化)问题:新相机拍摄出现黑屏,图像拍摄不清晰,(可以点击图像,向下转动鼠标的滚轮(MouseWheel)放大图像)解决办法:进入CCD的设定,选择对应的相机,调试好参数(如下图)选择好相机型号,选择拍摄图片的大小,拍照速度当太快或者太慢都影响照片的清晰。CCD的敏感度也会对拍摄的照片清晰度有影响。触发模式的选择
- 【idea】设置鼠标滚轮控制缩放大小
程序员食堂
ldea工具计算机外设
1、点击file选择Setting2、点击Editor下面的General3、勾选MouseControl下面的ChangefontsizewithCtrl+MouseWheelin4、点级apply5、按ctrl键+鼠标滚轮缩放字体的大小
- 横向iscroll阻止纵向浏览器滚动条
天天睡觉qwq
jqueryiscroll
在初始化iscroll时设置:varmyScroll=newIScroll('.container',{//mouseWheel:true,//鼠标滚轮支持//scrollbars:false,//滚动条支持scrollY:false,//滚动方向(垂直)scrollX:true,//滚动方向(水平)bounce:true,//边界时的反弹动画,默认trueclick:true,//IScroll
- 如何控制滚轮横向滑动(原生JS实现方法)
满脑子技术的前端工程师
JavaScriptEvent事件JavaScriptjavascript前端html鼠标滚轮
控制滚轮横向滑动提示:这个是以前讨论的时候遇到的情况;回头想了一下应用场景确实挺多的,.所以今天趁周末大致的记录一下如何通过js去实现【横向滚动】文章目录控制滚轮横向滑动解决思路如下`1.如何在页面中展示横向滚动条``2.如何获取鼠标的【滚动轮】``3.通过什么Api去实现滚动效果`一、如何创建横向滚动条1.代码如下(HTML和CSS)2.效果如下图所示:二、鼠标滚动轮事件(mousewheel和
- Element UI 禁用数字输入框组件添加鼠标滚动事件
IT凝冬
前端
ElementUI禁用数字输入框组件添加鼠标滚动事件@mousewheel.native.prevent//谷歌浏览器禁止滚轮滚动修改数据@DOMMouseScroll.native.prevent//火狐浏览器禁止滚轮滚动修改数据
- echarts 中如何添加左右滚动条 数据如何进行堆叠如何配置那些数据使用那个数据轴
沉迷...
可视化echarts前端javascript
左右滚动条的效果此项的具体配置可参考https://echarts.apache.org/zh/option.html#dataZoom-inside.moveOnMouseWheeldataZoom:[{id:'dataZoomX',type:'inside',//start:0,//end:this.xAxis.length>5?10:100,startValue:this.xAxis.len
- MFC鼠标事件-OnMouseMove移动OnMouseWheel缩放
爱上杨小厨
(1)目的说明:重新实现MFC中的鼠标事件函数,实现鼠标左键拖动效果和滚轮拖动效果。(2)鼠标事件说明:OnMouseMove响应鼠标移动事件OnMouseWheel响应鼠标中键的滚动(3)鼠标事件参数说明afx_msgvoidOnMouseMove(UINTnFlags,CPointpoint);nFlags说明:指示虚拟按键是否按下,此参数可以是任何下列值的组合MK_CONTROL当CTRL键
- JS取消事件默认行为和移动端触屏事件
heartToSky
JSCSSjavascript前端css
在写一些特殊的页面时候可能会需要取消事件的默认行为,例如取消鼠标滚轮的默认滚动window.addEventListener('mousewheel',function(e){console.log('滚动了');e.preventDefault()},{passive:false})//火狐用DOMMouseScroll绑定滚轮事件window.addEventListener('DOMMous
- 利用css实现图片放大缩小
m0_63701303
javascript
data(){return{zoomD:1,imgSrc:"https://img2.baidu.com/it/u=1395980100,2999837177&fm=253&fmt=auto&app=120&f=JPEG?w=1200&h=675",//横图};},利用@mousewheel.prevent滚轮事件获取滚轮向上滚动还是向下滚动rollImg(e){letdirection=e.de
- 【VSCode】VSCode自定义代码编辑区背景色
allanGold
工具vscode代码编辑区背景色
//Acodeblock{"editor.fontSize":16,"editor.mouseWheelZoom":true,"editor.tabSize":2,"workbench.colorCustomizations":{//写在AtomOneLight里面则只对该主题有效"[AtomOneLight]":{"editor.background":"#c5f3cb","sideBar.ba
- vue中滚动条冒泡踩过的一些坑 document.getElementById 为null
C.ja
前端vuedomjs前端
Vue中阻止滚动条冒泡,在父元素中加上一句话就可以了!不需要写一大堆方法@mousewheel.stop一句话阻止滚动条冒泡:解决如题问题:首先这是一个原生一些的滚动条冒泡问题,其次,标题里面写了document.getElementById,实际上vue中更推荐使用refletxxx=this.$refs.xxx滚动条冒泡方法是这样的:letcon=this.$refs.xxx//是否是fire
- winform dataGridView 滚动条跟随鼠标操作移动
夜空中的星H
privatevoidForm1_Load(objectsender,EventArgse){dataGridView1.MouseWheel+=newSystem.Windows.Forms.MouseEventHandler(dataGridView1_MouseWheel);dataGridView1.Scroll+=DataGridView1_Scroll;dataGridView1.Mo
- vue2组件——翻页器
弦生_a3a3
翻页器效果图chrome-capture-2022-8-23.gif话不多说先上代码exportdefault{data(){return{activeIndex:0,endTime:newDate(),}},mounted(){letlist=this.$refs['conRef'].childNodes;console.log(list)window.onmousewheel=e=>{leti
- 整屏滚动
鬼会画符
整屏滚动:jquery.mousewheel插件使用:jquery中没有鼠标滚轮事件,原生js中的鼠标滚轮事件不兼容,可以使用jquery的滚轮事件插件jquery.mousewheel.js函数节流:javascript中有些事件的触发频率非常高,比如onresize事件(jq中是resize),onmousemove事件(jq中是mousemove)以及上面说的鼠标滚轮事件,在短事件内多处触发
- java全局字体_WPF全局字体大小
港科大理工男博士
java全局字体
回答(9)2yearsago要使用ctrl-mousewheel全局动态更改字体大小:XAML:代码背后:privatevoidMainWindow_PreviewMouseWheel(objectsender,MouseWheelEventArgse){if((Keyboard.Modifiers&ModifierKeys.Control)!=0){if(e.Delta>0)++mainCtrl
- windows下源码安装golang
616050468
golang安装golang环境windows
系统: 64位win7, 开发环境:sublime text 2, go版本: 1.4.1
1. 安装前准备(gcc, gdb, git)
golang在64位系
- redis批量删除带空格的key
bylijinnan
redis
redis批量删除的通常做法:
redis-cli keys "blacklist*" | xargs redis-cli del
上面的命令在key的前后没有空格时是可以的,但有空格就不行了:
$redis-cli keys "blacklist*"
1) "blacklist:12:
[email protected]
- oracle正则表达式的用法
0624chenhong
oracle正则表达式
方括号表达示
方括号表达式
描述
[[:alnum:]]
字母和数字混合的字符
[[:alpha:]]
字母字符
[[:cntrl:]]
控制字符
[[:digit:]]
数字字符
[[:graph:]]
图像字符
[[:lower:]]
小写字母字符
[[:print:]]
打印字符
[[:punct:]]
标点符号字符
[[:space:]]
- 2048源码(核心算法有,缺少几个anctionbar,以后补上)
不懂事的小屁孩
2048
2048游戏基本上有四部分组成,
1:主activity,包含游戏块的16个方格,上面统计分数的模块
2:底下的gridview,监听上下左右的滑动,进行事件处理,
3:每一个卡片,里面的内容很简单,只有一个text,记录显示的数字
4:Actionbar,是游戏用重新开始,设置等功能(这个在底下可以下载的代码里面还没有实现)
写代码的流程
1:设计游戏的布局,基本是两块,上面是分
- jquery内部链式调用机理
换个号韩国红果果
JavaScriptjquery
只需要在调用该对象合适(比如下列的setStyles)的方法后让该方法返回该对象(通过this 因为一旦一个函数称为一个对象方法的话那么在这个方法内部this(结合下面的setStyles)指向这个对象)
function create(type){
var element=document.createElement(type);
//this=element;
- 你订酒店时的每一次点击 背后都是NoSQL和云计算
蓝儿唯美
NoSQL
全球最大的在线旅游公司Expedia旗下的酒店预订公司,它运营着89个网站,跨越68个国家,三年前开始实验公有云,以求让客户在预订网站上查询假期酒店时得到更快的信息获取体验。
云端本身是用于驱动网站的部分小功能的,如搜索框的自动推荐功能,还能保证处理Hotels.com服务的季节性需求高峰整体储能。
Hotels.com的首席技术官Thierry Bedos上个月在伦敦参加“2015 Clou
- java笔记1
a-john
java
1,面向对象程序设计(Object-oriented Propramming,OOP):java就是一种面向对象程序设计。
2,对象:我们将问题空间中的元素及其在解空间中的表示称为“对象”。简单来说,对象是某个类型的实例。比如狗是一个类型,哈士奇可以是狗的一个实例,也就是对象。
3,面向对象程序设计方式的特性:
3.1 万物皆为对象。
- C语言 sizeof和strlen之间的那些事 C/C++软件开发求职面试题 必备考点(一)
aijuans
C/C++求职面试必备考点
找工作在即,以后决定每天至少写一个知识点,主要是记录,逼迫自己动手、总结加深印象。当然如果能有一言半语让他人收益,后学幸运之至也。如有错误,还希望大家帮忙指出来。感激不尽。
后学保证每个写出来的结果都是自己在电脑上亲自跑过的,咱人笨,以前学的也半吊子。很多时候只能靠运行出来的结果再反过来
- 程序员写代码时就不要管需求了吗?
asia007
程序员不能一味跟需求走
编程也有2年了,刚开始不懂的什么都跟需求走,需求是怎样就用代码实现就行,也不管这个需求是否合理,是否为较好的用户体验。当然刚开始编程都会这样,但是如果有了2年以上的工作经验的程序员只知道一味写代码,而不在写的过程中思考一下这个需求是否合理,那么,我想这个程序员就只能一辈写敲敲代码了。
我的技术不是很好,但是就不代
- Activity的四种启动模式
百合不是茶
android栈模式启动Activity的标准模式启动栈顶模式启动单例模式启动
android界面的操作就是很多个activity之间的切换,启动模式决定启动的activity的生命周期 ;
启动模式xml中配置
<activity android:name=".MainActivity" android:launchMode="standard&quo
- Spring中@Autowired标签与@Resource标签的区别
bijian1013
javaspring@Resource@Autowired@Qualifier
Spring不但支持自己定义的@Autowired注解,还支持由JSR-250规范定义的几个注解,如:@Resource、 @PostConstruct及@PreDestroy。
1. @Autowired @Autowired是Spring 提供的,需导入 Package:org.springframewo
- Changes Between SOAP 1.1 and SOAP 1.2
sunjing
ChangesEnableSOAP 1.1SOAP 1.2
JAX-WS
SOAP Version 1.2 Part 0: Primer (Second Edition)
SOAP Version 1.2 Part 1: Messaging Framework (Second Edition)
SOAP Version 1.2 Part 2: Adjuncts (Second Edition)
Which style of WSDL
- 【Hadoop二】Hadoop常用命令
bit1129
hadoop
以Hadoop运行Hadoop自带的wordcount为例,
hadoop脚本位于/home/hadoop/hadoop-2.5.2/bin/hadoop,需要说明的是,这些命令的使用必须在Hadoop已经运行的情况下才能执行
Hadoop HDFS相关命令
hadoop fs -ls
列出HDFS文件系统的第一级文件和第一级
- java异常处理(初级)
白糖_
javaDAOspring虚拟机Ajax
从学习到现在从事java开发一年多了,个人觉得对java只了解皮毛,很多东西都是用到再去慢慢学习,编程真的是一项艺术,要完成一段好的代码,需要懂得很多。
最近项目经理让我负责一个组件开发,框架都由自己搭建,最让我头疼的是异常处理,我看了一些网上的源码,发现他们对异常的处理不是很重视,研究了很久都没有找到很好的解决方案。后来有幸看到一个200W美元的项目部分源码,通过他们对异常处理的解决方案,我终
- 记录整理-工作问题
braveCS
工作
1)那位同学还是CSV文件默认Excel打开看不到全部结果。以为是没写进去。同学甲说文件应该不分大小。后来log一下原来是有写进去。只是Excel有行数限制。那位同学进步好快啊。
2)今天同学说写文件的时候提示jvm的内存溢出。我马上反应说那就改一下jvm的内存大小。同学说改用分批处理了。果然想问题还是有局限性。改jvm内存大小只能暂时地解决问题,以后要是写更大的文件还是得改内存。想问题要长远啊
- org.apache.tools.zip实现文件的压缩和解压,支持中文
bylijinnan
apache
刚开始用java.util.Zip,发现不支持中文(网上有修改的方法,但比较麻烦)
后改用org.apache.tools.zip
org.apache.tools.zip的使用网上有更简单的例子
下面的程序根据实际需求,实现了压缩指定目录下指定文件的方法
import java.io.BufferedReader;
import java.io.BufferedWrit
- 读书笔记-4
chengxuyuancsdn
读书笔记
1、JSTL 核心标签库标签
2、避免SQL注入
3、字符串逆转方法
4、字符串比较compareTo
5、字符串替换replace
6、分拆字符串
1、JSTL 核心标签库标签共有13个,
学习资料:http://www.cnblogs.com/lihuiyy/archive/2012/02/24/2366806.html
功能上分为4类:
(1)表达式控制标签:out
- [物理与电子]半导体教材的一个小问题
comsci
问题
各种模拟电子和数字电子教材中都有这个词汇-空穴
书中对这个词汇的解释是; 当电子脱离共价键的束缚成为自由电子之后,共价键中就留下一个空位,这个空位叫做空穴
我现在回过头翻大学时候的教材,觉得这个
- Flashback Database --闪回数据库
daizj
oracle闪回数据库
Flashback 技术是以Undo segment中的内容为基础的, 因此受限于UNDO_RETENTON参数。要使用flashback 的特性,必须启用自动撤销管理表空间。
在Oracle 10g中, Flash back家族分为以下成员: Flashback Database, Flashback Drop,Flashback Query(分Flashback Query,Flashbac
- 简单排序:插入排序
dieslrae
插入排序
public void insertSort(int[] array){
int temp;
for(int i=1;i<array.length;i++){
temp = array[i];
for(int k=i-1;k>=0;k--)
- C语言学习六指针小示例、一维数组名含义,定义一个函数输出数组的内容
dcj3sjt126com
c
# include <stdio.h>
int main(void)
{
int * p; //等价于 int *p 也等价于 int* p;
int i = 5;
char ch = 'A';
//p = 5; //error
//p = &ch; //error
//p = ch; //error
p = &i; //
- centos下php redis扩展的安装配置3种方法
dcj3sjt126com
redis
方法一
1.下载php redis扩展包 代码如下 复制代码
#wget http://redis.googlecode.com/files/redis-2.4.4.tar.gz
2 tar -zxvf 解压压缩包,cd /扩展包 (进入扩展包然后 运行phpize 一下是我环境中phpize的目录,/usr/local/php/bin/phpize (一定要
- 线程池(Executors)
shuizhaosi888
线程池
在java类库中,任务执行的主要抽象不是Thread,而是Executor,将任务的提交过程和执行过程解耦
public interface Executor {
void execute(Runnable command);
}
public class RunMain implements Executor{
@Override
pub
- openstack 快速安装笔记
haoningabc
openstack
前提是要配置好yum源
版本icehouse,操作系统redhat6.5
最简化安装,不要cinder和swift
三个节点
172 control节点keystone glance horizon
173 compute节点nova
173 network节点neutron
control
/etc/sysctl.conf
net.ipv4.ip_forward =
- 从c面向对象的实现理解c++的对象(二)
jimmee
C++面向对象虚函数
1. 类就可以看作一个struct,类的方法,可以理解为通过函数指针的方式实现的,类对象分配内存时,只分配成员变量的,函数指针并不需要分配额外的内存保存地址。
2. c++中类的构造函数,就是进行内存分配(malloc),调用构造函数
3. c++中类的析构函数,就时回收内存(free)
4. c++是基于栈和全局数据分配内存的,如果是一个方法内创建的对象,就直接在栈上分配内存了。
专门在
- 如何让那个一个div可以拖动
lingfeng520240
html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml
- 第10章 高级事件(中)
onestopweb
事件
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/
- 计算两个经纬度之间的距离
roadrunners
计算纬度LBS经度距离
要解决这个问题的时候,到网上查了很多方案,最后计算出来的都与百度计算出来的有出入。下面这个公式计算出来的距离和百度计算出来的距离是一致的。
/**
*
* @param longitudeA
* 经度A点
* @param latitudeA
* 纬度A点
* @param longitudeB
*
- 最具争议的10个Java话题
tomcat_oracle
java
1、Java8已经到来。什么!? Java8 支持lambda。哇哦,RIP Scala! 随着Java8 的发布,出现很多关于新发布的Java8是否有潜力干掉Scala的争论,最终的结论是远远没有那么简单。Java8可能已经在Scala的lambda的包围中突围,但Java并非是函数式编程王位的真正觊觎者。
2、Java 9 即将到来
Oracle早在8月份就发布
- zoj 3826 Hierarchical Notation(模拟)
阿尔萨斯
rar
题目链接:zoj 3826 Hierarchical Notation
题目大意:给定一些结构体,结构体有value值和key值,Q次询问,输出每个key值对应的value值。
解题思路:思路很简单,写个类词法的递归函数,每次将key值映射成一个hash值,用map映射每个key的value起始终止位置,预处理完了查询就很简单了。 这题是最后10分钟出的,因为没有考虑value为{}的情