xxcf2010-CSDN博客

原创 vue 打包组件的时候如何不让样式分离

使用 vue-cli-service build --no-clean --target lib --name ComponentName.vue构建组件的时候发现组件的样式分离出去了，解决方法如下:在 vue.config.js 中设置 css: { extract: false }。

2021-05-25 11:48:31 927

原创 vscode通过点击运行npm脚本

首先打开设置界面，再搜索栏中输入npm.enableRunFromFolder，勾选。然后打开侧栏菜单，右击勾选npm 脚本

2021-05-24 16:37:10 1435 1

原创 git whatchanged

使用git whatchanged可以查看某段时间内的变化、举例：git whatchanged --since="5 hours ago"会打印出过去5个小时内的变化，你也可以使用weeks, months, years作为时间关键词。

2021-05-17 15:46:30 462

首先打开package.json，再scripts属性下添加以下命令："scripts": { ... "lib:build": "vue-cli-service build --target lib --name VuePartivleground ./src/components/VuePartivleground/index.js", "lib:publish": "npm run lib:build && npm publish" },VuePartiv

2020-12-21 09:58:49 2695

原创如何将react-app 部署到 gh-pages

1、首先进入react 应用目录，安装GitHub Pages包。cd my-appnpm install gh-pages --save-dev2、修改package.json文件夹首先，我们要在添加homepage属性，它的结构是http://{username}.github.io/{repo-name},{username}是你的github账户名，{repo-name}是你仓库的名字。接着，在scripts属性下面添加predeploy和deploy命令"scripts": {

2020-12-09 09:48:28 225

原创 React 组件定义props 默认值

可以在类里面定义一个defaultProps属性来设置默认值class ReactComp extends React.Component {}ReactComp.defaultProps = {}// orclass ReactComp extends React.Component { static defaultProps = {}}如下面例子:// ES6 classclass CatComponent extends React.Component { const

2020-12-02 09:05:48 1138

原创 react点击外部关闭事件

import React from "react";import ReactDOM from "react-dom";import "./styles.css";class App extends React.Component { constructor() { super(); this.myRef = createRef(); this.state = { showModal: false }; } handleClick = ()

2020-12-01 09:45:40 1141

原创 react 第三方包报错“ Support for the experimental syntax ‘jsx‘ isn‘t currently enabled ”

这个原因是因为babel没有包含node_modules目录，导致里面的包无发解析造成的。我这边的项目使用的是 react-app-rewired运行服务的, config-overrides.js配置如下：const path = require('path')const { override, babelInclude} = require('customize-cra')module.exports = override( babelInclude([ path.resolve(

2020-11-17 06:38:23 15927

原创原生js如何判DOM节点是否隐藏

根据MDN文档的说明, 以下三种情况 HTMLElement.offsetParent会返回 null该节点或其父节点display属性为 none该节点的 position 属性设为 fiexed该节点为<body>或 <html>所以可以根据 HTMLElement.offsetParent 来判断改节点是否隐藏：function isHidden(el) { return (el.offsetParent === null)}如果你要判断的节点恰

2020-11-13 16:16:25 1416

原创 javascript如何将时间字符串处理成 Date() 对象

一般我将一段时间字符串如2002-12-11 12:00:00 转成 Date对象，直接用下面这段代码就行了：new Date('2002-12-11 12:00:00')可是MDN上写了这么一段说明：注意: 由于浏览器之间的差异与不一致性，强烈不推荐使用Date构造函数来解析日期字符串 (或使用与其等价的Date.parse)。对 RFC 2822 格式的日期仅有约定俗称的支持。对 ISO 8601 格式的支持中，仅有日期的串 (例如 “1970-01-01”) 会被处理为 UTC 而不是本地

2020-11-13 13:14:59 1235

原创 CKEdit如何限制上传图片大小

CKeditor 发送上传图片请求前会触发fileUploadRequest事件，通过监听该事件可以获取文件信息，从而判断图片大小。this.editor.on('fileUploadRequest', evt => { const fileLoader = evt.data.fileLoader; const requestData = evt.data.requestData // 获取上传文件对象 const file = requestData.upload.

2020-10-30 14:45:53 933

xxcf2010的博客