明天的明天5812-优快云博客

原创 Next.js静态图片

1、根目录的public文件夹用于提供静态资源2、通过以下形式访问访问路径：/static/1.jpg 对应资源：public/static/1.jpg<div className="ad-div comm-box"> <div><img src="/static/flutter_ad2.jpg" width="100%" /></div> <div><img src="/static/Vu...

2021-09-29 14:52:52 984

原创 create-react-app版本升级问题

首先说一下我遇到的问题，我想使用create-react-app创建一个新项目，执行 npx create-react-app myapp,发现一直报错然后就执行 npm uninstall -g create-react-app, 再执行npx create-react-app myapp ，还是报上面的错误，查看了一下create-react-app -V 版本，发现还是4.0.0。解决1、运行create-react-app -V查看版本号，发现还可以拿到版本号，说明未被完全删除。.

2021-08-31 14:23:39 1256 1

原创常见npm命令总结

npm英文全称：node package manager , npm是世界最大的软件注册表。常见的npm命令总结如下：1、npm -v : cha'kan

2021-06-07 22:09:06 682

原创 echarts 悬浮框数据添加单位

效果图

2021-05-28 16:49:12 1444

原创 antd charts 简单使用

1、安装$ npm install @ant-design/charts2、引入插件importReactfrom'react';import{Liquid}from'@ant-design/charts';const DemoLiquid = () => { var config = { percent: 0.25, outline: { border: 4, distance: 8, ...

2021-05-19 17:32:49 3995

原创 React项目配置支持style.less 文件

步骤1，进入项目路径下，安装less和less-loadernpm install less less-loader@5.0.0 --save-dev2、安装下列插件npm install react-app-rewired customize-cra babel-plugin-import -D3、项目根目录创建文件config-overrides.js，其内容为const {override,addLessLoader}=require("customize-cra"

2020-11-06 12:43:49 420

原创 React 设置props默认值

1、定义一个ChildCom子组件2、子组件需要接收父组件传来的 isActive 属性值，在子组件中给这个属性设置默认值

2020-08-18 14:47:52 1443

原创 VueJs Cli3 使用axios 请求本地测试json数据

1、安装 axios 插件npm install axios --save2、在main.js 里面安装axios 并使用import axios from 'axios'Vue.prototype.$http = axios3、首先需要将模拟数据 goodsjson 放到静态文件 public 下面4、在组件中使用$http 进行数据请求此处需要注意：goods.json 直接在public 文件夹下，所以不需要加 public 文件路径，直接 /goods.json

2020-07-23 16:49:57 359

原创使用vue-cli2脚手架创建的项目，如何给常用文件路径起别名

给常用路径起别名可以方便开发者快速开发一、起别名的文件在哪里？在 build 文件夹下的 webpack.base.conf.js 里面resolve 对象时用来解决路径相关问题的起别名是在图中的 alias 对象下对想要起别名的路径进行设置。常见的是 @ 这个别名，下面的是自己项目里需要起的别名。以下是使用别名需要注意的地方：1、常见的是用 import 导入的时候需要使用别名路径这种就使用这种直接写别名就可以了。2、如果不是用 import 导入，而...

2020-06-28 12:10:48 941 1

原创 Jquery DataTable 页面底部自带合计功能

公司项目表格插件使用的是DataTables，最近添加表合计功能，DataTables自带的合计功能。效果如下：合计最主要的代码是："footerCallback": function (tfoot, data, start, end, display) { var api = this.api(); //处理td内容为Number类型 var intVal = function (i) { return typeof i === 'string'

2020-05-14 17:17:34 2006

原创 vue-cli webpack-simple 模板打包上线浏览

一、首先用vue-cli 生成一个webpack-simple模板的项目，名为webpack-simple-demo 1、 vue init webpack-simple webpack-simple-demo 2、进入到项目里面 cd webpack-simple-demo 3、加载项目所需要的模块 npm install 4、启动项目...

2019-09-06 14:03:13 820

明天的明天5812