首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

React 16 - 生态:UI 、Next.js、测试、开发调试工具

# UI # Ant.Design 组件齐全,适合企业场景 # Material UI 样式更加美观,适合 2C 场景 # 选择因素 组件是否齐全 样式风格是否符合企业业务需求 API 设计是否便捷灵活...技术支持是否完善 开发是否活跃 # Next.js # 同构应用 在服务端执行虚拟 DOM 渲染,此时前端和服务端渲染层是同一套代码 # 创建同构应用 创建 Next.js 应用程序 (opens...DynamicComponentWithCustomLoading /> Home page # 单元测试 React 让前端单元测试变得容易 React 应用很少需要访问浏览器 API 虚拟 DOM 可以在 Node.js...环境运行和测试 Redux 隔离了状态管理,可以进行纯数据层单元测试 # 相关工具 Jest:单元测试框架 JS DOM:浏览器环境的 Node.js 模拟 Enzyme:React 组件渲染和测试

1.4K30

守望先锋 UI

当时 Hey UI 的作者也在知乎上宣传自己的 UI ,所以更加坚定了做这个 UI 的想法。 调研了之后还真发现已经有人用 React 写了 4 个守望的组件了。...他是用 React.js 写的,不过他写不是很全,没有形成一个。既然没有同类型的产品,那就我来用 Vue.js 搞一个吧。所以今年写完代码高亮插件后,在一些契机下开始动工。...文档 整个所使用到的有 Vue.js + Karam, Mocha, Chai,可以从 npm 下载试试~[1] Overwatch UI 文档[2] Overwatch UI Github[3]...后记 其实整个 UI 真的有用么?...虽然没啥用吧,但是收获还是很大的,不仅熟悉了市面上 UI 的很多 API,也对自己的 Vue.js 有个提升,还有接触到了以前从没有用过的单元测试,当然也被 Vue-cli-3, Karam 等配置坑过几遍

55330

滴滴开源基于 Vue.js 的移动端组件 cube-ui

综合自:https://didi.github.io/cube-ui/ 继 6 月份开源Android 端插件化框架 VirtualAPK后,滴滴近日又开源了第二个项目 —— 基于 Vue.js 实现的移动端组件...移动端组件 cube-ui 授权协议:Apache 开发语言:JavaScript 操作系统:跨平台 开发厂商:滴滴 Github:https://didi.github.io/cube-ui/ cube-ui...简介 cube-ui 是由滴滴开源的基于 Vue.js 实现的移动端组件。...cube-ui 具有如下功能特性: ● 质量可靠:由滴滴内部组件精简提炼而来,历经考验,并且每个组件都有充分单元测试,为后续集成提供保障。...TimePicker组件:TimePicker组件提供了常用的日期选择功能。 Dialog:Dialog模态框组件,提供了多种样式及交互形式。

2.7K00

JS常用操作

一、使用 JS 完成注册表单数据校验 1.需求分析 用户在进行注册的时候会输入一些内容,但是有些用户会输入一些不合法的内容,这样 会导致服务器的压力过大,此时我们需要对用户输入的内容进行一个校验(前端校验和后台...onsubmit = return checkForm() 4.代码实现 JS 代码: function checkForm(){ //alert("aa"); /**校验用户名*/...三 、使用 JS 完成页面定时弹出广告 1.需求分析 我们希望在首页中的顶部做一个定时弹出广告图片。...href:该属性可以完成通过 JS 代码控制页面的跳转。...(该对象开发中不怎么常用) ** Screen 对象** Screen 对象包含有关客户端显示屏幕的信息。(该对象开发中不怎么常用) 五 、使用 JS 完成注册页面表单校验 JS的事件 ?

8K10
领券