自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 ant.design v4中经验总结

1. <Select>中如果一旦加了value属性,placeholder属性就会失效。解决方案:将默认的value值改成undefined即可

2020-06-28 18:15:08 37 0

原创 如何在下拉选择框中,选择的时候添加tips

<Select showSearch={true} onChange={selectInfo} placeholder="请输入名称搜索" > { serverList.map((item, index) => { retu...

2020-06-17 19:10:28 42 0

原创 antv/G2 v4使用遇坑之旅

1. 当container中指定是这个容器的id名时,如果要复用这个组件,那么会在当前id下创建多个一样的图表组件,且样式会乱掉。因为指明了当前id. 解决方案:改用refs去指定即可。 this.chart = new Chart({ container: this.chartRef....

2020-06-16 17:59:51 320 0

原创 Git提交代码开启大小写区分

git config core.ignorecase false

2020-06-03 13:55:00 56 2

原创 FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory打包报错解决

对于庞大的项目而言,webpack打包会存在node内存溢出的问题。解决方案如下: webpack4: 原先的: "build": "webpack --mode production --config ./config/webpack.config.prod...

2020-06-02 17:47:17 37 0

原创 报错:Could not find a declaration file for module 'xxx'. 'xxx' implicitly has an 'any' type.

报错截图如下: 除了遇到js引入的module报错,也会遇到类似于img引入时候报错,报错如下: 而图片的引入是按照: // 引入 import replyIcon from '../../images/reply.png'; // render <i...

2019-11-12 18:18:04 5545 0

原创 webpack系列笔记(10)webpack启动过程分析

实际的入口文件是:node_modules/webpack/bin/webpack.js 打开这个webpack.js分析源码: 根据源码分析: 大致的过程如下: 1. process.exitCode = 0; 正常执行返回 2. 运行命令 3. 判断依赖包是否已经安装上...

2019-10-14 15:35:04 81 0

原创 webpack系列笔记(9)webpack构建速度和体积优化策略

初级分析:使用webpack内置的stats stats: 构建的统计信息 package.json中使用stats: "scripts": { "build: stats":"webpack --env production --json ...

2019-10-14 15:29:28 226 0

原创 webpack系列笔记(8)冒烟、单元测试和测试覆盖率

冒烟测试(smoke testing): 冒烟测试是指对提交测试的软件在进行详细深入的测试之前而进行的预测试,这种预测试的主要目的是暴露导致软件需要重新的基本功能失效等严重问题。 单元测试的工具: mocha Use // eslint-disable-next-line to i...

2019-10-14 15:16:29 169 0

原创 webpack系列笔记(7)优化构建命令行

优化构建命令: 统计信息stats 采用errors-only,只在发生错误时输出。这样就免了在控制台打印的很多的信息。可是实际操作的时候发现。errors-only在npm run build时,信息很少,没有打包成功的明显的命令。故此引入新的插件。 npm i frien...

2019-10-14 15:10:45 56 0

原创 webpack系列笔记(6)实现SSR打包

总结,SSR(server render) 服务端渲染的核心就是减少请求 1. 减少白屏时间 2. 对SEO友好 SSR的代码实现思路: 1. 服务端: 使用react-dom/server的renderToString方法将React组件渲染成字符串 服务端路由返回对应的模板...

2019-10-14 15:08:43 209 0

原创 webpack系列笔记(5)性能优化

移动端css px自动转换成rem: px2rem-loader: { loader: 'px2rem-loader', options: { remUnit: 75, // 1个rem是多少px, 一般以750设计稿, vw/10是75 remPrec...

2019-10-14 15:07:14 112 0

原创 webpack系列笔记(4)hash

path: path.resolve(__dirname, 'dist') console.log(__dirname); 打印出来是:/Users/wangrui/Desktop/wpDemos 意思是:在当前根目录上创建一个dist文件夹,并且将打包出来的文件放进去 ...

2019-10-14 15:03:28 37 0

原创 git help --web log执行命令时报错fatal: '/usr/local/git/share/doc/git-doc': not a documentation directory.

在执行命令 git help --web log 时遇到提示 fatal: ‘/usr/local/git/share/doc/git-doc’: not a documentation directory. 解决方案: 1. 升级最新的git版本:目前我用的git版本是v2.2...

2019-10-11 15:41:33 71 0

原创 报错:Registry returned 409 for PUT on http://registry.npm.taobao.org/ -/user/org.couchdb.user

先贴出报错: npm登录的时候,报错409. 原因:镜像源切到了淘宝源,需要将淘宝源切回到npm. 解决方法:nrm use npm. 或者: npm login --registry http://registry.npmjs.org npm publish --registry...

2019-09-01 19:51:45 1105 0

原创 报错:No coverage information was collected, exit without writing coverage information

先贴出报错: 注意:我的mocha单元测试均通过,但是istanbul的测试覆盖率却无法生效。 本地的test命令如下: "scripts": { "test": "istanbul cover ./node_modules...

2019-09-01 15:18:27 329 0

原创 报错:Invalid left-hand side in assignment 解决

先贴出报错: 我本地的weback4 配置了eslint, 打包的时候没有报eslint报错,且打包成功。但是打包出来的html文件浏览器打开是空白。控制台打开报错是Uncaught RefrenceError: Invalid left-hand side in assignment. 大致的...

2019-08-25 09:59:08 824 0

原创 报错:You do not have permission to publish "xxx". Are you logged in as the correct user? :xxx

先贴出来报错: 发布npm包的时候,报了这个错。 解决方案: 将package.json中的name替换一个稍微自定义的名字即可。 我之前用的是large-number, 很多人用过这个包名导致问题。用成large-my就好了。 ...

2019-08-23 19:24:05 1094 0

原创 webpack4已经配置了mini-css-extract-plugin, 但是却打包生成不了css文件。解决

mini-css-extract-plugin 这个plugin将CSS提取到单独的文件中。它为每个包含CSS的JS文件创建一个CSS文件。它支持CSS和SourceMaps的按需加载。 我本地配置了这个plugin, 但是打包却依然没有css, 且打包并没有报错,很奇怪。 原因已经找到: ...

2019-08-20 15:31:01 3985 0

原创 报错The code generator has deoptimised the styling of ...as it exceeds the max of 500KB.

先贴出报错: 字面意思是:babel警告,代码生成器已经将这块js去除了styling, 因为他超过了500KB. 解决方案: { test: /.js$/, exclude: /node_modules/, use: 'babel-loader�...

2019-08-20 13:59:08 4641 1

原创 报错Invalid options object. Style Loader has been initialised using an options object that does not .

先贴出报错: 我用的webpack版本是:v4.36.1 根据字面意思,style-loader中不存在上述的options选项。找到node_modules里面的style-loadr源码查看: const insert = typeof options.insert === &...

2019-08-19 18:02:10 3023 6

原创 移动端适配原理解析以及rem如何换算px

首先贴出目前手淘用的lib-flexible库源码: (function flexible (window, document) { var docEl = document.documentElement var dpr = window.devicePixelRatio || 1 ...

2019-08-19 15:16:26 140 0

原创 报错Replace Autoprefixer browsers option to Browserslist config.

browsers已经不再使用,采用overrideBrowserslist.或者使用browserslist key in package.json or ,browserslistrc file.

2019-08-15 20:53:25 5108 1

原创 报错:TypeError: CleanWebpackPlugin is not a constructor

// webpack版本:4.32.2 // 抛错原写法 const CleanWebpackPlugin = require("clean-webpack-plugin"); ... plugins: [ new CleanWebpackPlugin([&...

2019-08-15 20:26:27 273 0

原创 如何发布自己的npm包

注册NPM 账号 注册地址:www.npmjs.com/ 初始化自己要发布的项目 搭建本地环境:安装node.js,包含了npm命令。 新建目录,在该目录下,初始化项目:npm init。 按照提示填写初始化信息,我的模块名称为:wr-npm-test,初始版本号:v1.0.0。 模块名称需遵循相...

2019-08-14 15:25:14 78 0

原创 报错Error: options/query provided without loader (use loader + options) in {

首先贴报错: webpack配置如下: module.exports = { entry: { app: './src/index.js', search: './src/search.js' }, ...

2019-08-13 17:18:49 1140 0

原创 报错Cannot use [chunkhash] or [contenthash] for chunk in '[name][chunkhash:8].js' (use [hash] instead)

先贴出报错: 这里我使用了css的contenthash, 以及js的chunkhash, 这个跟hotModuleReplacementPlugin有冲突导致的。mode已经改成了development仍然报错。 解决方案:将new webpack.HotModuleReplacem...

2019-08-13 16:37:39 2218 0

原创 splice、slice、substring、substr的区别

splice: 含义:只有数组中才有此方法。从数组中添加/删除元素,然后返回被删除的数组。该方法会改变原数组。 语法: arrayObject.splice(index,howmany,item1,.....,itemX) 示例: var arr = [1,2,3,4]; arr.s...

2019-07-25 18:27:27 46 0

原创 webpack 4系列笔记(2)基本配置

加载图片与图片优化: 如果不加对图片处理的loader, 就会报错: vscode中竖排选中如何选中?command+option+ ∨ (向下箭头),则可以按纵向选中项。 shift+ >(向左箭头),则可以按横向选中项。 file-loader: 处理文件的导入 ...

2019-07-19 15:57:36 32 0

原创 webpack 4系列笔记(3)babel

JS启用babel转码: 虽然现代的浏览器已经兼容了96%以上的ES6的语法了,但是为了兼容老式的浏览器(IE8、9)我们需要把最新的ES6的语法转成ES5的。那么babel的loader就出场了。 npm i -D babel-loader babel-core babel-preset-...

2019-07-19 15:53:30 60 0

原创 webpack 4系列笔记(1)loader

npm init -y 初始化package.json; -y是代表yes,跳过提问阶段 webpack 4.x版本之后,需要再额外安装一个webpack-cli --save => -S 保存至dependencies -dev --save => -D 保存至devDepen...

2019-07-10 16:10:50 94 0

原创 vue中的父级传值到子级的交互

父组件: <div> 我是父亲 <child :is_nike="isNike"></child> </div> <script> export default { components: { ...

2019-03-20 16:16:42 1820 0

原创 vue中的style、class根据变量来改变写法

1. class: // 判断isreply是否为false, 若为false, 则拥有m-light-reply的class名 &lt;div :class="{'m-light-reply': !isreply}"&gt; &...

2019-03-18 16:47:39 3690 0

原创 git中的遴选cherry-pick和变基rebase的使用

遴选: 将2分支上的某些commit提交到3分支上: 1. 切到3分支上 2. 选中2分支上需要抽取的commit,按shift可以多选 3. 点击遴选 4. 如果遇到冲突,解决冲突,并标记已解决即可 5. 提交 注意: 一次遴选过后,想要继续遴选,需要打开终端,执行git cher...

2019-03-14 11:29:49 2606 0

原创 安装Charles抓包工具

1. 下载地址:https://xclient.info/search/s/Charles/ 2. 解压密码:本站所有dmg、zip 打开密码均为xclient.info 3. 激活方法: 4.2.5、4.2.1、4.1.4 直接安装 other: 将Charles.app拖至应用程序文...

2019-03-13 20:02:39 175 0

原创 ReactJS之如何让H5与H5之间路由跳转时传递对象参数

使用如下方法: &lt;Link to={{pathname:"/addBankCard",query: { access_token: "aaa", fundCode: "bbb",from: "ccc"...

2018-08-02 14:32:35 778 0

原创 AngularJS之如何传递可以识别HTML标签的文本参数

使用$sce.trustAsHtml方法: HTML: &lt;body ng-app="myApp" ng-controller="myCtl"&gt; &lt;div ng-bind-html="conte...

2018-08-02 11:46:31 1361 0

原创 React Native之react-native run-android运行命令报错问题解决

报错如下: Starting JS server... Building and installing the app on the device (cd android &amp;&amp; ./gradlew installDebug... Could not ins...

2018-07-18 18:41:23 5793 2

原创 RN报错Cannot add a child that doesn't have a YogaNode to a parent without a measure function!

首先贴出报错信息:具体报错:Cannot add a child that doesn't have a YogaNode to a parent without a measure function!(Trying to add a "RCTRawText [text: ]&...

2018-06-14 17:58:02 1573 0

原创 React Native报错com.android.ide.common.process.ProcessException: Failed to execute aapt.

报错环境:运行命令 react-native run-android时,报错:Error: "C" is not a valid file-based resource name character: File-based resource names must contain...

2018-06-13 18:13:55 4325 0

提示
确定要删除当前文章?
取消 删除