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

mpvue-lint

v1.0.72

Published

检测h5版本的vue组件是否符合mpvue语法规则

Downloads

2

Readme

mpvue-lint

#模块功能 检测h5版本的vue组件是否符合mpvue语法规则 #使用方法 npm install mpvue-lint 构建流中调用,传入entry(array) , 要检查的入口Vue文件

const mpvueLint = require('mpvue-lint')
mpvueLint.build(
{ 
	entry:
	[ path.resolve('mpvue/page/worldcup/home/index.vue'), 
	path.resolve('mpvue/page/worldcup/card_detail/index.vue'), 
	path.resolve('mpvue/page/worldcup/activity_rules/index.vue') 
	] 
})

如果有引用路径的错误,会报白色提示 如果有template错误,比如组件上用class,绑定click事件等会报错误名,文件名,和组件名 如果Vue文件方法里有写法错误,如使用zepto,window,document等,会报错误名,文件名,方法名,行号 如果想自定义需要报错的函数调用,请按照mpvuelint.json里的格式添加你的函数名,例如,"knb":true会在 vue文件中所有调用knb的地方报错提醒 lint检查非强制,FE同学自己根据提醒修改业务代码

mpvue-trace

debug时跟踪数据变动的模块

用法

在mpvue/你的工作目录/你的页面目录/main.js中加入如下引用

<<<<<<< HEAD
const mpvueTrace = require('mpvue-lint/mpvue-trace')
=======
const mpvueTrace = require('@waimai/mpvue-lint/mpvue-trace')
>>>>>>> master
mpvueTrace.trace(Vue); //Vue是当前页面中的Vue实例

调试mpvue页面时,如果触发了数据更新,console控制台会输出这次操作500ms内引发的所有数据更新的大小, 帮助FE同学观察页面数据变化,通过优化减少数据变动提高页面性能

使用注意!

上面的调试代码会监听Vue.$updateDataToMP方法并把更新数据转字符串计算大小,会有一定性能损耗, 仅做调试trace用,上线代码一定要去除。