logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

React拖拽组件react-grid-layout实现表单设计

左边是个控件列表,这里只放了三个控件:input, password和select;这里的控件需要增加 draggable 属性,标识控件可拖拽,比如:Input</Button>右边是个布局区域,可以在上面拖拽摆放控件位置,使用 react-grid-layout 的 Responsive 实现。当每个左侧控件拖到这个区域后,将根据具体类型,展示位具体样式。下面看一下代码实现,首先初始化三个控件

#react.js#javascript#前端
express 项目支持 typescript 实战

到这里,express + typescript 的工程改造就完成了,可以使用 “npm run dev” 命令启动工程进行测试。基于javascript的express创建好了,可以启动“npm run dev”验证一下。

#express#typescript#javascript
react-native init 初始化项目报错 TypeError: cli.init is not a function

使用 npm -g list 查看已安装的 react-native 库。使用 npx react-native init 重新初始化项目。卸载 react-native-cli 库。

#react native#react.js#javascript
使用formio和react实现在线表单设计

访问 http://localhost:3000/ 即可看到效果。可以在页面的表单设计中拖动组件,然后在表单预览中查看效果。这里创建一个简单的页面组件,主要包括三部分,第一部分是表单设计器,第二部分是表单预览,第三部分是表单JSON数据。formiojs 是一个开源的在线表单设计工具,今天看看怎样在 react js 中使用 formiojs。另外,考虑样式等问题,还安装了下面几个依赖包。

#react.js#前端#前端框架
react-native webview组件

【代码】react-native webview组件。

#react native
react-native工程执行bundler install挂死或超时问题

react-native工程默认执行 “bundler install” 命令时,会出现挂死或超时问题,原因懂的都懂。修改 bundle 配置(这一步是不是必须待验证)然后重新运行 “bundler install”。先查看一下 gem 源。

#react native
nodejs实现文件/目录的压缩和解压

在nodejs里实现文件/目录压缩和解压可以通过 compressing 库来实现,compressing 库目前支持多种压缩格式:tar、gzip、tgz、zip。

#javascript#前端#vue.js
Termux搭建nodejs环境

使用浏览器访问 http://192.168.31.250:8080/ 验证一下。使用浏览器访问 http://192.168.31.250:3000/ 验证。先安 http-server 并启动。写个Hello World验证程序。安装 express 框架。初始化nodejs工程。

#android
CentOS8容器管理工具Podman

新年新装的 CentOS8 系统,装完发现没有 Docker 了,后来发现 CentOS8 使用 Podman 作为默认的容器管理工具了,大概看了一下帮助,其实 Podman 的用法几乎和原来的 docker 一样,命令基本都一样。下面就看看 Podman 怎样来管理容器吧。安装CentOS8 使用了 dnf 来做包管理器,当然 yum 也还是可以继续使用。$ sudo dnf instal...

    共 119 条
  • 1
  • 2
  • 3
  • 12
  • 请选择