前端基础-npm包相关知识
npm
npm 是世界上最大的软件注册表。全世界的开源开发人员都使用 npm 共享和借用软件包,许多组织也使用 npm 来管理私人开发。
npm 包含三个不同的组件:
- npm 网站:用与搜索 npm 包,注册账号,管理你的 npm 包。
- CLI 工具:开发者用得最多的命令行工具。
- 注册表(registry):大型的 JavaScript 软件公共数据库及其周边的元信息。
常用 CLI 命令
npm init:创建 npm 包。npm install:安装包。别名:npm i, npm add。npm uninstall:卸载包。别名:remove, rm, r, un, unlink。npm run <script name>:运行 scripts 配置内容。npm version <new version>:更新包的版本号。npm update:更新包。别名:up, upgrade。
package.json 文件
name[必选]:包名,必须为小写和一个单词,并且可能包含连字符和下划线。version[必选]:版本号,x.x.x 格式,符合语义化版本规范。description:包描述,一段文字。keywords:关键词,字符串数组。homepage:主页地址,一段 url 链接。bugs:bug 地址。license:版权。author:作者。contributors:贡献者。funding:资助者。files:描述了将软件包作为依赖项安装时要包括的文件类型。main:包的入口文件。当引入一个包时,main文件导出的内容将作为包的入口。browser:客户端使用,browser 替代 main 作为入口。bin:一些包包含了要引入环境的可执行文件。man:指定要放置的单个文件或文件名数组,以供man程序查找。directories:CommonJS Packages规范详细介绍了几种可以使用目录对象指示软件包结构的方法。repository:指定代码所在的位置。scripts:运行脚本。config:script 脚本的配置。dependencies:项目依赖。安装方式:npm ior npm i -S or npm i [–save-prod]。 devDependencies:开发依赖。安装方式: npm i-D or npm i –save-dev。 peerDependencies:前置库,如编写一个 jquery 插件,它的前置库是 jquery。bundledDependencie:这定义了一组软件包名称,这些名称将在发布软件包时捆绑在一起。执行 npm pack 可以将其打包到一起。optionalDependencies:可选的依赖。engines:指定 node 版本。os:操作系统。cpu:cpu 信息。private:是否私有。publishConfig:发布配置项。
语义化版本号(semantic versioning)
参考文档
前端高级-前端拖拽技术
拖拽有两种实现方式:
其中,H5 不仅移动 html 元素,还移动数据对象。要移动元素,推荐使用 MouseEvents:
- mousedown:选中元素
- mousemove:移动元素
- mouseup:释放元素
W3C-Canvas文档翻译
翻译了 W3C-Canvas 文档,加深对 canvas 基础的理解和掌握。
使用Chrome开发工具优化网站速度
本文总结 chrome 开发者工具的使用,重点介绍性能优化方面的工具。
官方文档参考:https://developers.google.com/web/tools/chrome-devtools/?hl=en。