随笔分类 - node+react+webpack+npm
摘要：进入到相应的网页界面，然后查看Sources->Page->top->webpack://->找到react的js代码处，设置断点，进行调试
阅读全文
摘要：由于手头的icon有限，需要使用更多的图标，就得找外援： 1、react安装icon插件，使用插件里已经有的图标 https://react-icons.netlify.com/#/ React Icons Include popular icons in your React projects e
阅读全文
摘要：1、安装echarts： npm install echarts --save 2、制作线性图组件，只引入echart必要的js内容 3、引入组件和组件数据 来源： https://github.com/react-love/react-echarts-modules
阅读全文
摘要：现在微服务化盛行，但是微服务并不意味着多个前端，而比较好的实践是：多个微服务后端共用一个前端。 怎么实现多个微服务后端共用一个前端，统一提供服务呢？ React可以实现，通过代理，把不同的url导向不同的微服务。 参考： 1、https://segmentfault.com/q/1010000012
阅读全文
摘要：浏览器获取静态资源方式：缓存、版本 从html文件中解析出静态资源的url，查看本地缓存是否存在、是否过期，是否需要重新获取。根据url全路径匹配查找是否存在，根据header的字段expire/cache-control等判断是否过期。 所谓版本信息，不过是静态资源url的一部分信息，通过修改服务
阅读全文
摘要：1、npm dedupe / npm ddp 重新整理本地包的依赖关系，使一些公共依赖走向依赖树的更高层级，方便更多包共同使用，减少依赖的重复引入。 Searches the local package tree and attempts to simplify the overall struct
阅读全文
摘要：1、查看npmjs服务器上包的版本信息： 使用npm view jquery versions；这种方式可以查看npm服务器上所有的jquery版本信息； 使用npm view jquery version； 这种方式只能查看jquery的最新的版本是哪一个； 使用npm info jquery ；
阅读全文
摘要：1、npm、cnpm、yarn不要混用，一个项目只使用一个 2、NPM problem: npm ERR! extraneous 表明安装了很多不需要的三方包 使用命令 npm prune删除无用的包 3、unmet dependency 删除package-lock.json文件后，重新安装npm
阅读全文
摘要：npm的依赖树查询：原理都是查询文件夹node_modules的结构。比如mac的node_modules位置在/usr/local/lib下。具体项目的node_modules位置位于项目根目录下。 1、查看npmjs上某个插件的依赖情况 2、查看某个项目的插件依赖情况 3、查看本地计算机上全局安
阅读全文
摘要：cnpm是npm的中国镜像：这是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。 安装：npm install -g cnpm --registry=https://registry.npm.taobao.org 卸载：su
阅读全文
摘要：简单理解: XYZ 的格式 对应为: 主版本号.次版本号.修订号，版本号递增规则如下： 主版本号：当你做了不兼容的 API 修改， 次版本号：当你做了向下兼容的功能性新增， 修订号：当你做了向下兼容的问题修正。 假设我们创建了一个新项目，它将使用express。 在运行npm init之后，在撰写本
阅读全文
摘要：来源： https://www.cnblogs.com/calamus/p/8384318.html
阅读全文
摘要：蚂蚁国内镜像： http://ant-design.gitee.io/components/date-picker-cn/ 阿里的设计平台：https://design.alipay.com/develop/web/react/introduce 源代码：https://github.com/ant
阅读全文
摘要：在react中用jsx渲染dom的时候经常会遇到if条件判断，然而在jsx中竟是不允许if条件判断的。以下有几种判断方式，可以根据自己的应用场景，挑选适合的 https://blog.csdn.net/wmzy1067111110/article/details/51538241
阅读全文
摘要：在react中，反引号``有特殊的含义。 如MDN中所述，模板字符串（Template literals）允许嵌入表达式，并且支持多行字符串和字符串插补特性。基本语法为以下几种： 其中第一行为最基本用法，即使用反引号 (‘`’) 来代替普通字符串中的用双引号和单引号。 第二行为多行字符串用法，即反引
阅读全文
摘要：1、不要使用数组的index索引作为key 2、在相邻的元素间，一定确保key的唯一性，如果出现了相同的 key，会抛出一个 Warning，告诉相邻组件间有重复的 key 值。并且只会渲染第一个重复 key 值中的元素，因为 react 会认为后续拥有相同 key 的都是同一个组件。 3、稳定在这
阅读全文
摘要：react热加载失败 原因：路径名字大小写错误， 不是全部加载失败，有的时候可以用，有的时候不可以 热加载插件：webpack-dev-server
阅读全文
摘要：这个是reactr-router的一个提示，当前路由下的history不能push相同的路径。只有开发环境存在，生产环境不存在，目前还没看到官方有去掉的意思。看不惯的话可以采取一些方法关掉这个提示。具体可以参考ReactTraining/react-router#4467 https://githu
阅读全文
摘要：我们在使用npm install 安装模块或插件的时候，有两种命令把他们写入到 package.json 文件里面去，他们是： --save-dev 或 --save 首先需要说明的是Dependencies一词的中文意思是依赖和附属的意思，而dev则是 develop（开发）的简写。 所以它们的区
阅读全文
摘要：今天在安装npm包时遇到了这个错误，出现如下提示： 看字面意思大概是缺少README文件和repository字段，也就是说缺少项目的基本描述文件和仓库字段。此时，我们只需在项目的根目录下创建一个README文件，并且在package.json里面添加如下配置即可: 但作为测试项目或者练习用，没有仓
阅读全文
浙公网安备 33010602011771号