展开

关键词

分享集锦:模式讲解、Node.js 、Swift UI、Java 开发

模式讲解在我们在开发软件时,为了保证代码的可读性、可复用性、稳定性,都会结合软件特性,为其挑选一套最为适用的模式,以减少后期的维护成本。 Node.js 技术栈本文档是作者从事 Node.js Developer 以来的学习历,旨在为大家提供一个较详细的学习,侧重点更倾向于 Node.js 服务端所涉及的技术栈。? SwiftUI 自动支持动态类型、黑暗模式、本地化和可访问性,你的 SwiftUI 代码将成为你写过的最强大的 UI 代码。 这里面含有文档、例子、视频和等内容。?https:github.comJuanpeAbout-SwiftUI如果你与我一样,对 SwiftUI 感兴趣,那可以选择从这份文档开始探索这些技术。 内容涵盖编规约、异常日志、单元测试、安全规约、MySQL 数据库、工规约、规约共七大维度。这个手册还提供 PDF 版本下载,方便读者离线查看。以上,为本次分享内容。

24620

静电UI室 历届学员优秀作品欣赏

据说点击蓝色字体关注同学都升职加薪了——————————————————静电说:今天咱们来欣赏两位《静电的UI室》学员的优秀作品。 而潜水类应用,在跟学员进行反复交流和沟通的过中,启发学员产生灵感,最终完成了出色的创意作品,而这些学员也通过努力进入了理想的工作单位。 欣赏的过中,你有没有受到启发呢? 优秀的UI作品绝不局限于一成不变的模板和风格,来!做个有趣的人吧!以下作品来自20期学员@Dliya以下作品来自学员@王东X以上作品版权归作者所有

16720
  • 广告
    关闭

    腾讯云前端性能优化大赛

    首屏耗时优化比拼,赢千元大奖

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

    Android UI 技巧

    (1)使用include 标签实现包含共享UI 标签帮助你排除把一个布局插入到另一个布局时产生的多余的View Group.如,你的被复用布局是一个垂直的线性布局,包含两个子视图,当它作为一个被复用的元素被插入到另一个垂直的线性布局时 这个嵌套的布局并没有实际意义,而且会让UI性能变差。为了避免插入类似冗余的View Group,你可以使用标签标签作为可复用布局的根节点(2)使用shapes 实现渐变效果。 android:angle 表示从哪个角度开始, android:shape=rectangle置图形, 默认的也是长方形; corners 表示是有半径;android:startColor=#FFFF0000 置背景的起始颜色,android:endColor=#80FF00FF置背景的最终色,背景在这两种颜色之间渐变。

    20930

    UI初学者必看,这款神器你快速入门

    摹客iDoc神器,在延续其更快、更简单的理念的同时,更多的考虑到了UI师们,尤其是对于UI初学者们,在中的真正需求和痛点。 第二步:智能标注和切图,避免重复手动标注、标错、标漏等情况图手动标注和切图是UI师协作中另一大不能言说的痛。每次迭代,都需要花费大量的时间手动标注和切图。 第五步:9种交互动画,更加生动直观的展示现今国内,很多公司,并未对UI和交互做出明确的划分。 所以,协作中,UI师初学者也需要更多的注意与产品经理以及开发部门之间的沟通和交流。 总之,摹客iDoc是一款全面高效在线协作工具。不仅能够满足UI师的各种协作需求,对于产品经理和开发工师,也是非常贴心友好。

    22520

    Django —— 模型

    模型我们一般操作数据库的时候都是通过写sql语句,那么能不能不写sql语句就可以操作数据库呢? 可以利用ORM框架。 ORM框架还有一个功能,它可以根据我们的类自动帮我们生成数据库中的表格,省去了我们自己建表的过。 我们接着这个项目来介绍Django进行数据库开发过,模型。 1、定义模型类模型类定义在models.py文件中,继承自models.Model类。 ) 出版日期 模型类的根据,在models.py中定义模型类如下:# -*- coding:utf-8 -*-@Author :Hui@Desc :{模型模块} from django.db 继承models.Model的类的都会对应一张数据库表。2、迁移迁移前目录结构如下图: 迁移由两步完成:1.生成迁移文件:根据模型类生成创建表的迁移文件。

    19810

    Django —— 模型

    模型我们一般操作数据库的时候都是通过写sql语句,那么能不能不写sql语句就可以操作数据库呢? 可以利用ORM框架。 ORM框架还有一个功能,它可以根据我们的类自动帮我们生成数据库中的表格,省去了我们自己建表的过。 我们接着这个项目来介绍Django进行数据库开发过,模型。 1、定义模型类模型类定义在models.py文件中,继承自models.Model类。 图书类BookInfo类属性数据类型备注titleCharField(字符类型)图书名称authorCharField(字符类型)图书作者pub_dateDateField(日期类型)出版日期模型类的根据 继承models.Model的类的都会对应一张数据库表。2、迁移迁移前目录结构如下图:迁移由两步完成:1.生成迁移文件:根据模型类生成创建表的迁移文件。

    6420

    WPF 多线 UI一个异步加载 UI 的容器

    WPF 多线 UI一个异步加载 UI 的容器 2018-09-08 12:53 对于 WPF 序,如果你有某一个 UI 控件非常复杂,很有可能会卡住主 UI,给用户软件很卡的感受。 UI 的卡住不同于 IO 操作或者密集的 CPU 算,WPF 中的 UI 卡顿时,我们几乎没有可以让 UI 响应的方式,因为 WPF 一个窗口只有一个 UI 线。No! WPF 一个窗口可以不止一个 UI 线,本文将一个异步加载 UI 的容器,可以在主线完全卡死的情况下显示一个加载动画。 ----本文是对我另一篇博客 WPF 同一窗口内的多线 UI(VisualTarget) 的一项应用。 由于这个控件会在后台线创建并执行,为了避免意外的线问题,这里传入类型,而不是实例。LongTimeView 是一个用来模拟耗时 UI 的模拟控件。

    1.7K10

    成为优秀UI师,必须了解的UI规范

    今天带来的这些规范,可是成为优秀UI师必须知道的“纯干货”,还能让大家深刻了解UI规范(https:ds.mockplus.cn)的本质是什么。图标规范很多师以为UI就是图标。 虽然事实并非如此,但图标的在整个UI中是比较基础的一个环节。 在如今的APP环境当中,一些APP大牛都一直强调,师要为有品牌意识。 命名规范 5.gif 很多UI师对于“命名”是没什么概念的,他们都是随随便便地用一些没有特定意思的字母去给页面命名,这是不好的。 快速响应:加快用户读取的响应速度,能够避免从远取数据的,就尽量避免。界面友好:除了根据需求提供视觉解决方案以外,在的过中适当地加入一些小细节使交互界面更加友好是师的职责所在。

    24440

    UI,你必须知道的UI常识【萧蕊冰】

    你了解UI常识吗?当我们步入一个新行业的时候,对这个行业会充满了期待。由于UI薪酬待遇高,很多其他行业师也想转行做UI。随着移动互联网的迅猛发展,使得移动产品的人员急缺。 今天这篇就来梳理一下学UI,你必须知道的UI常识。手机屏幕尺寸屏幕对角线长度,单位为英寸。 正常来说,时采用的是显示分辨率(单位:px),序员开发时采用的逻辑分辨率(单位:虚拟尺寸单位)。 切图对于@2x的来说,1 * 1 pt = 2 * 2px;对于@3x的来说,1 * 1 pt = 3 * 3 px.所以好的@1x的图,要把它切开,由 1 * 1 pt 的大小切成 2 * 以上这些是有关UI常识的常识问题,主要侧重移动端的界面相关问题,也是一些比较基础的,感兴趣的可以看看,更多相关UI经验分享可以持续关注一下哦,每天都有更新的。学习资料可以看下简介哦。

    19120

    Android的UI与后台线交互

    本文将讨论Android应用序的线模型以及如何使用线来处理耗时较长的操作,而不是在主线中执行,保证用户界面(UI)的流畅运行。本文还将阐述一些用户界面(UI)中与线交互的API。 UI用户界面线当应用序启动时,系统会为应用序创建一个主线(main)或者叫UI线,它负责分发事件到不同的组件,包括绘画事件。完成你的应用序与Android UI组件交互。 例如,当您触摸屏幕上的一个按钮时,UI线会把触摸事件分发到组件上,更改状态并加入事件队列,UI线会分发请求和通知到各个组件,完成相应的动作。 总之,我们需要保证主线UI线)不被锁住,如果有耗时的操作,我们需要把它放到一个单独的后台线中执行。 Android提供了几种方法来从其他线访问UI线

    31250

    CRM Interactive Report的UI

    我完成了使用SAP CDS view重构CRM Service order advanced search之后,下一步就是研究如何用CDS view去替换老的CRM Interactive report的UI Here below is the creation UI for CRM Interactive Report implemented currently:? 上图的UI界面实际上也是通过一个UI5应用开发的,通过iframe技术嵌入到基于ABAP的CRM WebClient UI UI里。?

    16450

    UI资源收集

    UI Parade 灵感UI网是一个致力于UI作品分享的网站,提供很多有才华的师们的优秀作品,帮助师们获得UI方面的灵感,提供丰富的参考案例,同时还提供收费版的在线工具 Lovely UI 可爱的UI手机界面站点,一个致力于智能手机界面作品展示的博客网站,由众多序界面师上传分享出来的,该网站分类详细,用户可以更加分类来查看不同的界面UI,要想提高自己的能力就需要去取经 UI中国 前身为iconfans,是国内专业的UI师交流、学习与展示的平台。? 优 优秀网页联盟(SDC),是有着良好职业交流氛围的网页行业联盟。? 学UI网 一个发布高质量和分享经验的UI学习平台。? UI网 一个专业的用户界面、交互动画分享平台。?? 花瓣网 师寻找灵感的天堂! 重磅!帮你全面彻底搞定Material Design的学习笔记 图标 移动端图片格式调研 图片通常是移动端流量耗费最多的部分,并且占据着重要的视觉空间。

    1.6K31

    UI 中的视觉无障碍

    UI 中的视觉无障碍 2017-12-10 10:58 我给博客改了主题色,从 这样的 改成了 这样的;然而我问小伙伴看看效果他却并没有发现改变。? 本文将通过更加了解色盲(Color Blindness)来指导我们为更多用户提供更好的 UI 。----没有色盲模拟器大多数想理解色盲眼中世界的人可能会考虑“色盲模拟器”。 UI 中的视觉无障碍作为三色视觉的序员和师,刚刚我们想象了一把双色视觉的色盲世界,又被四色视觉的异人逼着看叶子的形状找草体验了一把当色盲的感觉。 在团队的 UI 中,建议制作一些产品标准色之后通过色盲模拟器检验。此后使用这些标准色。非颜色辅助元素如果某些 UI 元素仅用颜色来区分,那么对色盲来说这样的 UI 将非常难用。 推荐一些工具用来手工检查界面是否做到了无障碍本文开头我们说到色盲模拟器并不能模拟色盲眼中的世界,但是我们却可以用这些模拟器来评估我们的 UI 是否能让色盲者无障碍地使用。

    51820

    从 Element UI 源码的构建流来看前端 UI

    引言由于业务需要,近期团队要搞一套自己的UI组件库,框架方面还是Vue。而业界已经有比较成熟的一些UI库了,比如ElementUI、AntDesign、Vant等。 但造轮子绝非易事,首先需要先去了解它整个但构建流、目录等。 本文通过分析ElementUI完整的构建流,最后给出搭建一个完备的组件库需要做的一些工作,希望对于想了解ElementUI源码或者也有搭建UI组件库需求的你,可以提供一些帮助! :遍历examplesi18npage.json,根据不同的数据结构把tpl文件的标志位,通过正则匹配出来,并替换成自己预先定好的字段。 到这里ElementUI的完整构建流就分析完了。ui 组件库搭建指北通过对ElementUI源码文件和构建流的分析,下面我们可以总结一下搭建一个完备的 ui 组件库都需要做什么工作。

    66420

    从 Element UI 源码的构建流来看前端 UI

    引言由于业务需要,近期团队要搞一套自己的UI组件库,框架方面还是Vue。而业界已经有比较成熟的一些UI库了,比如ElementUI、AntDesign、Vant等。 但造轮子绝非易事,首先需要先去了解它整个但构建流、目录等。 本文通过分析ElementUI完整的构建流,最后给出搭建一个完备的组件库需要做的一些工作,希望对于想了解ElementUI源码或者也有搭建UI组件库需求的你,可以提供一些帮助! :遍历examplesi18npage.json,根据不同的数据结构把tpl文件的标志位,通过正则匹配出来,并替换成自己预先定好的字段。 到这里ElementUI的完整构建流就分析完了。ui 组件库搭建指北通过对ElementUI源码文件和构建流的分析,下面我们可以总结一下搭建一个完备的 ui 组件库都需要做什么工作。

    53610

    你避雷!网页中常见的17个UI错误集锦(附赠技巧)

    具备所有最新功能和响应式有助于提高网站的搜索引擎排名,从而增加受众群体。但是,当项目过大时,开发人员往往无法遵循最佳UI的原则进行开发。 所以,今天咱们讨论的话题就是导致网站UI失败的原因以及如何避免这些错误的UI技巧,总结出来有17个。我们一起来看看吧!1. 避免刻意销售? 从到开发,每个步骤都要让客户参与其中,以便他们可以在遵循最佳UI实践的同时检查应用序,以及他们的UX架构师是否可以根据需要提供其他UI技巧。2. 强迫用户接受或开发过中,你必须从最终用户的角度进行思考。请记住,你正在一个虚构的人格。你可能更喜欢特定的颜色或渐变图案,但最终用户不一定喜欢它。 如果你的目标是遵循最佳UI实践,则必须包含正确的可访问性测试。以上是我们的一些想法。如果你能想到任何其他不符合最佳UI实践的错误或方案,请告诉我们。

    22010

    】Adobe Xd 简明

    写在前面本人在学了一年半平面之后(苦于不会画画,只会用软件,没做出个啥东西来),转做的 iOS 开发,算是能写点新手,如果您是职业师,就别对这篇文章抱太大希望啦。 如果你是不会做 UI序员(做 iOS 开发的最好),希望你能有所收获。 Sketch 出现之后呢,虽然 Photoshop 依然在横行,但是在 UI 这个领域,至少被 Sketch 冲击地不轻。 ----基础如果您已经会用 Sketch 的话,那是最好,如果是不会做 UI序员的话……快去学一下噻(也只能凑合着看啦)----正文? 假原型工具占了产品界面的 20%,那么 Adobe 可能会希望把以前的 PS + Sketch = 80% 的情况,变成 PS + Xd = 100% 吧。

    1.1K30

    ui-select官方(二)——ui-select指令

    ui-select指令ui-select的指令和事件属性 选项 描述 值 默认值 multiple 多选,直接加上multiple属性 close-on-select 在多选情况下,选中一项,就关闭下拉项 someFunction($item, $model) on-select 当项被选中时发生 on-select=someFunction($item, $model) 全局配置你可以使用全局配置来配置你的ui-selectapp.config uiSelectConfig.theme = bootstrap; uiSelectConfig.resetSearchInput = true;uiSelectConfig.appendToBody= true; });主题ui-select 有下列主题:l bootstrapl select2l selectize主题可以置为全局配置var app = angular.module(app,);app.config(function(uiSelectConfig ) {uiSelectConfig.theme = bootstrap; });或者在标签属性中置,如: ...添加引用使用主题需要应用相应css主题: bootstrap文件: 或者使用less版本

    31710

    2019,UI师及序员必备神器

    作为对UI师更大度的支持,今天特意为你分享一款释放你双手的神器。让你可以把时间和精力投入到本身,这款神器为你解决最后“一公里”的技术对接。 你会遇到的问题作为一名师,你是不是也发现,最烦恼的有时居然不是,而是完成最后一稿后的交付。切图和标注要花费太多的时间,一些切图工具又不够“智能”,真正的解放双手长路漫漫。 交互原型,动效迷人谁说的UI师做不出逼格满满的交互原型呢?iDoc轻松搞定,开发一眼就能看懂! ② 评论等比例绘制③ 文字批注④ 文件夹、zip直接拖拽上传,自动解压⑤ 评论可@成员,消息不遗漏还有更多黑科技,iDoc等你来撩,为了更好的体验iDoc,UI师一个人免费使用当然不够,今天摹客给你们的福利是 ——【免费升级到协作版】,不仅师可以用,你的产品团队,产品经理啊,工师啊都可以加入进来协作,效率加速提升,快到没朋友!

    35440

    前端序员要懂的 UI 知识

    作为一个前端工师,如果你对 HTML 和 CSS 有基本的了解,并希望在浏览器中创建美观的用户界面,那就别到处乱找资料了! 在本文中,你将通过了解以下七个基本知识来提高 UI 技能: 留白对齐对比比例板式颜色视觉层次让我们开始吧!留白我们要研究的第一个基础是空间留白,也被称为负空间。 很好的例子版式版面UI 也有很大的影响。有很多方法可以调整这个置,包括字体选择、字体大小、对齐方式、字母间距、行高、字体样式、颜色和对比度等。 排版不佳的页面颜色最先影响用户体验的 UI 是颜色。颜色心理学认为着每种颜色都对某些人产生了意义——例如红色可以表示危险,而白色可以表示清洁和宁静。但是要注意颜色。 使用字体和颜色建立视觉层次总结在本文中,我们介绍了七个主要的基础:留白,颜色,对比,比例,对齐方式,版式和视觉层次。

    27210

    相关产品

    • 设计协作平台

      设计协作平台

      腾讯自研的产品设计研发一站式协作平台,支持在线导入预览Sketch设计稿、自动生成设计标注切图,灵活调用图标库、素材库,支持多种插件上传,让产品设计更轻松高效。

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      扫码关注云+社区

      领取腾讯云代金券