npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

qlview

v1.0.6

Published

拖拖拽拽Form 表单

Downloads

0

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Maintainers

qlaiqycqlaiqyc

Keywords

拖拽，Form

Readme

@TOC

QLView

npm 地址：https://www.npmjs.com/package/qlview

csdn 地址：https://blog.csdn.net/b7410852963/article/details/106215600

demo 地址https://qlaiqyc_572.gitee.io/public-layout

起因

受前同事触发，避免复写代码，打算写个拖拖拽拽的 项目 来进行 页面拼凑，完成项目开发，由于比较熟悉Vue 所以主要使用的是 Vuex + Vue + vuedraggable + view-design 完成 在这里插入图片描述

需要解决的问题

  • 怎么保证数据一致行 - JSON
  • 怎么构建一个table ; 两种方案
  1. 使用table 来处理，每个格子采用render 缺点是太复杂特别是嵌套的情况（舍弃）
  2. 参考 栅格 来进行自定义划分 规则而言 相对简单更多
  • 拖拽插件的选取 vuedraggable（主要是星星比较多）
  • 组件库的选取（iview ElementUI） 个人觉得 iview 好看一些
  • 文件生成 FileSaver
  • ==========
  • 本地开发的时候 引入包
  • npm 发布包 ，远程引用
  1. unpkg 的使用

项目结构

在这里插入图片描述

使用