首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Vue 返回记住滚动条位置详解

包裹动态组件时,会缓存不活动组件实例,而不是销毁它们。所以由详情返回列表时,不让列表刷新。...设置 scrollTop 时是 activated 方法里,有些文章说获取 scrollTop deactivated 方法里,但经过测试, deactivated 方法里并不能准确获取 scrollTop...为什么给出这么多呢?因为这里个大坑,也是一直卡住地方。 我们知道获取滚动位置是用 scrollTop 这个属性,下面我们就依次打印出这几个元素 scrollTop 。...得到日志如下: WTF?只有第一个 wrapperScrollTop 值,其他都 undefined !...因为使用了 keep-alive,页面被缓存起来了,所以 data 里数据不会丢失,可以 data 声明一个变量 scroll 存储 scrollTop 值。也可以使用 Vuex。

2.6K30

JDK 10 109 项新特性

JDK10 这些将被合并为一个,使得跨相互依赖变更集存储库运行 atomic commit (原子提交)成为可能。 新 API 73 项新增内容添加到了标准类库。...不确定为什么只有这两个类得到这个方法,因为还有 Visitor7 和 Visitor8 变量。...第4.10.5节:类型预测(第76)。这是一个相当复杂部分,它涉及到捕获变量、嵌套类以及如何使用局部变量类型推断。建议你阅读规范这一部分,而不是试图解释它。 第6.1节:声明(第134)。...接收者参数可能只出现在一个实例方法 formalparameters 列表,或者是一个内部类构造函数,其中内部类没有静态上下文中声明。 第9.7.4节:注释可能出现地方(第335)。...一个与局部变量类型推断相关变更。 第14.4部分:局部变量声明语句(第433)。实现局部变量类型推断所需大量更改。 第14节:增强 for 语句(第455)。

41420
您找到你想要的搜索结果了吗?
是的
没有找到

JDK 10 109 项新特性

JDK10 这些将被合并为一个,使得跨相互依赖变更集存储库运行 atomic commit (原子提交)成为可能。 新 API 73 项新增内容添加到了标准类库。...不确定为什么只有这两个类得到这个方法,因为还有 Visitor7 和 Visitor8 变量。...第4.10.5节:类型预测(第76)。这是一个相当复杂部分,它涉及到捕获变量、嵌套类以及如何使用局部变量类型推断。建议你阅读规范这一部分,而不是试图解释它。 第6.1节:声明(第134)。...接收者参数可能只出现在一个实例方法 formalparameters 列表,或者是一个内部类构造函数,其中内部类没有静态上下文中声明。 第9.7.4节:注释可能出现地方(第335)。...一个与局部变量类型推断相关变更。 第14.4部分:局部变量声明语句(第433)。实现局部变量类型推断所需大量更改。 第14节:增强 for 语句(第455)。

68820

Java 10 已发布!时隔 6 月带来 109 项新特性

JDK 10 这些将被合并为一个,使得跨相互依赖变更集存储库运行 atomic commit (原子提交)成为可能。 新 API 73 项新增内容添加到了标准类库。...不确定为什么只有这两个类得到这个方法,因为还有 Visitor7 和 Visitor8 变量。...4.10.5 节:类型预测(第 76 ),这是一个相当复杂部分,它涉及到捕获变量、嵌套类以及如何使用局部变量类型推断。建议你阅读规范这一部分,而不是试图解释它。...第 8 部分:正式参数(第 244 ),接收者参数可能只出现在一个实例方法 formalparameters 列表,或者是一个内部类构造函数,其中内部类没有静态上下文中声明。...9.7.4 节:注释可能出现地方(第 335 ),一个与局部变量类型推断相关变更。 14.4 部分:局部变量声明语句(第 433 ),实现局部变量类型推断所需大量更改。

61070

JavaWeb之简单分页查询分析及代码

,希望粗浅技术能给大家一些切实帮助,非常欢迎大家用公众号后台,微信或者邮件方式(文末联系方式)与我交流,再次感谢大家!...,我们常常需要将数据从数据库回显到页面,但是随着数据量增加,如果不对数据查询或者显示进行一定处理,那么会出现各式各样问题,例如: 客户端:如果数据同时展示一个页面,用户体验效果比较差,操作也是极其不方便...我们数据涉及到问题基本就是上图以及响应数据表格回显 ① 响应数据,自然我们需要 将后端所传来包含 用户信息 list 集合进行遍历回显 即 需要接收并处理一个 List集合 ② 总记录数,经后台在数据库查询后给出值...Servlet,方便日后扩展方法,刚接触朋友 直接创建一个 普通 Servlet 直接在其中编写也是一样可以,熟悉朋友,请忽略这句话 我们需要导入 jackson spring mysql druid...data.totalPage + ""); (3) 用户信息回显 HTML 我们使用了 代码拼接方式实现了这种需求,这个时候返回 list集合一个User数据被遍历显示到我们表格

2.7K20

Java 程序员都需要懂 反射!

学了一些API发现:“明明自己能直接new一个对象,为什么它要绕一个圈子,先拿到Class对象,再调用Class对象方法来创建对象呢,这不是多余吗?”...(可能是new、可能是子类初始化 父类也一同被初始化、也有可能是反射…等),会将.class文件通过类加载器装载到jvm 将.class文件加载加载到jvm,又分了好几个步骤,其中包括 加载、...连接和初始化 其中加载时候,会在Java堆创建一个java.lang.Class类对象,这个Class对象代表着类相关信息。...入门时候,其实掌握以下几种也差不多了: 知道获取Class对象几种途径 通过Class对象创建出对象,获取出构造器,成员变量方法 通过反射API修改成员变量值,调用方法 /* 下面是初学反射时做笔记...四、为什么需要反射 初学Java时候其实个人认为还是比较难理解为什么需要反射,因为没有一定代码量下,很难理解为什么要绕一个圈子去搞反射这一套。

39210

【JavaWeb基础】客户关系管理系统(修订版)

("/WEB-INF/addCustomer.jsp").forward(request, response); 我们发现,日期下拉框,只有一个数据(因为我们value只写了一个数据) 要想在下拉框可以选择很多数据...修改操作流程是这样:点击修改超链接,跳转到该用户详细信息页面,详细信息页面修改数据,再提交修改!...总结 dao层,我们添加客户、通过id查找用户、删除用户、修改用户信息方法。...层还要编写获取具体分页数据,从哪里开始,哪里结束,返回一个List集合,再把List集合封装到Page对象上 由于获取分页数据需要当前页数是多少,(所以service要判断当前页数是否存在,如果不存在...,那么就设置为1)【更新,认为Controller判断会好一点】 分页,我们还支持上一和下一功能,如果页数大于1,才显示上一,如果页数小于1,才显示下一

3.1K20

面试官:今日头条启动很快,你觉得可能是做了哪些优化?

方案1:子线程install(不推荐) 这个方法大家很容易就能想到,闪屏一个子线程去执行MultiDex.install,然后加载完才跳转到主页。...需要注意是闪屏Activity,包括闪屏引用到其它类必须在主dex,不然MultiDex.install之前加载这些不在主dex类会报错Class Not Found。...所以这种方案缺点很明显: MultiDex加载逻辑放在闪屏的话,闪屏引用到类都要配置主dex。...跳转到加载dex界面,展示一个loading加载框几秒钟 跳转到闪屏 实际上是不是这样呢,用4.4机器试下?...注意LoadDexActivity 必须要配置main dex。 有些同学可能会问,启动还是很久啊,冷启动时间变化吗? 冷启动时间是指点击桌面图标到第一个Activity显示这段时间。

99630

Android Dex分包最全总结:含Facebook解决方案

等解决完这个问题之后,发现需要填坑越来越多了,文章讲的是分包处理坑,比如 65536、LinearAlloc、NoClassDefFoundError等等。...=$projectDir/multidex.keep".toString() } } --main-dex-list= 参数是一个类列表文件,该文件类会被打包在第一个 dex 。...微信加载方案 首次加载地球, 并用线程去加载(但是 5.0 之前加载 dex 时还是会挂起主线程一段时间(不是全程都挂起))。...newActivity 等等,这样就可以在这些方法添加代码逻辑进行判断这个 class 是否加载了,如果加载则直接启动这个 Activity,如果没有加载完成则启动一个等待 Activity 显示给用户...,我们无须去修改加载无关代码。

2.9K20

webpack+vue项目实战(四,前端与后端数据交互和前端展示数据)

如果我们想体验好一点,做一个提示加载提示呢 ? 这个简单。首先在el-table上,设置v-loading="loading"。 ? 然后data设置loading这个属性 ?...然后就是在请求那里 进入方法时候,设置loading=true,请求完了再设置成false。(当loading=true时,加载提示就会出现。...7-1.编写方法 先实现,这个方法,这个方法想大家也已经知道了,就是遍历keyFrom,然后把属性和值遍历道一个数组里面,最后html里面v-for循环一下!...这也解释了为什么搜索要令写一个方法!...来实现同一个页面,不同状态处理。就比如:同样是回款管理,要求新建一个待回款页面,但是这个页面只有待回款数据。回款状态也不能修改!这个小伙伴们也可以试着做下,怎么实现。这个相对简单!

2.5K20

学习JDBC需要掌握些什么?

不知道大家在工作还有没有写过JDBC,大三去过一家小公司实习,里边用就是JDBC,只不过它封装了几个工具类。写代码时候还是能感受到「这是真真实实JDBC代码」 ?...很多时候,不同项目由不同程序员开发,公司层面可能没有将技术完全统一起来,一个项目用Mybatis,一个项目用Hibernate都是很有可能。...Statement对象编译SQL语句时,如果SQL语句变量,就需要使用分隔符来隔开,如果变量非常多,就会使SQL变得非常复杂。...大家在学习时候可以用Druid,曾经用C3P0写了个Demo被diss了(: Druid是阿里开源一个项目,中文文档,跟着学着连接数据库,相信不会太难。...,为什么还来写JDBC呢,原因以下几个: 一个对排版追求的人,如果早期关注同学可能会发现,GitHub、文章导航read.me会经常更换。

82220

TheRouter 页面跳转源码分析

这个文件包含两部分: ROUTERMAP 是一个 json 格式路由表,下面的addRoute 方法,是路由表代码实现,这应该也是为什么 TheRouter 能号称无反射原因。...// 不建议每次都请求网络,否则请求网络过程,路由表是空,可能造成APP无法跳转页面 // 最好是优先加载本地,然后开异步线程加载远端配置 String...类名调用sendPendingNavigator(); 又是拦截器在这一步其实是两个拦截器,一个路由表解析之前,一个路由表解析之后。...例如访问用户钱包页面,钱包声明时候,可以路由表上声明本页面是需要登录路由跳转过程,如果落地是需要登录,则先替换路由到登录,同时将原落地信息作为参数传给登录,登录流程处理完成后可以继续执行之前路由操作...你也可以定义一个默认全局回调,来处理跳转情况,如果落地是 Fragment 则不会回调。当然,跳转结果回调不止这一个用途,可以根据业务自己处理。

52530

客户关系管理系统

我们发现,日期下拉框,只有一个数据(因为我们value只写了一个数据) 要想在下拉框可以选择很多数据,那么value值就不能单单只有一个。...同理,客户喜好可能不单单一个,但在Customer对象,喜好单单用一个String类型来表示。我们也要把客户喜好拼凑起来。 显然,客户端用javaScript做拼凑是非常方便!...修改操作流程是这样:点击修改超链接,跳转到该用户详细信息页面,详细信息页面修改数据,再提交修改!...层还要编写获取具体分页数据,从哪里开始,哪里结束,返回一个List集合,再把List集合封装到Page对象上 由于获取分页数据需要当前页数是多少,(所以service要判断当前页数是否存在,如果不存在...,那么就设置为1)【更新,认为Controller判断会好一点】 分页,我们还支持上一和下一功能,如果页数大于1,才显示上一,如果页数小于1,才显示下一

4.4K50

JDBC【数据库连接池、DbUtils框架、分页】

包装类,增强close()方法 用动态代理,返回一个代理对象出去,拦截close()方法调用,对close()增强 分析第一个思路: Connection是通过数据库驱动加载,保存了数据信息。...写一个类,实现与被增强对象相同接口【Connection接口】 定义一个变量,指向被增强对象 定义构造方法,接收被增强对象 覆盖想增强方法 对于不想增强方法,直接调用被增强对象方法 这个思路本身是没什么毛病...步骤: 导入开发包【c3p0-0.9.2-pre1.jar】和【mchange-commons-0.2.jar】 导入XML配置文件【可以程序自己一个一个配,C3P0docConfiguration...BeanListHandler:将结果集中每一行数据都封装到一个对应JavaBean实例,存放到List里。 ColumnListHandler:将结果集中某一列数据存放到List。...分析: 算出有多少页数据这是非常简单【在数据库查询多少条记录,你每页显示多少条记录,就可以算出有多少页数据了】 使用Mysql或Oracle分页语法即可 通过上面分析,我们会发现需要用到4个变量

1K40

使用uuid做MySQL主键,被老板,爆怼一顿!

当达到页面的最大填充因子时候(innodb默认最大填充因子是大小15/16,会留出1/16空间留作以后   修改): ①下一条记录就会写入新,一旦数据按照这种顺序方式加载,主键就会近乎于顺序记录填满...这个过程需要做很多额外操作,数据毫无顺序会导致数据分布散乱,将会导致以下问题: ①:写入目标很可能已经刷新到磁盘上并且从缓存上移除,或者还没有被加载到缓存,innodb插入之前不得不先找到并从磁盘读取目标到内存...,这将导致大量随机IO ②:因为写入是乱序,innodb不得不频繁分裂操作,以便为新行分配空间,分裂导致移动大量数据,一次插入最少需要修改三个以上 ③:由于频繁分裂,会变得稀疏并被不规则填充...另外,如果你最近想跳槽的话,年前花了2周时间收集了一波大厂面经,节后准备跳槽可以点击这里领取! 推荐阅读 为什么国内做不出 JetBrains 那样产品?...如果你看好一个事情,一定是坚持了才能看到希望,而不是看到希望才去坚持。相信我,只要坚持下来,你一定比现在更好!如果你还没什么方向,可以先关注,这里会经常分享一些前沿资讯,帮你积累弯道超车资本。

1.1K30

JAVA三年面试总结,金九银十,你准备好了吗?

ThreadLocal是线程之间互相隔离变量,我们用ThreadLocal维护本线程simpleDateFormat。 自己写一个String类,包名也是java.lang会是怎样?...手写String类无效,会被真正String覆盖。 而且在手写String写个方法并调用,会报错:Stirng 没有该方法。...,至下而上检查有没有被加载,然后至上而下加载,由于java自身String 优先 被启动类加载加载,所以手写java.lang.String 无效。...修改数据:先操作数据库,再删除rediskey 删除数据:先操作数据库,再删除rediskey redis 持久化? redis持久化两种,AOF和RDB。...服务注册于发现是微服务架构中服务之间调用组件,常见Eureka、Nacos、Zookeeper 可以简单想象成一个list,服务注册就相当于将服务信息存储list,服务发现就相当于查询list

87530

品优购(IDEA版)-第二天

ng-model 指令用于绑定变量,这样用户文本框输入内容会绑定到变量上,而表达式可以实时地输出变量。...理解 $scope: scope 使用贯穿整个 AngularJS App 应用,它与数据模型相关联,同时也是表达式执行上下文.了scope就在视图和控制器之间建立了一个通道,基于作用域视图修改数据时会立刻更新...//当前数量 private int size; //当前页面第一个元素在数据库行号 private int startRow; //当前页面最后一个元素在数据库行号...控制器,你可以编写代码,制作函数和变量,并使用 scope 对象来访问。...6.2 后端代码 6.2.1 控制层 pinyougou-manager-webBrandController增加add方法,同时相应JSON数据。

8.3K10

React Native 启动白屏问题解决方案,教程

市场上大部分APP启动时候都会有个启动屏,启动屏对于用户是比较友好,一来展示欢迎信息,二来显示一些产品信息或一些广告,启动对于程序来说,是为程序完成初始化加载数据,做一些初始化工作所保留时间...源码修改,如果React Native 版本更新还需要对源码做一些处理,所以以后维护起来不是很方便。...《React Native Android启动屏,启动白屏,闪现白屏》一文 我们使用根视图容器上添加一个视图作为启动屏,当js bundle加载并渲染完成后,再将添加视图从根视图上移除。...APP启动时候显示; js bundle加载并渲染完成后消失; 全屏显示; 显示内容可以通过 layout xml 进行修改; 上述是我们对这个对话框基本需求,现在就让我们来实现这一需求: 第一步...由于iOSJS模块控制启动屏关闭方法和Android第三步:JS模块控制启动屏关闭方法是一样,这里就不再介绍了。

2.6K60

为什么MySQL不推荐使用uuid或者雪花id作为主键?

你知道越多,不知道就越多,业余像一棵小草! 你来,我们一起精进!你不来,和你竞争对手一起精进!...当达到页面的最大填充因子时候(innodb默认最大填充因子是大小15/16,会留出1/16空间留作以后修改): ①下一条记录就会写入新,一旦数据按照这种顺序方式加载,主键就会近乎于顺序记录填满...这个过程需要做很多额外操作,数据毫无顺序会导致数据分布散乱,将会导致以下问题: ①写入目标很可能已经刷新到磁盘上并且从缓存上移除,或者还没有被加载到缓存,innodb插入之前不得不先找到并从磁盘读取目标到内存...,这将导致大量随机IO ②因为写入是乱序,innodb不得不频繁分裂操作,以便为新行分配空间,分裂导致移动大量数据,一次插入最少需要修改三个以上 ③由于频繁分裂,会变得稀疏并被不规则填充...实际开发还是根据mysql官方推荐最好使用自增id,mysql博大精深,内部还有很多值得优化点需要我们学习。

3.8K20
领券