首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏每日一篇技术文章

    weex-19-refresh组件

    --下拉刷新组件--> <refresh @pullingdown="pullingdown" :display="showLoading" @refresh="onrefresh" class ="refresh"> <! 刷新事件,当下拉的距离大于组件的高度,如果此时没有放✋,不会触发,一旦放手就会触发这个事件 3.display 决定了下拉组件的悬停显示效果,当触发refresh 事件时,务必设置这个值为'show ',这样就会出现<refresh>悬停在list或者scroller组件头部的效果,这个时候,我们请求网络数据,一旦完成,就将display的值设置为hide,悬停动画消失 4.如果子组件为<loading-indicator ,如果不指定高度,以子组件的高度为自己的高度。

    1.5K10发布于 2018-09-14
  • 来自专栏鸿蒙开发笔记

    ArkUI滚动类组件-下拉刷新(Refresh

    下拉刷新也是一个很常用的功能,比如我们在浏览新闻时可以下拉刷新最新资讯等,ArkUI开发框架给我们提供了下拉刷新组件Refresh,它的用法很简单,给需要下拉刷新的组件外包上 Refresh 就可以了 Refresh定义介绍interface RefreshInterface { (value: { refreshing: boolean; offset? ,RefreshStatus 定义了以下 5 种状态:Inactive:组件的起始状态,当手指点击屏幕时触发此状态。 Drag:下拉组件但没有到达刷新距离的状态。OverDrag:下拉组件距离超过了刷新距离的状态。Refresh:正在刷新状态。Done:刷新结束。 onRefreshing:组件进入 Refresh 状态后对外的回调,一般在该回调里进行网络请求等操作。

    54320编辑于 2024-10-07
  • 来自专栏鸿蒙开发笔记

    HarmonyOS 开发实践 —— 基于Refresh组件的下拉刷新

    效果图方案整体思路:首先需要用装饰器@builder自定义构建一个函数,然后跟refresh的接口builder进行绑定Refresh({refreshing:\$\$this.isRefreshing ,builder:this.customRefreshComponent()}),最后将通过refresh的系列回调逐步实现下拉过程中图标的动态变化。 根据refresh的builder自定义刷新样式的组件,图标地方使用了两个组件,一个是没有触发刷新状态时显示的logo,另一个是当进入刷新状态时显示的动态loading,这两个组件的显示与隐藏主要通过visibility 核心代码第一步:自定义refresh刷新组件。 // 自定义refresh刷新组件@BuildercustomRefreshComponent() {  Stack() {    Column() {      // 定义图标      Image(

    71020编辑于 2024-11-26
  • 来自专栏全栈程序员必看

    reload与refresh

    window.Refresh() 是刷新,保留之前的缓存内容,重新加载页面,之前存在的东西不会动,没加载上来的东西继续加载.

    1K50编辑于 2022-09-09
  • 来自专栏vue学习

    11组件入门及写个首页头部组件

    来自官网 (2)关于组件的命名 组件的命名我在项目中统一用kebab-case (短横线)表示: ? 组件命名 (3)组件的复用 可以将组件进行任意次数的复用,举个栗子如下图,每次点击按钮,每个组件都会各自独自维护它的count;因为每用一次组件,就会有一个它的新实例被创建。 ? 组件复用 (4)其它 还有很多关于组件使用的很重要的内容,如组件之间数据的传递,组件的事件等等,我们后面在项目中具体用到了再穿插。 2、组件的运用-创建头部组件 (1)新建一个myHeader头部组件 ok,我们进入components文件夹里面新建一个myHeader.vue组件,有helloworld.vue的删掉或者直接改个名直接用都是可以的 (3)组件的复用 组件的复用就很简单了,写复制粘贴一下就行,记住,组件都是独立的。 ? 组件复用 ?

    1.1K20发布于 2018-09-04
  • 来自专栏与前端沾边

    react 学习(11)高阶组件

    react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如果组件之中有复用的代码,需要重新创建一个父类,父类中存储公共代码,返回子类,同时把公用属性传到子类中的形式。 使用示例高阶组件就是一个函数,传给它一个组件,它返回一个新的组件const NewComponent = higherOrderComponent(OldComponent) 示例我们定义组件共用 show ,现有的复用方式大体有如下几种:代码直接 copy最 low 的方式高阶组件抽离公用逻辑,可以新的组件中处理拦截,操作生命周期,拓展导入组件的 props,逻辑复杂时不易维护类继承继承父类,不易拓展,且类组件的性能消耗比较大 ,因为类组件需要创建类组件的实例,而且不能销毁mixins不需要传递状态,操作方便;缺点数据来源不明确,容易被滥用hooks现在主流方式,数据来源追溯,逻辑分层清晰,易维护。 消耗小,执行完就会被销毁本节内容不是很多,小编也确实对高阶组件接触不多,如有错误欢迎指正!

    60010编辑于 2022-06-12
  • 来自专栏雪胖纸的玩蛇日常

    11.父组件向子组件传值

    组件向子组件传值 父组件Home.vue <template>

    {{msg}}

    <v-header :title="title" /Header.vue"; export default { name: 'home', data () { return { msg:'首页组件',

    {{msg}}

    {{title}}

    <button @click="run(data)">在子组件执行父组件传过来的方法 ', data:'父组件方法子组件参数' } }, methods:{ }, props:['title','run'], components:{ } 1.父组件在引用子组件的时候,绑定动态属性 ?  2.在子组件内通过props接收从父组件传过来的数据和方法 ?

    67010发布于 2019-10-14
  • 来自专栏杨焱的专栏

    Spring容器的refresh()

    添加BeanPostProcessor【ApplicationListenerDetector】 6)、添加编译时的AspectJ; 7)、给BeanFactory中注册一些能用的组件 (做国际化功能;消息绑定,消息解析); 1)、获取BeanFactory 2)、看容器中是否有id为messageSource的,类型是MessageSource的组件 创建一个SimpleApplicationEventMulticaster 4)、将创建的ApplicationEventMulticaster添加到BeanFactory中,以后其他组件直接自动注入 getApplicationEventMulticaster().addApplicationListenerBean(listenerBeanName); 3、派发之前步骤产生的事件; 11 initLifecycleProcessor();初始化和生命周期有关的后置处理器;LifecycleProcessor 默认从容器中找是否有lifecycleProcessor的组件

    56110编辑于 2021-12-07
  • 来自专栏InvQ的专栏

    Spring bean解析 - refresh

    文章目录 refresh prepareRefresh 属性校验 BeanFactory创建 BeanFactory接口 BeanFactory定制 Bean加载 EntityResolver onRefresh ApplicationListener注册 singleton初始化 ConversionService StringValueResolver LoadTimeWeaverAware 初始化 refresh AbstractApplicationContext.refresh: @Override public void refresh() throws BeansException, IllegalStateException prepareRefresh(); // Tell the subclass to refresh the internal bean factory. alias 加入有一个bean名为componentA-dataSource,但是另一个组件想以componentB-dataSource的名字使用,就可以这样定义: <alias name="componentA-dataSource

    1.7K20发布于 2021-10-09
  • 来自专栏西二旗一哥

    Some problems with refresh UICollectionView

    reloadData]; [self.collectionView setNeedsLayout]; [self.collectionView layoutIfNeeded]; ---- How to refresh without Animation If you partial refresh with UICollectionView like insert, reload, delete, these methods performWithoutAnimation:^{ [self.collectionView reloadItemsAtIndexPaths:indexPaths]; }]; How to refresh without Animation reference ---- Asynchronous refresh problem If your App contain high-performance rendering failed, once you failed you can call collectionView realoadData to refresh all the UICollectionView

    2.4K30发布于 2018-09-30
  • 来自专栏黯羽轻扬

    Fast Refresh 原理剖析

    二.运作机制 Reload 策略 基本的处理策略分为 3 种情况: 如果所编辑的模块仅导出了 React 组件,Fast Refresh 就只更新该模块的代码,并重新渲染对应的组件。 React(组件)树之外的模块引用了,Fast Refresh 会降级成整个刷新(Live Reloading) 根据模块导出内容区分纯组件模块、非组件模块和不纯组件模块,对纯组件模块(只导出 React 组件的模块)支持程度最好,完全支持新 React(v16.x)的函数式组件和Hooks 容错处理 与 Hot Reloading 相比,Fast Refresh 的容错性更强一些: 语法错误:Fast 组件 不纯组件模块,所编辑的模块除导出 React 组件外,还导出了其它东西 特殊的,还可以通过// @refresh reset指令(在源码文件中任意位置加上这行注释)强制重刷(remount),最大限度地保证可用性 react hot loader vs fast refresh 之前为了保留组件状态,支持替换组件 render 部分的 Proxy Component 都不需要了,因为新版 React 对函数式组件

    4.7K10发布于 2020-06-16
  • 来自专栏CnPengDev

    小程序 | 11-组件

    创建自定义组件 自定义组件由 json、wxml、wxss、js 四个文件组成,我们通常是在根目录下创建一个文件夹——components,在该文件夹中存放我们自定义的公共组件。 自定义组件的步骤: 现在 json 文件中进行自定义组件声明——"component": true, 在 wxml 中编写自定义组件的模板内容 在 wxss 中编写自定义组件的样式 在 js 文件中定义数据和组件内部的相关逻辑 在使用方的 json 文件中引用自定义组件——"引用自定义组件时的标签名":"自定义组件的绝对路径或相对路径" 在使用方的 wxml 文件中,通过上一步定义的标签名引用自定义组件。 如果在 app.json 的 usingComponents 中声明了某个组件,那么所有页面和组件都可以直接使用该组件。 3. 组件和页面样式的细节 外部样式指引用组件的页面的样式。 3.1. 组件内样式对外部样式的影响 组件内的 class 样式仅对组件 wxml 内的节点生效,对于引用组件的 page 页面不会生效。 组件内不能使用 id 选择器、属性选择器、标签选择器 3.2.

    2.8K20发布于 2021-05-17
  • 来自专栏全栈程序员必看

    html refresh原理,HTML meta refresh 刷新与跳转(重定向)页面

    下面为各位整理了一些HTML meta refresh 刷新与跳转(重定向)页面的例子吧,后面本站长自己也补充了一些js页面刷新与跳转例子吧。 refresh 属性值 — 刷新与跳转(重定向)页面 refresh用于刷新与跳转(重定向)页面 refresh出现在http-equiv属性中,使用content属性表示刷新或跳转的开始时间与跳转的网址 refresh示例 5秒之后刷新本页面: 5秒之后转到梦之都首页: 当然除了这些方法还有js也可以跳转与刷新了,下面既然讲到这个刷新页面了我们就再看看js补充吧 Javascript刷新页面的几种方法 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5 document.execCommand(‘Refresh

    2.9K10编辑于 2022-09-09
  • 来自专栏264

    x264 intra refresh

    左右刷新模式,把dirty region刷新成clean region image.png image.png 上下刷新模式 image.png intra refresh 与 gop码率分布对比曲线 image.png 不同场景码率分布(动态刷新): image.png 码率分布优化 image.png 开了intra refresh 与不开时psnr对比曲线 image.png 多帧参考时刷新

    2.5K20发布于 2019-08-26
  • 来自专栏轻狸科技专栏

    宝塔面板安装SourceGuardian组件SG11组件

    在设置里的安装拓展选项  找到sg11   点击安装3. 安装完成后,记得重启下php服务如果是正常安装上恢复则无任何问题了,但是如果还是出现问题,就有可能是版本不可以!

    2.3K40编辑于 2022-11-09
  • 来自专栏每日一篇技术文章

    weex-11-组件slider的使用

    本节学习目标 熟练使用slider组件 下面的内容是你必须要掌握的 1.怎么让banner的宽度和屏幕的宽度相等 2.怎么让banner自动轮播和轮播间隔 3.如何添加指示器 4.如何设置指示器的颜色和大小 /src/sldier.vue' root.el = '#root' export default new Vue(root); 1.创建一个轮播组件,让其宽度和屏幕宽度相等 接下来,创建一个轮播图组件 background-color: green; } .image{ width:750px; height: 300px; } </style> 注意一点 1.如果你发现自己的图片显示不出来,有可能是你的图片组件没有设置宽和高 991B9A44-390E-4D41-9E9A-D71F57F84A06.png 一般banner轮播图都有像这样的指示器,下面教大家如何实现这样的效果,weex有个指示器组件<indicator></ indicator> 我们只需要将指示器组件放在<slider> 组件内部,注意一定是里面哦,不然没有效果的 <slider class="slider"> <image :src="src

    1.3K10发布于 2018-09-14
  • 来自专栏技术墨客

    React学习(11)—— 高阶应用:Web组件

    Web组件 从概念上说,React 和 Web组件 分别用于解决不同的问题。 对于开发人员来说将React用于Web组件、或将Web组件用于React、或2者皆有并非难事。

    ; } } Web组件常会暴露一些必要的API接口,例如一个 video Web组件可能会暴露  play() 和 pause() 方法。 如果引入第三方的Web组件,最好的解决方案使用一个React组件来包装引入的Web组件并最终作为一个React组件来使用。 由第三方Web组件触发的事件也许并不能通过React的渲染树传递,此时需要在组件中去手工的触发事件。 

    54820发布于 2018-08-15
  • 来自专栏walterlv - 吕毅的博客

    The VisualBrush of WPF only refresh the visual but not the layout

    This is the whole XAML file: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <Window x:Class="Walterlv.Demo.MainWindow Notice that it changes the visibility of the Rectangle every 1 second. 1 2 3 4 5 6 7 8 9 10 <em>11</em> 12 13 I’ve fired this issue into GitHub and this is the link: The VisualBrush only <em>refresh</em> the visual but not visibility changes · Issue #1241 · dotnet/wpf 本文会经常更新,请阅读原文: https://blog.walterlv.com/post/visual-brush-<em>refresh</em>-views-only-but-not-layout-en.html

    34120编辑于 2023-10-22
  • 来自专栏cwl_Java

    ElasticSearch(7.2.2)-es之refresh操作

    refresh -H 'Content-Type: application/json' -d '{ "displayName": "杨超越" }' curl -X GET localhost:9200/ pretty 修改默认更新时间(默认时间是1s PUT /star/_settings { "index": { "refresh_interval": "5s" } } 将refresh关闭 PUT /star/_settings { "index": { "refresh_interval": "-1" } }

    1.9K20发布于 2019-11-04
  • 来自专栏Java架构师必看

    Squid的refresh_pattern配置

    refresh_pattern 的语法是 refresh_pattern [-i] regexp min percent max [options] regexp 就不讲了,大家都明白的;) min 举例: refresh_pattern -i \.gif$   1440    50%     2880      ignore-reload refresh_pattern -i \.jpg$   1440 refresh_pattern -i \.mp3$   1440    50%     2880      ignore-reload refresh_pattern -i \.wmv$   1440 refresh_pattern -i \.swf$   1440    50%     2880      ignore-reload refresh_pattern -i \.mpeg$   1440 refresh_pattern -i \.css$ 10 50% 60 reload-into-ims refresh_pattern -i \.js$ 10 50% 60 reload-into-ims

    1.2K10发布于 2020-09-30
  • 领券