添加成员：在多人协作使用时，可以为这个卡片指定成员，指定成员后，这个卡片的任何状态修改都会通知到这个成员。 添加标签：标签可以直观的显示在卡片的正面，可以自定义各个颜色标签所代表的情况。...自定义字段：可以自定义字段来满足自己的使用需求，比如：已完成，优先级等 卡片的操作 移动：可以直接拖动一张卡片从一个列表到另一个列表。点击卡片在卡片背面有移动选项，可以选择移动到哪个List中。...强大的搜索功能 关键字搜索：可以输入关键字进行搜索。 根据成员搜索：@名字 可以搜索指定成员相关的搜索。...根据标签搜索：#标签 可以搜索指定标签的内容 其他：还可以根据日期、状态、是否归档、附件类型等进行搜索，上述条件可以组合使用。...Excel拷贝：可以快速从Excel拷贝内容，将多行数据生成多张卡片。 快捷键：提供了大量常用功能的快捷键 Q：快速查看和你相关的所有卡片。 D：按D键会将鼠标悬停的那张卡片添加日期。
大家可以点击 CardShow 查看自动抽卡的效果。目前的效果基本实现了我当初的构思。卡片的抽取效果主要分为自动抽及手动抽两种。后期会添加卡片拖动的功能。...以下是我在写插件时遇到的问题以及解决的问题，大概包括 jQuery 插件编写、modernizr 使用、css3 动画、transitionend 事件、洗牌算法、相邻不重复随机数、获取 transform...插件 $.fn.plugin = function(options) { return instance; } })(window, jQuery); Modernizr 的使用...这个问题简单说就是：写一个函数，使其可以持续输出随机数，而相邻位置的随机数不相同。对于这个问题我没有搜索到答案，搜到最多的是产生不重复的随机数。...我的解决办法简单粗暴。我在控制台打印 transform 的值得时候发现是一个 matrix 的东西。关于 transform 的矩阵知识大家自行搜索。
使用优秀的工具可帮助我们完成这件事，但是一些比较流行的应用对于此类问题的解决做的并不是非常的好， 如手机自带的备忘录或者网络笔记本软件 ， 前者交互体验极差，效率低，后者牛头不对马嘴。...这款应用正式发布还不到一个星期， 因为对这方面比较关注， 所以是第一批体验这个款应用的用户， 讲心里话， 使用之后真的爱不释手， 它极大的提升的我记录碎片信息的效率， 应用的用户体验尤其突出， 我们平时使用的一些三角猫软件蹩脚的设计根本无法与之相提并论...应用中定义信息的最小单位是「卡片」， 一张卡片代表一条信息，卡片里面可以存放文本、语音、图片、网页。 多张卡片可以组合成一个「卡片组」用来归类信息。下图是一个卡片组， 里面有若干张卡片 ?...具有强大的搜索功能，具备人工智能搜索能力， 假如图片中有一只宠物狗， 那么搜索“狗”关键词就能把这张图片找出来， 是不是逆天？ 更多的功能可在Appstore中搜索「存在」进行安装后自行发掘。...哦， 对了， 开发这款应用的公司是微软中国， 而且是专门针对中国用户设计的， 品牌和信誉都没有问题， 大家可放心使用。
距离上次水文章.大概可能也许已经过去了半个月到时间.今天有空重新记录下关于Fastadmin使用上的一些技巧. 不定时更新.只为记录. 1.关于页面有上角生成的导出,切换,列.搜索....如果不需要的话可以在对应的js文件中添加如下代码.即可屏蔽 //切换卡片视图和表格视图两种模式 showToggle:false, //显示隐藏列可以快速切换字段列的显示和隐藏 showColumns:...false, //导出整个表的所有行导出整个表的所有行 showExport:false, //搜索 search: false, //搜索功能， commonSearch: false, //表格上方的搜索搜索指表格上方的搜索...{return "试试搜索吧";}; 5.点击搜素不想要那个字段的话可以在对应的js中columns中 添加operate:false即可不展示该字段的搜索 {field: 'name', title:...this).attr('autocomplete','off'); }) }); 9.20190930版本无法关联模型 public/assets/libs/nice-validator/dist/jquery.validator.js
库 stellar.js: 前端用于实现异步滚动效果的库，现已不再维护 skrollr: 另一款实现一步滚动的开源库，使用人数众多，可实现各种狂拽酷炫掉渣天的前端效果，看真相 Framework7:...: 用于 Javascript 中的多行文本，类似于 Ruby 的 HERE Doc screenfull.js: 全屏插件，支持各大浏览器 lunr.js: 类似于 Solr, 但是用于浏览器上的全文搜索引擎...，可以为 JSON 创建索引，离线也可以使用 jquery.hotkeys: jQuery 插件，用于绑定热键 breach_core: Javascript 编写的 Browser (浏览器) octocard...: 用于生成 Github 信息卡片的库 github-cards: 用于生成 Github 信息卡片的库 money.js: 轻量级货币转换库，web 和 node 皆可用 accounting.js...定位、运动、倾斜等 hyhyhy: 用于创建 基于 HTML5 的 演示文稿 swipebox: jQuery 插件，用于处理移动端的触摸事件 FileAPI: 前端用户处理文件（拖放、多文件上传等）
实战演练环境准备Node：18React：18TDesign React：1.7 （TDesign 腾讯企业级设计体系）UGC展示卡片最终目标用到了TDesign的Card 卡片、ImageView 图片预览...、Comment 评论等组件ImageView 的使用这个组件是一个可以快速预览的图片，同时支持多张的相册预览效果。...: TNode | TNode void;}>;triiger是一个自定义的组件，使用用参数中的open来触发图片预览。...根据卡片效果示例，本案例设置相同图片来作为trigger就可以了。嵌入cardcard的组件本身就支持自定义封面内容 /** * 卡片封面图。...自动扩缩需求：画面尺寸变化时，重新调整布局。关于浏览器的东西都可以加入监听来处理，这里监听的事件就是resize。
使用jQuery来对这两个输入框进行验证，确保只允许输入字母和数字，不允许输入中文字符。 以下是相应的示例代码： <input type="text" class="form-control" placeholder...分别选择了ID为nfcId和deviceId的输入框，并绑定了input事件监听器。 当用户输入内容时，会使用正则表达式/^[a-zA-Z0-9]+$/对输入内容进行验证。...如果输入内容不符合要求（包含非字母和数字的字符，包括中文）， 则会将非法字符删除。
点击相应卡片的标签，那么就会切换至卡片的呈现 如果点击03标签，那么01 02 要一起移动 5个效果图片 ? ? ? ? ? 基本HTML结构如下： ?...编写5个li标签，包含span以及图片 设置绝对定位，溢出部分overflow:hidden进行隐藏 基本5个li标签需要使用的绝对定位的居中技巧，使用lef:50%，然后使用margin-lef:...- 元素的一半宽度（详情可以访问CSS 定位布局 - 绝对、固定定位设置居中悬浮div）。...每个li使用left属性来改变位置，做出span标签部署有层叠的效果 ? 下一步就是要做出这样的层叠效果了。 ? 使用绝对定位以及left参数设定位置，就可以做出这个效果的了。...根据jquery监听每个标签的click事件，根据点击的对象，修改相应的left值即可。 根据点击li标签，单个li标签向左移动 ? ? ? 此时，点击每个li标签，就会自然向左移动。
组件之间松耦合，代码更易复用、扩展 在我们的卡片面板中，设计、开发、测试、预发、生产五种不同的卡片容器用的是同一个组件DashboardCardContainer。...四、虚拟Dom技术，使得开发简单，而页面性能又好 传统的页面开发，或多或少会牵扯到dom操作，而进行dom操作时，就会有相应的各种优化策略来尽可能地减少页面重新布局和重绘的次数。...3.先隐藏将要更新的node,然后进行dom批量更新，最后重新显示隐藏的node 传统的这种手工的批量更新复杂且易错，而React的虚拟DOM技术让我们远离了这种复杂，我们无需再时刻考虑何时以及如何做...第一个例子，比较React、jQuery、AngularJS，绘制10000个元素的渲染时间。 我们可以看到，在渲染上，React比jQuery快了57%，比Angular快了17%左右....五、前后端同构, 搜索引擎更友好 传统的JavaScript富应用的问题是比较慢，用户体验差，同时对搜索引擎不友好。因此，业界开始探索JavaScript的服务器端渲染。
升级低代码功能online表单，支持关联记录和他表字段控件online表单，支持三级联动控件online代码生成，支持选择那种前端代码生成（vue3\vue2\vue3原生）online报表查询，支持字典下拉搜索控件...online报表查询，字符串类型默认支持模糊查询，不需要输入*升级积木报表到最新版修复严重Bug解决点击online功能测试，重新加载首页问题 issues/I5XBZF访问online表单开发菜单，提示...，online在线表单，新增页面无法显示联动控件 #4008解决标签页样式更多下拉显示样式错乱问题专项功能介绍——关联记录和他表字段一、关联记录介绍一个项目下的多张业务表存储不同的业务对象数据，不同业务对象之间可能存在一定的关联...场景举例： 一个联系人关联了所属客户，需要将客户的公司地址信息直接显示为本表字段。 由于“他表字段”的使用必须依附于“关联记录” ，请先了解【关联记录】 的使用。...，可为空其他字段：选择关联表中的字段作为其他展示字段信息，可选多个—“客户信息”表中的“地区”、“客户地址”、“所属行业”(此字段可用于“他表字段”中“显示字段”使用)显示方式：支持卡片、下拉框方式是否多选
食物以卡片形式展示，点击add to cart即可将食品放入到购物车中，并且在底部栏会展示出购买食品以及购买数量；上拉可以进入购物车查看具体的购买类型，数量，单价以及支付总价等完整信息。 2. ...设计师：Fanny 这是一家私人奢侈品交易电商APP，黑暗酷炫的款式。卡片式展示购物车信息，具有清晰感和层次感。 6. Shopping Cart ?...在此UI工具包中，你可以找到实用的购物的流程：产品搜索，产品详细信息，购物车，结帐，结帐审核，快递等详细信息。 免费下载 2. Shopping Cart Design for iOS App ?...设计师：TJ Du Plessis 对Zalora重新设计的购物车概念。 免费下载 4. Series 3 Apple Watch Cart Page Design ?...简单的设计，可帮助你更方便的根据自己的风格和需求进行修改。此模板使用了Bootstrap提供的内置功能，可以制作很酷的弹出式按钮，能在手机上运行演示，并查看设计。 在线预览 免费下载 4.
HarmonyOS 应用：使用 HarmonyOS SDK 开发的应用程序，能够在华为终端设备（如：手机、平板等）上运行，其有两种形态： 传统方式的需要安装的 App。...它基于 HarmonyOS 平台开放能力开发，打包为 App Pack 形态，运行在HarmonyOS操作系统，拥有一张或者多张万能卡片，由 HarmonyOS 应用程序框架管理，具备随处可及、服务直达...万能卡片：HarmonyOS 系统定义的一种界面展示形式，它是 HarmonyoS 元服务的一个组成部分，将重要信息或操作前置到卡片，以达到服务直达，减少操作层级的目的。...点我前往下载 这个Idea和jetbrains的好像诶是我的幻觉么 我这里是 MacBookPro M1 请下载你们自己对应的版本 提前需要环境 node.js 本文使用 16.20.0 运行环境要求...这里有几点注意事项： 如果电脑上已经有Node.js，但是版本不一致，建议选择让工具重新安装 如果电脑上已经有Node.js，并且版本一致，可以选择Local，指定node目录即可 如果电脑上对Node.js
repository，【提示使用电子邮件，先创建一个github账号】，访问github，推荐使用谷歌浏览器， vpn，格式是 username.github.io 3.2 步骤2: 下载github...看一个实际开源项目 jQuery 5.1 界面 https://github.com/jquery/jquery github上的项目文档是 markdown编写 Watch: 关注项目变化，如被别人提交了...Fork: 得到一份原项目的拷贝，如果后续原项目改变，需要自己去处理同步 Branch: 分支 Tag: 标签 5.2 项目不同版本比较 https://github.com/jquery/jquery.../compare 项目的url/compare 可以对不同版本比较，如图 比如可以看到有多少个文件的变化，有多少次commit 提示：直接使用 git工具也可以进行版本比较 5.3 issues issues...项目板包括议题、拉取请求和注释，在选择的列中分类为卡片 拖放或使用键盘快捷键对列中的卡片重新排序，在不同列之间移动卡片，以及更改列的顺序 5.7 Wiki 维基百科（Wikipedia） 可以把项目的方方面面进行说明
随着近两年小程序应用的普及，越来越多的商家通过小程序展开营销，相比APP，小程序有更大机动性，能够支持搜索、会话、微信群、朋友圈等场景。...一、海报绘制 目前小程序仅支持以卡片方式分享给好友或群，不能一键分享到朋友圈，基于二维码能够长按识别的特性，我们将二维码与分享内容相结合，以海报图的方进行分享与推广，通过关键信息的展示，使用户快速捕捉到商家传递的重点信息...在实际绘制时，首先定义一个canvas容器，然后根据海报图各元素宽高和定位，叠加背景底图、文字、二维码等信息，无需关注内部绘制方法。...微信搜一搜入口的开放拉近了商家与用户的距离，用户在搜一搜输入关键词，页面会呈现相关服务的小程序推荐卡片，点击搜索结果即可直达小程序内业务页面。...gWidgetData) { return } //重新设置widget模板 this.setWidgetRender() //重新渲染widget数据
1.前言 在之前的工作中，越大过这样的场景，在做banner图的时候，使用的定位，实现图片的淡入淡出和放大效果， <!...，但是在服务器上就能看出问题，其中li使用了定位，这是ul讲不继承li的高度，再加上页面是自适应，又不能给ul添加高度，所以要动态的计算其尺寸。...isImgLoad(callback); // 递归扫描 },300); //设置扫描时间 } } 2.onload与ready ready是jquery...uploadfile/ImgFile/2013-11/Img2013111300220767486.jpg"> //js $(document).ready(function(){ //jquery...}).then((bannerItem)=>{ //code $('.swipe ul').height($('.swipe img').css('height')); }) 3.2多张
去年4、5月份的时候接触到《卡片笔记写作法：如何实现从阅读到写作》，便被其中知识管理的理念深深吸引，并且在它的推荐下，果断投入到Obsidian的使用中。...虽然组织方式仍具有一定逻辑，但是宝贵的知识点却淹没其中。 内容耦合。知识/内容常以文章形式组织，篇幅较大；在查询某个知识点时，往往要定位到一篇笔记的某个段落；复用时也是粘来粘去，造成冗余。...怎么说呢，借用柏杨的“酱缸”理论来形容当下的知识管理系统或有相似之处：随着笔记不断累积，系统逐渐混沌，最终导致的结果是，搜索效率不可避免地降低。 显然，当前的系统状态与理想的知识管理系统还相去甚远。...知识管理相关知识的提取与重构 需要补充一点的是：笔记由目录1-2-3-4提取并合入目录5时，由于之前写作笔记并非以记录知识点为目标，风格比较凌乱，需要参考卢曼卡片写作法，重新思考笔记内容，进行必要改写。...从一次讲座获取的信息中提炼知识点 今天的分享就是这些内容。如果你也有着和我一样的困扰：随着笔记数量的不断增加，知识系统日趋混沌，导致搜索效率下降，那么，不妨也停下来思考一下，有没有系统改进的可能
django框架 今天开始介绍一个单独的项目app 主要功能包括： 学习成绩查询，数据统计分析 涉及前端模块： Datatables、ECharts、JQuery Part 1：目标 ?...对之前的页面稍作优化，使用Bootstrap4中支持的卡片功能 将整个背景色修改成一个颜色 title位置增加一个小图标 修改前 ? 使用卡片 ? title小图标 ? Part 2：代码 ?...卡片构成 <!...背景色设置，通过style进行设置 3. title小图片，将需要使用的图片放在对应的静态文件位置 <link rel...---- 以上为本次的学习内容，下回见
类似于 Solr, 但是用于浏览器上的全文搜索引擎，可以为 JSON 创建索引，离线也可以使用 jquery.hotkeys: jQuery 插件，用于绑定热键 breach_core: Javascript...编写的 Browser (浏览器) octocard: 用于生成 Github 信息卡片的库 github-cards: 用于生成 Github 信息卡片的库 money.js: 轻量级货币转换库，web...api使用移动设备的功能。...定位、运动、倾斜等 hyhyhy: 用于创建 基于 HTML5 的 演示文稿 swipebox: jQuery 插件，用于处理移动端的触摸事件 FileAPI: 前端用户处理文件（拖放、多文件上传等）...://npm.taobao.org/ npm 模块安装机制简介 http://www.ruanyifeng.com/blog/2016/01/npm-install.html npm包搜索地址 https
内容进行实时的编辑 summernote 在移动设备上用不错 HTML5播放器 jwplayer 被大量网站使用 html5media 简单的h5player，轻量级 jplayer 功能强太，...动画效果 jQuery.Marquee 跑马灯效果 quickflip 卡片翻转效果 卡片翻转效果2 兼容性可以。写的比较简单：1，只支持x方向翻转 2,类名都是规定好的 3，只能被调用一次。...jquery的动画不支持颜色值的变化。改库提供了这个支持。...transit 对元素进行css的变换 视觉差插件 scrollorama 比较简单 superscrollorama 能做的效果更多，但要用第三方Tween的库，使用起来比较复杂。...而且它是非常符合搜索引擎优化的原则的。此外，它能够避免您的HTML、XHTML中出现object、embed等非标准标签，从而符合更加标准。
我们在制作条码标签的时候，一般都是使用标签打印机打印在专门的标签纸上。但是也有一种情况就是设计完标签后在A4纸上打印，这样一张纸上就可以打印多张标签。具体如何操作小编将详细介绍。...01.png 二、点击设置数据源按钮，在弹出的界面里添加数据库Excel文件。 02.png 三、使用单行文字，在编辑界面输入文本信息，并插入相对应的数据源字段。...设置文字的字体、字号等 03.png 四、点击条码按钮，选择条码的类型，在输入数据库字段里选择条码，点击插入。 04.png 五、条码做完了，点击下方的卡片类型，修改为证卡证书类卡片。...05.png 六、点击打印预览，选择打印机，在纸张大小处选择A4，方向根据自己的需要选择横向或者纵向。然后在卡片排版里点击铺满纸张，记录范围调整到需要的数量。...这种方式也可以批量打印二维码，更多功能介绍我们会陆续推出，感兴趣的小伙伴请多多关注我们。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
