文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

TDesign 更新周报（2022年7月第4周）

FixesForm: 修复 help 插槽不生效的问题Dialog: 修复 preventScrollThrough 为 false 情况下，body 间去了滚动条宽度Table: 树形结构，懒加载节点重置时（...问题DatePicker: 修复重置日期后面板月份未重置问题ColorPicker: 修复添加颜色受控/非受控不能点击的问题详情见：https://github.com/Tencent/tdesign-react...，存在不兼容更新Search: 将 external-classes 属性中的 t-class-cancel 更名为 t-class-action，存在不兼容更新 FeaturesTabs: 超过屏幕时，...自动将激活的选项滚动到中间Tabs: 新增 swipeable 属性，用于控制是否滑动切换PullDownRefresh: 新增 scrolltolower 事件Button: variant 属性新增...for Mobile 发布 0.2.0 FeaturesDrawer: 新增抽屉组件详情见：https://tdesign.tencent.com/mobile-react/getting-started

2.1K40
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    掌握这个技术, 给轮播图和文本插上自由之翼

    今年第一篇文章, 不会写的太干, 主要以开拓思维和送粉丝福利为主....我们可以在图中看到当轮播图组件内容切换时, 文本组件内容也会对应的切换....熟悉前端开发的小伙伴也许会觉得这样的功能很好实现, 我们可以用诸如 react, vue 这样的框架来轻松实现数据状态的共享, 但是通过传统的组件开发方式来实现这样的功能, 存在太多的局限性, 比如:...轮播图这类对外展示信息的需求, 虽然大多不是企业的核心需求, 但是某些时候却对企业的形象和企业价值传递至关重要, 所以我们必须要及时响应需求的变化, 第一时间维护公司的形象. 怎么去做呢?...title); }} direction={direction} swipeable={swipeable} autoPlay={autoPlay} loop

    15510

    【Docker】容器的安装与使用

    简而言之，Docker打包时打包了项目本身及其依赖。当这个项目运行时，会在Docker的虚拟容器中运行，无需担心不同的环境。...docs.docker.com/desktop/install/mac-install/ 安装直接无脑就行 检测安装是否成功 docker version Docker是服务器-客户端架构，命令行运行Docker时，...也就是说，image是Docker的模板，一个image文件可以生成多个同时运行的Docker实例 查看本机image文件 docker image ls 删除image文件 docker image...关闭容器不会删除容器文件，只是容器停止运行罢了 # 列出本机正在运行的容器 docker container ls # 列出本机所有容器，包括终止运行的容器 docker container ls -...react-commentlist:v0.1：image 文件的名字（如果有标签，还需要提供标签，默认是 latest 标签）。 /bin/bash：容器启动以后，内部第一个执行的命令。

    2.2K20

    从Mobile8.0平台与微应用剖析RN组件生命周期

    由于微应用是集成在React Native工程中的一个页面组件，我们并不能在原生端主动关闭微应用，关闭事件是由React Native控制的，这里我们用到了React Native的原生组件DeviceEventEmitter...底部菜单栏默认处于关闭状态，点击标题栏右上角按钮时弹出，主要包括分享、收藏微应用、意见反馈等功能。 ?...以上便是Mobile8.0中微应用的实现方式，为了代码安全H5View组件的源码已被集成到jar文件中，并且实际开发时也并不会直接与它接触，这里只是带大家了解其实现机制。...H5ViewComponent组件是由React Native代码编写并放入bundle中，在使用时隐式调用，所以开发的时候并不会察觉到这个组件的存在。...当用户关闭微应用时，原生层向React Native发送关闭微应用事件通知，触发关闭微应用事件并将H5ViewComponent移出路由栈，此时H5ViewComponent组件进入componentWillUnmount

    1.1K10

    移动端效果之CellSwiper

    写在前面 接着之前的移动端效果讲解，刚好项目中需要使用到这一效果，去饿了么的组件库看了一下效果，发现效果和微信端的cellSwiper还是有点差别的，由于项目中又是使用的React，之前使用的React...cell-btn-group" id="btnGroup"> 标为未读 删除...// 滑动中 ontouchmove // ... // 这里计算的是上层滑动的距离范围 // 滑动最远不能超过按钮组宽度 // 滑动最小距离就是不滑动，也就是0 offsetLeft = Math.min...... // 如果是tap, 直接关闭 if (dragDuration < 300) { var fireTap = Math.abs(offsetLeft) < 5 && Math.abs(...40%，辣么在松手的一刻自动滑开 // 反之如果向右滑动超过了按钮组的40%就关闭 if (distanceX > btnGroupWidth * 0.4 && offsetLeft < 0) {

    1.2K60

    react-native布局与组件

    {[styles.aaa,{color:'red'}]}> 所有文本的样式应该直接加在text上面,如果你在view里面写，就不会生效了。...但支持更多但来源，比如网络图片，本机磁盘图片，照相机图片等。 下⾯的例⼦分别演示了如何显示从本地缓存、网络乃至base64拉取图片。...这个渲染窗⼝能响应滚动行为，元素离可视区越远优先级越低，越近优先级越高，当用户滑动速度过快时，会出现短暂空⽩的情况。...这意味着如果用户滑动的速度超过渲染的速度，则会先看到空白的内容。 (2)不支持分组列列表 扯了那么多理论，如果列表写不了想说自己懂rn是很扯的。是时候开始写一个了。...看今日头条等新闻列表类app时，都需要用到。

    5.3K20

    为了秋招，我开发了一款页面元素高亮插件

    import React, { useEffect, useState, useRef } from 'react'; import { useAppendRootNode } from '.....而display:none不会有这个困扰 visibility语义上只是看不见了，但是正常的菜单应该是消失，我比较认同符合语义的实现 #2 在正确的位置显示操作菜单 我们可以通过监听contextmenu...#3 如何关闭菜单 MAC的右键菜单有且只有一种关闭方式，那就是点击菜单可选区关闭和点击页面其他地方关闭。此时禁用窗口拖动、滑动。...而我们实现中为了方便，对于禁用窗口拖动、滑动采取的方案是在这种情况下直接关闭菜单。...因为我们会发现正常的选择器并不能选择到某一个/段文本（否则也不会需要做文本替换） 这样处理出来的XPath类似于 'id("gatsby-focus-wrapper")/DIV[1]/DIV[1]/DIV

    1.1K30

    八股文！！

    ，一方执行shutdown函数关闭写端，仍然可以接受来自对方的数据 close函数直接删除内核tcb结构(tcp control block)数据，针对执行了close的链接调用写方法会接收到rst 半开链接...报文响应 滑动窗口 窗口合拢：当发送数据时，窗口左边延向右滑动，窗口减小。...(套接字本质也是文件描述符)，这将导致内核tcp模块发送fin报文并删除该链接的tcb 另一端read该套接字时，将会返回EOF文件结束标志，由此得知对端状态变更。...机器崩溃 机器崩溃时，tcp内核模块无法做出反应，对端不会接收到任何通知也不会再接收到任何数据 另一端read该套接字时，将会被挂起或得到EAGAIN错误 另一端write该套接字时将会持续重传，直到...关闭整个链接会导致半关链接，需要在收到对端发送的FIN报文之后，及时关闭链接 Tcp协议总结 tcp的可靠性基于对发送数据按字节排序，并将发送数据暂存在发送缓冲区中，直到收到来自对方的对应确认报文后才会删除

    1K11

    TDesign 更新周报（2022年5月第4周）

    EnhancedTable，树形结构中，toggleExpandData 和 expandAll/FoldAll 混合使用时，树形结构展开有误 table初始化时，fixed 的阴影效果没有出现 Tabs：修复选项卡新增和删除在...normal风格下无效 Drawer：修复 Drawer使用按键关闭时 contenteditable 出现的边框 Layout：去除 Header额外高度设置 详情见：https://github.com...Form：修复实例方法 reset 参数不生效的问题 Form：reset和 submit现在会调用原生 form中的方法 Affix：兼容场景 Tabs：修复选项卡新增和删除在...Transfer：修复 transfer 选中态无法点击 详情见：https://github.com/Tencent/tdesign-vue-next/releases/tag/0.15.1 React...openType 不生效的问题 Collapse：修复 t-class 外部样式类无法使用的问题 DropdownMenu：修复 label 无法实时更新的问题 Sticky：修复吸顶后 tabs 无法滑动的问题

    1.7K30

    5款 React 实时消息提示通知(MessageNotification)组件推荐与测评

    我自己在开发和研究 Message / Notification 功能组件时，发现其实 Github 上有非常多制作精良，使用场景定位清晰的第三方消息提示组件库可用，社区成熟，代码简洁，直接引用即可，完全没必要自己写...傻瓜式配置，10秒钟完成所有设置工作 可定制开发，简单便捷 可关闭滑动动画效果 可在提示框中嵌入 React 组件 可定义每个 toast 行为 有进度条显示 白天夜间模式自动切换 扩展阅读：《7 款顶级好用的...并不是一个复杂的消息提示组件，但它的样式十分丰富，常规的成功、错误、警告之外，还有带样式的按钮可与用户进行交互，也有强警告框，弹出后一直悬停在屏幕上，直至用户点击关闭才会小时。...Reapop 提示框的动效很细腻，不仅有常规的滑动弹出，还有闪现和渐变弹出等效果。当然，Reapop 也可以在提示框上加上两组按钮，方便我们在提示用户的同时，让用户执行触发相对应的事件。...扩展阅读：《React Echarts 使用教程 - 如何在 React 中加入图表》

    6K50

    React Native 系列(八) -- 导航

    当 N=1 时，相当于 pop() 方法的效果。 replace(route)：替换当前的路由。 replacePrevious（route）：替换前一个页面的视图并且回退过去。...，iOS默认支持，安卓默认关闭 screen：对应界面名称，需要填入import之后的页面 mode：定义跳转风格 card：使用iOS和安卓默认的风格...类似iOS的present效果 headerMode：返回上级页面时动画效果 float：iOS默认的效果 screen：滑动过程中，整个页面都会返回...none：无动画 cardStyle：自定义设置跳转效果 transitionConfig： 自定义设置滑动返回的配置 onTransitionStart：当转换动画即将开始时被调用的功能...center', margin: 10, }, }); 注意点：此处向外提供出去的组件是SimpleApp，需要把HelloViewComponent默认的export default删除

    6K80

    React开发实践：如何做出好用的Switch组件

    我们对move事件的要求非常简单，就是每当手指在 DOM 内移动时，就把手指划过的相对距离告知监听器。 ?...既然我们要用 React 实现组件，那就把 move 事件转化成 React 代码： ? 一定注意我们用了 React.Children.only 限制只有一个子级，思考一下为什么。...现在只要手指进入 wrapper 的范围，就可以滑动 toggler 了。而我们的需求是只有当手指进入 toggler 才能滑动。 当手指抬起时，toggler 就立即停止移动了。...当 touchstart 发生时，需要打开 toggler 移动的开关，当 touchend 发生时，需要根据情况让 toggler 滑到开始或结束的位置。...在 onToggerTouchCancel 函数中，关闭滑动开关，同时为 toggler 添加一个位移动画。

    1.1K90

    使用antd表格组件实现日程表

    image-20201119161505912 需要注意的是，CDN引入React和antd，他们是在全局暴露了一个对象，在使用它内部的方法时就需要React.xx、antd.xx来访问了。...但点击单元格做完对应的操作后，弹窗关闭，此时我们需要在当前页面监听到子窗口关闭，然后向后台请求接口重新获取数据渲染页面，在打开的弹窗中提供了一个方法，可以调用父页面的方法，但是这个方法必须写在hooks...，弹窗页面在关闭时可调用这个方法，触发页面刷新 const getSubpageData = (status) => { console.log("子页面关闭");...他会执行删除某个日程，此时表格渲染函数就要从columns和dataSource中各删除一条数据了，一开始我是直接覆盖其数据，这样做引用地址没变，就引发了动态增加列的那个bug，antd监听不到引用地址改变没有刷新页面...alert("最多只能向后加载90天的数据"); return false; } // 保留向上滑动的天数

    3.7K20

    【Linux | 计网】TCP协议深度解析：从连接管理到流量控制与滑动窗口

    前言： 上一篇文章讲解了TCP连接管理的基本机制（三次握手和四次挥手），接下来我们更深层次的理解TCP为何能高效安全的通信。...挥手的时候可以将ACK和FIN一起发送吗 在三次握手的时候，可以直接将SYN和ACK进行合并发送， 但是关闭连接时，当Server端收到FIN报文时，很可能并不会立即关闭SOCKET，所以只能先回复一个...当然可以，当对方的接受能力为0时，那么滑动窗口就为0了！...我们在做算法的题目时，也会有滑动窗口这种类型的题目，我们在做这类题的时候，通常都是定义两个指针来控制滑动窗口的移动和大小控制。...环形队列就不会出现越界！

    15710

    学用Hooks写React组件——基础版移动端无缝轮播图组件

    前言 最近忙于写业务代码和修改上古MPA的JS页面，对React欠缺使用和学习，感觉自己都快写不来代码了。拿来主义思想占据了思维，所以还是要造造轮子。...import React, { useState, useEffect, useRef } from 'react'; import styles from '....现在开始处理无缝的问题,主要处理如何循环补位能达到瞬间转换的效果，我这里是使用container.current.style.transitionProperty = ‘none’关闭动画来进行瞬间切换...INPUT_END 结束 if (e.eventType === Hammer.INPUT_MOVE) { // 之前的offset参数的在此起到了作用，在手动滑动的时候并不是直接滑动到下一页...1/3时，直接滑动到下一页，否则恢复偏移量 if (e.direction === Hammer.DIRECTION_LEFT && Math.abs(e.deltaX) > SCREEN_WIDTH

    3.9K20
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券