PostgreSQL, MySQL, SQLite, OracleDB, MariaDB 和 MS-SQL 支持自托管:选择主机和基础设施,在本地运行,深度集成本地 可扩展的:易定制模块化平台 现代面板...:Vue.js 管理 App 安全和直观,非技术用户完全不需要培训使用 GitHub 地址→https://github.com/directus/directus 2....允许你检索短链接服务,例如 bit.ly 和 goo.gl 来获取私密信息。...内置 har 转换器:记录浏览器会话为 .har 文件,并直接将它们转换为 k6 脚本 灵活的度量存储和可视化:InfluxDB (+Grafana), JSON 或 k6 云 GitHub 地址→https...目前在百度广泛用于内部平台的前端开发,已有 100+ 部门使用,创建了 3w+ 页面。 GitHub 地址→https://github.com/baidu/amis 3.
它提供模板、拖放界面和所见即所得编辑器,使非开发人员无需编程或技术知识即可创建网站。 2.无头内容管理系统 「Headless CMS」 是仅后端且 「API」 优先的内容交付系统。...我们可以使用内容切片来创建可重用的自定义组件,并为登陆页面、微型网站、案例研究和推荐构建动态布局。...它为存储在 「Markdown」 和 「JSON」 中的内容提供可视化编辑体验。 「Tina」支持 「MDX」,它使开发人员能够创建动态、交互式和可自定义的内容。...Keystone 「Keystone」 是一个开源可编程后端,可让我们在几分钟内创建高度定制的 「CMS」 和 「API」。...我们可以在 「Keystone」 中为我们网站的不同部分创建自定义的可重用组件。
directus。...(信用卡、SMS 手机、令牌或指纹等生物标志)两种条件对用户进行认证的方法。...Gradio 发音为 GRAY-dee-oh,有了它你可轻松地在浏览器中演示训练模型,或者通过拖拽图像、粘贴文本、录制音频等方式“尝试”并查看模型的输出。...star 增长数 650+ Directus 一个管理 SQL 数据库的实时 API 和应用程序仪表板。.../directus 2.4 页面可视化搭建:tmagic-editor 本周 star 增长数:650+ New tmagic-editor 可视化开源项目是从魔方平台演化而来的开源项目,通过可视化的操作快速搭建网页
这可以是来自文档对象模型(DOM)的任何形式,例如 image、SVG 或 text block。它是视口中最大的像素区域,因此具有最直观的定义。...操作可能包括单击按钮、链接或其他自定义 Javascript controller。FID 提供有关应用程序页面上成功或不成功交互的关键数据。...想象一下导航到一篇文章并尝试在页面完成加载之前单击链接。在您的光标到达那里之前,链接可能由于图像渲染而向下移动。...影响分数是元素在两个渲染帧之间影响的总可见区域。距离分数测量它相对于视口移动的距离。...首次内容绘制 (FCP) First Contentful Paint (FCP) 测量第一个内容在视口中渲染的时间。
作者:Ahmad Shadded 译者:前端小智 来源:css-tricks 你是否曾经试着点击或点击一个元素(例如:按钮、链接),并且注意到只有单击该元素的特定区域,它才会响应?...在下面的图中,我模拟了两个按钮的不同情况。在左侧,按钮更小,更远,用户需要更多的时间与它互动。在右侧,按钮大小更大,更接近于它的同级输入元素,这将使交互更容易、更快。 ?...复选框和单选按钮 当存在复选框或单选按钮元素时,我希望可以单击它或关联的标签来激活/禁用它。 ? 从用户体验的角度来看,这是难以访问和糟糕的。...这样,问题得以解决,整个复选框或单选按钮都是可单击的,如下图所 ? 侧边栏 对于带有类别的页面,有时我会注意到列表链接没有扩展到其父页面的整个宽度。 也就是说,可点击区域仅在文本上,如下图所示: ?...这个想法是,伪元素属于其父元素,因此当我们创建具有特定宽度和高度的伪元素时,它将充当其父元素的单击/触摸/悬停区域。
让页面变灰,是个敏捷需求 作为研发的我们,自然要第一时间跟进,既然各大平台跟进速度都很快,这个对我们来说肯定简单的很领导问我多久能够搞定,我满怀期待地说,5分钟搞定为了实现对应效果,最好的办法就是借鉴...肯定有问题,颜色不一样了呗 但是我看业务的截图,发现事情并没有我想象的那么简单,不是颜色问题,而是布局乱了,线上大bug,我的领劵的弹窗点开直接在页面中了,本来不可见的商品评价都出来了 还有优惠劵列表中有一个领劵中心的按钮...fixed 属性会创建新的层叠上下文。当元素祖先的 transform, perspective 或 filter 属性非 none 时,容器由视口改为该祖先。...IOS16表现下页面会卡死不动,所以我们在设置这个属性的时候一定要注意,给到父元素 小程序中最好的解决方法是这样的,小程序里面新增了一个root-portal,在基础库2.25.2后,它能够让子树从页面中脱离出来...,也就没有对应的祖先元素的影响了 总结 在网页中,最好的方案是加到HTML上对应的置灰属性 在小程序中,最好不要给全局加,要加的话也要看项目中有没有使用fixed,只给对应的元素加上 小程序中可以尝试使用
操作可能包括单击按钮(button)、链接(link)或其他自定义 Javascript 控制器。FID 提供有关应用程序页面上成功或不成功交互的关键数据。...想象一下导航到一篇文章并尝试在页面完成加载之前单击链接。在您的光标到达那里之前,链接可能由于图像渲染而向下移动。...首次内容绘制 (FCP) 首次内容绘制 (FCP)测量第一个内容在视口中呈现的时间。这可以是来自文档对象模型 (DOM) 的任何形式,例如图像、SVG 或文本块。FCP 经常与首次渲染(FP)重叠。...分布直方图 Web 指标直方图显示数据分布,它可以通过揭示异常来帮助您识别和诊断前端性能问题。 默认情况下,异常值将从直方图中排除,以提供有关这些生命体征的更多信息视图。...您可能还想在直方图中查看与事务相关的更多信息。单击所选 Web 指标下方的“在发现中打开(Open in Discover)”以构建自定义查询以进行进一步调查。
3.切换特殊的Safari页面 我熟悉显示特殊Safari页面的快捷方式,例如历史记录(Command + Y)和显示所有选项卡(Command + Shift + \)。...有没有更好的办法?是! 按住Option + Shift,您可以从中心向上和向下缩放窗口。 如果仅按Option键,则窗口将从中心沿单个方向(即,水平或垂直)调整大小。...由于缩略图的放大,因此在此视图中比在Finder的默认图标视图中更容易识别图像细节。当您选择更多图像一次预览时,缩略图的确会变小。...14.从标题栏创建文件副本和别名 下次在任何应用程序中打开文件时,请注意标题栏中文件名前面的小图标。您是否知道可以单击此图标并将其拖到任何Finder位置来创建该文件的别名或快捷方式?...您知道当您将鼠标悬停在电子邮件中的网页链接上时会显示的向下箭头吗?那是预览按钮。 单击该按钮可以在弹出窗口中显示链接的页面。
输入和输出比较容易理解,那么什么叫做状态呢?状态就是对象生命期中的条件或情况,在这种状态中,对象满足某种条件,执行某种活动,或者等待某种事件。...1)通过三个简单问题发现状态:有没有什么事情是我现在可以做但之前不可以做的?...有没有什么事情是我现在不可以做但之前可以做的?我现在所采取的行动是否产生了和之前不同的结果?...对于事件1,触发器为添加了收藏点或者常用地址,守卫为网络畅通,效果为在收藏夹页面添加了相应的收藏夹数据。 在上面三个步骤执行玩之后,我们可以得到收藏夹模块的状态图,如下所示: ?...这样我们就可以在图中将覆盖掉的路径颜色进行一个标识,这样直到我们将图中所有的路径都覆盖掉 ? 这里我手动执行完成后,得到的所有路径为: ?
io提供模板和页面构建、工作流管理、自动SEO、高级SEO工具,以及在没有IT参与的情况下启动微站点和登陆页面的能力。对于开发人员来说,兴致很高的。...总部位于布鲁克林的Directus是一个开源的无头CMS和API。用Vue.js构建的。, Directus直接管理自定义模式SQL数据库。...其理念是,开发人员可以基于特定项目需求创建自定义数据库,而无需学习专有框架或使用特定技术进行构建。...当数据库准备就绪时,可以连接Directus的API或sdk,从而形成一个可定制的界面,业务用户可以使用该界面管理其网站和应用程序的数据库内容。 可用性:有免费、付费和企业计划。 11....DatoCMS支持多种语言,使品牌能够在文件夹中组织数字资产,使用ai驱动的标签或复杂的搜索功能快速定位媒体文件,并将其发布到需要的任何地方。 可用性:免费试用 12. GraphCMS ?
例如,以下所有 HTML 元素都需要在响应用户交互之前等待主线程上正在进行的任务完成: 文本输入框,复选框和单选按钮(,) 选择下拉菜单() 链接(<a...您是否曾经在访问一个 Web 页面时发生下面的情况?在阅读文章的同时文字突然移动了、你突然找不到你阅读的位置了、点按钮的时候按钮被移动到了其他地方,导致你点了其他东西?...在上图中,有一个元素在一帧中占据了视口的一半。然后,在下一帧中,元素下移视口高度的25%。...距离分数是任何不稳定元素在框架中移动的最大距离(水平或垂直)除以视口的最大尺寸(宽度或高度,以较大的为准)。 ?...徽章的颜色可以告诉你页面有没有通过默认设定的阈值: 灰色:插件不支持或者被禁用 绿色:通过所有指标 红色:一个或多个指标不达标
希望phpcms跟WordPress一样,能够在文章发布页面自定义url,从而提高SEO优化吗?...注意:该代码只有在纯静态下支持,在伪静态中暂时没有想到好的办法。...创建或编辑内容时会生成HTML 内容管理里下面有个“批量生成HTML” 发布管理的“批量更新内容”他又包含了先择模型生成和不选择模型生成 享受战果 后台-扩展-URL规则管理中,URL规则用 {$id}...所以我想有没有办法让他判断,只有在非空值时才判断唯一值?...但是在动态页面时,id值会变成时间,就无法显示文章了,所以最后还加了一行,如果是静态页面则执行第二行的判断,否则就调用ID.
在DB2 V9之前的数据库版本中,创建数据库(创建数据库时如果不指定表空间则会默认创建3个表空间)或表空间的默认类型就是SMS表空间。...也就是说,SMS表空间和DMS表空间分别通过扩大容器大小和增加容器数量的方式实现表空间大小的增加。DMS表空间创建时需要手动指定一个或多个容器。以文件为容器的表空间创建完以后就是一个单独的文件。...临时表空间(TEMPSPACE) 临时表空间也是数据库创建时自动创建的,数据库管理器使用临时表空间在执行SQL操作时存储临时数据,例如排序,表重组,索引创建以及表链接等操作所产生的中间表都由临时表空间存储...一旦表空间中满足了最大页限制,有以下三种方案可供选择: 1.在视图中把这些表连接起来(多个表空间中的表在视图中合在一起); 2.使用DB2的数据库分区功能(DPF,Database Partitioning...大型表空间在DB2 V9之前叫长型表空间,用于存储长型或 LOB 表列,以弥补常规表空间在处理长型或LOB数据上的不足。
背景 这几天领导找我,说我们的H5页面内置了很多链接,这些链接的打开的速度有点慢,你有什么办法可以优化一下么?...,除了这些,一些链接不属于我们内部的,这种有没有办法呢?...我们来看一下这个库的基本原理,它的主要作用是通过空闲的时间来提前获取视口内的链接进行预渲染或者预加载,使后面我们打开的链接能够快速 它到底是怎么做到的 检测视口元素 首先,它要知道进入视口的元素有哪些,...从而获取进入视口元素的链接,所以第一步先看哪些元素进入视口了 Intersection Observer,这个是JS中的一个API,主要用来检测目标元素是否到达了指定位置,这个API用处非常大,之前我们检测的时候会不断去看某个元素的位置信息和高度信息进行对比...我们在项目中使用了Quicklink,转化率提高了50%,页面转换速度和打开速度提高了好几倍,领导对我刮目相看,升职加薪指日可待
1 新建基准面 实例演示操作: ——新建一个零件 ——刚打开时零件只有三个基准面和一个零点 ——这三个基准面可以让我们的草图在一个确定的平面绘制草图,可以选择其中任意一个基准面绘图 ——上视基准面绘制一个圆...,标注直径20mm ——在设计树中点击上视基准面,弹出的菜单中点击显示按钮,可见草图是在上视基准面绘制的 现在想让草图在距离上视基准面距离10mm的屏幕绘制,那么就要增加一个基准面,使新的基准面距离原来的上视基准面...,点击该基准面,弹出菜单中有草图绘制的按钮 ——使用转换实体引用功能,在新基准面上绘制和原上视基准面一样的圆 ——点击拉伸凸台基体,向上拉伸50mm,点击提交 在上面绘制的零件中,一共有...常规思路就是:先绘制草图轮廓,在通过草图轮廓进行拉伸切除,可圆柱表面却没法绘制草图,那么这里也有两个解决办法。...【方法一】:利用老方法,在原来的前视基准面上绘制草图,在拉伸切除 ——在前视基准面绘制草图,用直槽口画一个键槽 ——绘制完直槽口后,点击拉伸切除按钮,黄色预览切除的起点在圆柱的中心,而键槽是从圆柱表面向内切除一段距离
在移动端避免使用100vh CSS中的Viewport单元听起来很棒。如果你想将一个元素设置成全屏高度,你可以设置高度:100vh,这样你就有了一个完美的全屏元素,它会随着视口的改变而改变大小!...100vh在不同的浏览器的实现方式上也有一点微妙的变化,这使得它几乎毫无用处。最好避免100vh,而是依赖javascript来设置高度,以获得完整的视口体验。...核心问题是移动浏览器(Chrome和Safari)有一个“帮助”功能,地址栏有时可见,有时隐藏,改变了视口的可见大小。...在上图中,应该在屏幕底部的按钮被隐藏了。更糟糕的是,当用户第一次使用手机访问网站时,地址栏会显示在页面顶部,因此用户体验是很糟糕的。...遗憾的是,仍然没有一种简单的方法可以让一个元素在不依赖javascript的情况下占据整个视口高度。height: 100vh是如此接近伟大,但考虑到它在移动设备上的局限性,最好避免它。
大厂技术 坚持周更 精选好文 问题 问题描述: 在ios手机中,当页面中包含有输入框时,点击输入框,键盘弹起,会让页面中被fixed的元素失效。所以造成了底部吸底和顶部吸顶的元素错位的问题。...这个参考了朱雷大佬提供的这个文章:WebView上软键盘的兼容方案[1] IOS 软键盘弹起表现 在 IOS 上,输入框(input、textarea 或 富文本)获取焦点,键盘弹起,页面(webview...这里参考这篇文章:ios键盘难题与可见视口(visualViewport)api[2] 当时ios设计者考虑到一个问题:当键盘弹起时,页面无法感知到键盘的存在。...同样参考这篇文章:WebView上软键盘的兼容方案[3] 综合上面键盘弹起和收起在 IOS 和 Android 上的不同表现,我们可以分开进行如下处理来监听软键盘的弹起和收起: Ios 在 IOS 上,...所以解决办法就是让键盘弹起时,添加吸底按钮以及底部元素的margin-bottom为header的高度就行。
你所设计的产品有没有做到在设计上做好无障碍的准备呢?如果你设计得不好,很可能会导致有障碍的人群在使用你的产品时遇到麻烦。...视障用户包含,色盲者(12个男性中有1个,200个女性中有1个),视力低下者(3个人中有1个)和盲人(188个人中有1个)。 使用颜色突出显示或补充显示那些已经很明显的东西。...当页面有颜色以后,我们可以看到其实四个输入框全部出错了(前面三行都用了红色边框)。这对于视障用户来说,这个页面没有做到“无障碍”。...我想你应该看到了这个页面上的一些链接但不是全部。考虑下这对“键盘用户”的影响。 如果你使用的是Mac,你可以在“系统偏好设置”>“键盘”>“快捷键”下“全键盘控制”中选择“所有控制”。 ?...键盘用户和Dragon等辅助技术依赖于屏幕上显示的可操作项目。如果Dragon无法识别链接或按钮,那它就无法说出“点击”。
为了后期更加详细的设计,需要将用例图拆分为文档 内容描述用例名称报名活动用例编号行为角色访客、会员简要说明访客只能查看、会员可报名前置条件用户已经通过活动列表进入具体活动介绍页面;用户已经登录后置条件报名按钮显示为...布尔对象 条件 if 或(OR)/ 与(XOR) 012.jpg 布尔对象:建立在支持对象之上,但是会有一个判断,比如我们获取链接的时候会有一个判断,如果没有链接则生成链接,有链接则返回 条件 if...:和事件链接相似,比如在链接状态有效的时候创建分享关系,添加 c 标注,无效的时候异常退出 或(OR)/ 与(XOR):或表示走一个或者多个都可以,亦或表示只能走一个,比如在是否有链接的两个选项中间加两条弧线...,分享链接抽象为推广 员工,客户也可以导购;展示二维码也可以作为一种分享链接 过程与判定 很多时候没办法确定是一个对象还是一个过程,最简单的方式就是根据是动词还是名词判断,以及根据过程有没有改变对象的状态判断...,但是表现会更加清晰,可以对它们进行切割 015.jpg 如果把分享放大,则可以在里面画更加细节的过程,同时可以在获取链接里面再画更加细节的过程 016.jpg 我们也可以在多张图中进行缩放,比如获取链接放到第二个图中
Safari 的大纲视图,我们发现除了大纲视图可以进行过度拖动和回弹,双指捏合也可以进行过度缩小并回弹,双指搓开放大某个页面缩略图的时候可以退出大纲视图,聚焦到该缩略图的页面,由此我们猜测这里很可能是一个...另外我们可以看到缩略图的顶部有一个标题栏和一个关闭按钮,在双指缩放放大的过程中我们可以看到一个临界点,超过这个临界点的时候标题栏会渐隐,露出原本页面截图顶部的搜索栏和标签栏。...这里还有一点小细节,因为捏合过程双指还可以移动,我们实测 Safari 选择最终放大的页面还会根据捏合手势结束之后哪个视图占据目前视口面积较多、距离视口中心最近来决定,和前述标题的变化无关。...通过截图这个障眼法来操作可以避免 ScrollView 的交互和子视图中的交互发生冲突。...当从大纲视图回到具体页面,同样可以通过操作 zoomScale和 contentOffset 来使得截图铺满视口,完成后再操作实际 ViewController 的 view 带到视图顶层,再把截图卸载
领取专属 10元无门槛券
手把手带您无忧上云