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

@quickapp-eco/quickapp-web

v0.1.1

Published

快应用web增强(支持加载动画,加载失败提示,失败重新加载和h5页面通信等功能)

Downloads

3

Readme

quickapp-web

快应用web增强 (支持加载动画,加载失败提示,失败重新加载和h5页面通信等功能)

安装

npm install -D @quickapp-eco/quickapp-web

使用

<import name="cweb" src="node_modules/@quickapp-eco/quickapp-web/components/Web"></import>

<template>
  <cweb
    id="web"
    url="https://m.mi.com"
  ></cweb>
</template>

注意点 : 如果觉的 导入组件的路径太长的话,可以新增路径别名。在快应用根目录的 hap.config.js 文件中 增加如下配置

module.exports = {
  alias: {
    "@qapp-components": path.resolve(__dirname, "node_modules/@quickapp-eco/quickapp-web/components"),
  },
};

之后,在导入时就可以这么写了

<import name="cweb" src="@qapp-components/Web"></import>

组件一览

  • web 组件:封装 loading/error 展示以及和 webview 的通信等功能
  • page 组件:封装 loading/error 功能,以及联网自动重试等功能

注意点

  1. 本组件库采用 designWidth:1080 来进行设计开发的。请将 manifest.json 中的 designWidth 配置设置为 1080。

测试

进入 test 目录,在命令行中执行 hap server --watch 命令,对 test 目录中的代码进行打包编译生成可用作本地测试的快应用 rpk。

注意:由于快应用打包工具的限制,目前只能全局安装 hap 工具并进入在 test 目录中手动执行上述命令

License

MIT