首页 文章 精选 留言 我的

精选列表

搜索[轻量级mvc框架],共10000篇文章
优秀的个人博客,低调大师

京东轻量级移动端组件库 NutUI 4.0 正式发布!

​作者: 京东零售 NutUI NutUI 4.0 Github 地址:github.com/jdf2e/nutui NutUI 4.0 官网:nutui.jd.com 前言 技术日异月新、发展创新、持续的迭代已成为常态。NutUI 虽经过 v1.0、v2.0、v3.0 三次技术蜕变,仍面临很多兼容、破坏性调整的需求。随着我们自身承接业务的多样性变化及社区诉求日渐增多,大调整和升级势在必行,经过团队及社区开发者 3 个多月的开发和自测,在 2023 辞旧迎新之际我们正式发布 NutUI 4.0。 NutUI 4.0 带来了CSS 动态主题、icon 图标库、自动按需引入、新增组件、更轻量的用户体验,围绕组件丰富性、轻量化、易用性力求将组件的质量和体验提升一个台阶。 新功能 CSS Variables 动态主题 NutUI 4.0 新增 CSS Variables 动态主题,在项目运行时,通过 CSS 变量覆盖默认样式,完成定制主题、动态切换主题、暗黑模式等换肤功能,提升产品易用性。 CSS Variables 本质是一系列的样式属性,默认值被定义在:root节点上,与 NutUI 3 的定制主题、在线主题定制功能相比,用户无需新建自定义 Scss 变量文件,只需通过ConfigProvider 组件实现实时动态主题切换,使用方式更加简洁、灵活。 <script setup lang="ts"> const themeVars = reactive({ buttonBorderRadius: '10px' }); </script> <template> <nut-config-provider :theme-vars="themeVars"> <nut-button type="primary">主要按钮</nut-button> </nut-config-provider> </template> NutUI 4.0 保留原有的主题定制、在线主题定制功能,开发中根据项目的实际需求进行综合考量,按需选取适合业务场景的换肤方式。 专属图标库 NutUI 4.0 新增专属图标库。@nutui/icons-vueH5 图标包与@nutui/icons-vue-taroTaro 图标包,专属图标库是将原 NutUI Icon 组件剥离,从而减少 NutUI 包体积 464kB,提升了轻量化体验。 专属图标库保持京东风格,使用方式包括 IconFont 全量引入,新增 SVG 按需引入方式。 按需使用 import { Add } from '@nutui/icons-vue'; <Add color='red'> 全量使用 import { IconFont } from '@nutui/icons-vue'; <IconFont name="dongdong"></IconFont> 随着专属图标库的诞生,NutUI 4.0 中所有组件内置图标的使用方式也发生了变化,都可以通过插槽进行自定义,图标样式、大小、颜色均由开发者配置,灵活度大幅提升。 <template> <nut-navbar title="订单详情"> <template #right> <ShareN width="16px" color='#fff'></ShareN> </template> </nut-navbar> </template> <script> import { ShareN } from '@nutui/icons-vue'; </script> 自动按需引入 NutUI 4.0 新增更高效的自动按需引入方式。通过unplugin-vue-components实现按需引入,移除babel-plugin-import、vite-plugin-style-import插件。 与babel-plugin-import、vite-plugin-style-import相比,unplugin-vue-components支持在 Vite、Webpack、Vue CLI 等项目中自动引入组件,按需引入样式也不再强依赖于 babel,开发者可以选择 SWC、esbuild 等其他效率更高的编译工具,进而提升编译效率,Taro 小程序的开发体验也随之提升。 为了适配unplugin-vue-components插件,NutUI 4.0 对部分组件的名称与使用方式进行了调整 nut-fixednav -> nut-fixed-nav nut-checkBoxgroup -> nut-checkBox-group ... ... 更多组件名称调整可参考官网从 v3 升级到 v4。 组件更完善 NutUI 4.0 除新增功能外,也加强了组件的易用性、丰富性,力求组件更高效、涵盖更多的业务场景。 新组件 NutUI 4.0 新增 2 个组件,为 NutUI 注入"新鲜血液"。 我们坚信 80 绝对不是组件库的数量极限,挖掘更多新组件,让组件库更丰富,是我们持续不断在做的事情。 Tour 新增 Tour 组件,用于引导用户了解产品功能。 PullRefresh 新增 PullRefresh 组件,用于下拉刷新的交互操作。 易用性提升 NutUI 4.0 对 20+ 个组件做了破坏性变更,提升组件灵活度、复用率、扩展性。 NutUI 致力于打造一款好用的组件库,4.0 期间对组件进行深度优化改造,诸如功能设计不合理、灵活度不高、场景覆盖不全、扩展性不强等问题。 ShortPassword不再依赖原生键盘,Demo 演示中键盘替换为Numberkeyboard组件,自由组合使用,灵活度更高 精简Input组件 Props ,使其具备与Form组件互相搭配使用的能力,提升组件复用率 InfiniteLoading组件删除下拉刷新功能,组件功能定位更加清晰,功能更加纯粹 Picker组件删除内置 Popup 功能,平铺展示,满足更多的使用场景。同时也修改基于 Picker 派生出的DatePicker组件。 ... ... 更多组件 API 调整可参考官网从 v3 升级到 v4 轻量化 NutUI 一直以来以轻量化为核心理念,在组件体积、NPM 依赖、构建产物等方面持续进行优化。相较于 NutUI 3.3.1,NutUI 4.0 的安装体积由 14MB 下降至 8MB,减少 42%。 注:上述数据来自于packagephobia NutUI 4.0 在包体积上也有了明显的下降,由 3.81MB 下降至 2.3MB,减少 39%。 组件瘦身 NutUI 4.0 对 10+ 个组件进行了优化,通过重构、逻辑修改、公共函数提取等方式,不仅加强了组件的健壮性,提高扩展性,也使 NutUI 的压缩前体积减少了 50kB。 Popover 组件进行重构,去掉第三方依赖包,实现 0 外部依赖 优化 H5 与 Taro 共同需要编译函数,实现每端代码包的每行代码都是不可或缺的 提取公共函数 5 个,减少冗余代码 ... ... 图标瘦身 NutUI 4.0 新增专属图标库,不仅安装包体积减少 595kB。 同时,NutUI 4.0 删除 125 个字体图标的 font 文件,包体积减少 464kB。 另外,专属图标库提供按需引入方式,在使用了 NutUI 的项目打包时,也只会引入组件内置图标,不会全量引入,项目包体积平均减少 50+ kB。 副作用清除 NutUI 4.0 优化打包策略,nutui.es.js 由全量引入改为按需加载,其文件体积由 624kB 下降至 11.9kB,减少 612kB。同时,避免了副作用的产生。 技术升级 NutUI 4.0 进行了底层架构升级来支撑不断加入的新功能,共建亦有全新体验。 构建工具升级 NutUI 4.0 将底层构建工具从 Vite 2 升级到 Vite 4,构建时间减少了 10 秒 库类型声明升级 NutUI 4.0 开始,不在使用第三方插件vite-plugin-dts,改用 vue 官方推荐的vue-tsc生产类型声明文件。同时,与 Volar 插件两者结合实现检查类型错误能力。 未来 NutUI 发展至今,我们一直在学习一直在思考,除了提供更加丰富的组件、优化现有组件外,还需要做哪些事情才能服务到更多的开发者,真正做到高效、灵活、好用。 NutUI 作为移动端组件库,4.0 开始会分为基础组件与高级组件两个方向。针对基础组件,开发方向拆分为 H5、小程序、APP,丰富更多的 “端” 需求。 在过去,NutUI 沉淀了大促域与抽奖域高级组件库,在 NutUI 4.0 迭代同时,我们总结过往开发业务组件的经验,梳理并推出商城域业务组件,包括商品类、优惠券类、订单类、发票类共计出 20+ 个高级组件。目前正紧张开发中,不久将与大家见面,敬请赐候~ 最后 NutUI 的持续迭代离不开使用者和开发者的长期反馈和支持,特别感谢本次为 NutUI 4.0 做出贡献的社区开发者:@Coffee-C、@gyt95、@jxt776、@kasonyang、@mikasayw、@sjx12、@thx125、@xiaosifeng。愿大家在开源的道路上步履不停~ 大家在开发中遇到任何问题,可以在 GitHub 与我们联系,或者邮件至 nutui@jd.com,也欢迎大家为 NutUI Star。 相关链接: NutUI GitHub NutUI 4.0 官网 京东小程序官网

优秀的个人博客,低调大师

VuePress 1.9.0 发布,Vue 轻量级静态网站生成器

VuePress 1.9.0 发布了,此版本为配置文件引入了完整的 TypeScript 支持,还引入了拥有类型推断功能的官方插件,完整更新内容如下: 支持 .vuepress/config.ts 之前,VuePress 只支持这些类型的配置文件 .vuepress/config.js .vuepress/config.yml .vuepress/config.toml 从现在开始,.vuepress/config.ts 获得官方支持。 defineConfig 智能感知配置助手 一个在 vuepress/config 中显示的辅助函数,它可以辅助类型提示符: import { defineConfig } from "vuepress/config"; export default defineConfig({ title: "VuePress", description: "Vue-powered Static Site Generator" // ... }); Theme 基于主题的类型推断 默认情况下,defineConfig 助手利用默认主题配置的类型作为 themeConfig,也就是说,所有默认主题配置的类型提示现在都可用。 import { defineConfig } from "vuepress/config"; export default defineConfig({ themeConfig: { repo: "vuejs/vuepress", editLinks: true, docsDir: "packages/docs/docs" // Type is `DefaultThemeConfig` } }); 如果你使用一个自定义主题,则可以使用 defineConfig4CustomTheme 助手来传递你的主题的泛型类型: import { defineConfig4CustomTheme } from "vuepress/config"; interface MyThemeConfig { hello: string; } export default defineConfig4CustomTheme<MyThemeConfig>({ themeConfig: { // Type is `MyThemeConfig` hello: "vuepress" } }); Official Plugins 官方插件类型推断 从 1.9 开始,用户将可以享受官方插件的类型提示: 元组样式(Tuple Style)、对象样式(Object Style)和插件简写(Plugin Shorthand )都支持类型推断。 元组样式: import { defineConfig } from "vuepress/config"; export default defineConfig({ plugins: [ [ "@vuepress/pwa", { serviceWorker: true } ] ] }); 对象样式: import { defineConfig } from "vuepress/config"; export default defineConfig({ plugins: { "@vuepress/pwa": { serviceWorker: true } } }); ISO 语言代码 类型推断支持ISO 语言代码 上下文 API VuePress 的配置也可以是一个函数,而它的第一个参数是当前的应用上下文: import { defineConfig } from "vuepress/config"; export default defineConfig(ctx => ({ // do not execute babel compilation under development evergreen: ctx.isProd })); 以上为 Vuepress 1.9 的更新内容,更新公告:https://github.com/vuejs/vuepress/releases/tag/v1.9.0

优秀的个人博客,低调大师

VuePress 1.4.0 发布,Vue 轻量级静态网站生成器

VuePress 1.4.0版本已发布,更新如下: Bug修复: fail to test specific package (#2099) (0aadf05) opencollective postinstall failure not being ignored on Windows(#2177) (a9759c0) $plugin-pwa:work with register-service-worker 1.7.0 (close#2222) (#2229) (604052b) $shared-utils:Slugify em/en dash in urls (#2174) (8d9968d) $theme-default:remove error logs for nested sidebar groups (#2191) (c3a943c) 新特性: $core:改进了VuePress的构建时间。 (#2163) (76da780) $plugin-last-updated:新增了dateOptions选项。(#2192) (369c315) $plugin-search:改进了原生的搜索算法。(#1557) (e9fde5c) 更新说明:https://github.com/vuejs/vuepress/releases

优秀的个人博客,低调大师

Masterlab 2.0.1 更新,轻量级的项目管理工具

Masterlab 是一款基于事项驱动和敏捷开发的项目管理工具,可将复杂的项目管理简单化。可广泛应用于缺陷跟踪、客户服务、需求收集、流程审批、任务跟踪、项目跟踪和敏捷管理等工作领域。Masterlab中配置灵活、功能全面、部署简单、使用简单,用户体验良好。 2.0.1 版本更新内容: 增加在线升级的提示 修复待办事项和迭代页面的创建表单的错误 优化v1.0-v2.0升级脚本

资源下载

更多资源
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

腾讯云软件源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题,腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构,目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称,一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集,帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Rocky Linux

Rocky Linux

Rocky Linux(中文名:洛基)是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版,作为CentOS稳定版停止维护后与RHEL(Red Hat Enterprise Linux)完全兼容的开源替代方案,由社区拥有并管理,支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性,采用模块化包装和SELinux安全架构,默认包含GNOME桌面环境及XFS文件系统,支持十年生命周期更新。

用户登录
用户注册