- 博客(54)
- 收藏
- 关注
RSS订阅原创 ts 学习笔记
/ [propName:string]:any //索引签名，任意key ，后台返回数据不确定时使用,最好定义为any类型。function findNum(add:number[]):number[] //如果传入数组，添加并返回数组。function findNum(id:number):number[]//传入 id 查找并返回数组。function findNum():number[] //如果没有传入，返回原数组。// name:string, //这个属性必须有。
2024-05-19 15:41:34
322
原创 记错vue3+ts require 报错
事先声明 ，可能是版本不一样，所以解决办法不一样，报错的原因是Pack.json 文件中type值不同，解决办法有两种。在main.js 中使用require 报错 ‘require’ is not defined。方法二：type 为commonjs时 ，使用require 引入。方法一：type 为moudle 时 ，使用import 引入。pack.json 文件。pack.json 文件。
2023-12-17 14:45:55
1336
原创 Electron学习第一天 ，启动项目
之前在安装官网的步骤操作，结果报错，找了好多办法，最后这种办法成功启动项目，并且没有报错，特此记录。特别提醒，最好安装淘宝镜像，npm 太慢，会导致报错问题，解决起来个人觉得比较麻烦。5 根据官网配置index.html (内容随便写，我是直接复制官网的)1 cnpm i electron -D （特别重要）3 修改package.json 文件。4 根据官网配置main.js。
2023-12-16 15:55:34
690
原创 webpack常用配置
webpack常用配置周末闲来无事 整理一下webpack基本配置，记录一下，也分享一下，如有错误，还请各位大神指正// 配置webpack得配置文件，需要将配置的对象导出，给webpack使用const path = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin'); // 处理自动生成htmlconst MiniCssExtractPlugin = require("mini-css-extract
2021-07-04 19:10:40
187
原创 webpack 本地安装 查看版本号
1，npm install webpack webpack-cli -D等价于 npm install webpack webpack-cli --save-dev2 , npx webpack -v
2020-08-30 00:28:25
2066
原创 vuex module写法基本使用
简单记录下不是很全，之前都是用的普通写法，具体请看之前的博客，今天不忙，学习下module的写法，如有错误，请大佬多指正目录结构home.vue<template> <div > <div> <div> 主页年龄列表 </div> <div...
2020-04-25 17:19:09
503
原创 elementui-table表格进行模糊搜索，不改变选中状态
首先说明今天因为工作需要，找到了一个搜索表格的博客，挺好用，但是和我实际需求有点不一样，看网友问题，正好和我的需要一样就加以改造完善了一下原文 https://blog.csdn.net/luzhaopan/article/details/81569907说明：本代码模拟编辑情况下从后台请求数据选择表格，根据字段判断是否被选中，搜索结果不会影响表格是否被选择的状态，（即本来是选中状态，搜索完成...
2020-03-18 23:33:15
1805
1
原创 js千分符转换
工作需要在网上找了个千分符转换，现在忘了是那个大哥的杰作了，直接贴上吧，最后加了个如果没有值默认返回零formatData(num, decimals, thousandsSep) {if (isNaN(num)) {num = ‘0.00’}num = num + ‘’const prec = !isFinite(+decimals) ? 0 : Math.abs(decimals)...
2020-03-12 22:52:17
375
原创 element_ui日期组件限制开始时间,结束时间范围
需求分析：1，当选择开始时间后，结束时间从开始时间往后可选择2，当选择结束时间后，开始时间最后时间为结束日期上代码,亲测有效<template> <div class="pickerDiv"> <div class="block"> <el-date-picker v-...
2020-01-12 22:04:16
1012
1
原创 vue项目部署到tomcat服务器
开发环境中使用npm run dev 来运行项目 ，但是当我们在生产环境是使用npm run build来运行项目的。现在记录一下vue项目中的打包部署一.修改config–>index.js文件, 把build:{} 下的assetsPublicPath: ‘/’,改成assetsPublicPath: ‘./’,---------解决首页加载空白问题、二：一般情况下会出现加载静...
2019-12-12 23:06:36
589
原创 移动端滚动穿透
闲着没事记录下移动端之前遇到的问题。问题描述：页面长度超出手机屏幕出现滚动条，此时如果有弹层显示的话，触摸弹层，下面列表继续滑动，这个效果肯定是不对的。解决办法有两个：方法一：当弹层出现的时候给其父元素增加overflow: hidden;当弹层消失的时候删除其父元素overflow属性或更改为overflow: auto;代码如下<template> <div...
2019-12-09 22:54:47
237
原创 vue 监听对象属性变化
今天看文章 遇到了这个问题，就用代码验证下，亲测有效。<template> <div id="app"> <span> {{ msg }} </span> <p>{{ person.name}}年龄是{{ person.age }}岁</p> </div>...
2019-11-29 15:50:49
962
原创 js 原型链
今天不忙 ，想起来原型链了，就画个图复习一下，温故知新。以下为个人见解抛砖引玉，如有错误，请大神指正。什么是原型链?每个对象都可以有一个原型_proto_，这个原型还可以有它自己的原型，以此类推，形成一个原型链。查找特定属性的时候，我们先去这个对象里去找，如果没有的话就去它的原型对象里面去，如果还是没有的话再去向原型对象的原型对象里去寻找… 这个操作被委托在整个原型链上，这个就是我们说的原型...
2019-11-26 11:26:50
179
原创 keep-alive 路由缓存
本文参考：https://blog.csdn.net/qq_34664239/article/details/89499120是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM，提高性能，通常配合使用拥有两个钩子函数 activated、deactivatedactivated：在组件激活是会被调用deactivated：在组件停用时被调用可以查看之前生命周期文...
2019-11-22 10:39:04
269
原创 vue生命周期
今天不忙，有看了下vue生命周期，写代码进行验证记录一下粗浅认识，如有错误请大神指正首先先上官网关于生命周期的图解生命周期：个人理解每个vue实例，从创建到销毁，所经历的一些必要的阶段，所组成的一系列过程叫做生命周期。代码验证：//父组件<template> <div id="app"> <button @click="changeMsg...
2019-11-21 17:55:35
106
原创 vuex基本使用
1 、在src目录下建立store文件夹，建立actions.js/getter.js/index.js/mutation.js/mutation_type.js/state.js文件2、state.js文件内容(生命state中要使用的数据及初始值)const state = { currentIndex: -1,}export default state;3 、 mutatio...
2019-11-20 16:46:25
220
原创 hooks子组件修改父组件值
刚刚学习hooks ，写个dome记录一下，亲测可用父组件import React , { useState ,createContext ,useContext} from 'react';import Zi from './zi'// 创建上下文export const NumContext = createContext();function Fu (){ const ...
2019-11-12 17:50:22
7725
3
原创 Support for the experimental syntax 'decorators-legacy' isn't currently
刚接触mobx，给我报个错，Support for the experimental syntax ‘decorators-legacy’ isn’t currently ，竟然不支持这个语法，后来查了资料解决了问题第一步：npm install @babel/plugin-proposal-decoratorsnpm install @babel/plugin-proposal-class...
2019-11-05 15:53:54
821
原创 react-redux基本使用
Redux 的 React 绑定库是基于 容器组件和展示组件相分离 的开发思想接触这个不就，如果错误欢迎大家指正actionType.js随着项目大型化，所以要抽取出来一个actionType.js文件来记录各种actionType常量export const SET_CURRENTINDEX ='SET_CURRENTINDEX';store.jsimport { createS...
2019-10-31 11:37:11
126
原创 redux监控数据变化
组件.js constructor(props) { super(props); this.state = { songList:[], 通过subscribe可以监控数据变化，并返回unsubscribe unsubscribe:store.subscribe(() => ...
2019-10-28 09:55:43
1962
原创 redux基本使用
actionType.jsexport const SET_CURRENTINDEX ='SET_CURRENTINDEX';store.jsimport { createStore } from 'redux';import rootReducer from '../reducers';const store = createStore(rootReducer,window.__R...
2019-10-28 09:42:36
156
1
原创 react 子组件onClick 方法自动执行问题
在页面渲染 的时候发现子组件的onClick方法自动执行了，代码如下//父组件 selectItem(index){ console.log('点击歌曲'); console.log(index) } render(){ return( <> { ...
2019-10-17 16:29:23
2288
1
原创 Cannot read property ‘push’ of undefined
在使用 this.props.history.push(’/singer/’+item.id)进行跳转的时候报错：Cannot read property ‘push’ of undefined，因为之前都是这么跳转的没有报错，这次竟然报错了，很郁闷。最简单直接在父组件加上history={ this.props.history }例如： <SingerView singerList=...
2019-10-14 16:13:41
10886
原创 Can't perform a React state update on an unmounted component.
再在搜索框需求的是出现了这个错误，当搜索框内容全部删除的时候报错Can’t perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and...
2019-10-12 17:46:19
349
原创 react父子组件传值
子组件向父组件传值子组件import React , { Component } from 'react';import { Input } from 'antd';import './SearchBox.less';class SearchBox extends Component{ constructor(props){ super(props); }...
2019-10-12 12:12:43
164
原创 react 将字符串转成html
在写项目的过程中，经常遇到渲染的数据是数组内嵌套数组的，之前都是用父子组件传值的方式来解决，今天发现项目中特别多这样的需求，如果都用子组件的话，就需要创建很多子组件，工作量也增加了很多。所以就想到了将html字符串转换成html;该方法只适合纯静态展示，如果需要逻辑操作，建议还是使用父子组件传值的方式方法如下：import React , { Component } from 'react'...
2019-10-11 16:17:02
3092
1
原创 react 报错 using incorrect casing.
写练习的时候引入子组件，但是渲染的时候报错：using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.仔细看了下发现是组件的首字母小写引起的，看来写代码的时候还是粗心了，记录下代码简陋，主要说问题 哈哈 render(){ return( ...
2019-10-11 15:15:54
1585
原创 react使用jsonp跨域
接上一篇，因为使用proxy 方法请求QQ音乐返回的是jsonp格式的数据，想使用的话还要进行截取，所以干脆就直接使用jsonp来进行跨域了，数据可以直接使用也省的在麻烦了。上代码目录结构src/common/jsonp.jsimport originJsonp from 'jsonp'export default function jsonp(url,data,option){ ur...
2019-10-09 16:33:07
3088
原创 react项目中跨域问题
做一个练习遇到了跨域问题，网上找了很多方法顺带问各位大神一个问题：我的方法三解决方案中，代理路径的参数怎么抽取出来，我想在axios.get请求的时候动态发送过去，求大神支支招方法一：在package.json中添加以下代码 ----------- 试过无效//package.json中加入 "proxy": { "/api/RoomApi": { "t...
2019-10-09 14:23:40
3153
原创 antd table表格组件基本使用
第一次使用antd的table表格组件，借用官方文档数据，展示下Demoimport React from 'react';import { Table } from 'antd';const columns = [ { title: 'Name', dataIndex: 'name', render: text => <a>{...
2019-10-08 16:51:22
10757
原创 echarts 双坐标轴，左侧Y轴最大值随数据动态变化，右侧固定展示百分比
啥都不说，直接上图上代码 var max = Math.max.apply(null,[10,20,30,40,50,60,70]);//取出数组中最大值 yAxis: [ { type : 'value', scale: false, splitLine:{ ...
2019-09-26 17:07:54
6787
原创 echarts双坐标轴数据错乱问题
在实际开发过程中遇到一个问题，后台返回的数据是没有问题的，但是展示的时候图表数据对应不上以下是错误的效果图后来找到了原因，是series 数据中yAxisIndex 没有对应上导致的echart 是这样介绍的这个解释个人感觉不太明了，查了其他资料找到了解释yAxisIndex默认值为0，不填或者为零均表示第一个Y轴，1代表第二个Y轴更改代码 series: [ ...
2019-09-26 16:58:19
4317
2
原创 echarts tooltip formattert 设置
工作中做图表过程中发现图表中的tooltip 和想要的效果不一样，本来想了个最笨的办法，把数据项对调一下，结果tooltip是对了，但是Y轴数据也对调了。最初错误效果：找了官网配置加上以下代码就可以了（具体字段可以打印rarams就一目了然了） formatter:function( params ){ var result = pa...
2019-09-26 16:42:59
890
原创 async/await使用
之前做vue的时候一直使用axios来做异步处理，前几天看了朋友react的代码，人家使用的async/await来做异步处理，感觉很简洁，避免了死亡回调。就顺手学习了一下...
2019-09-25 09:51:25
133
原创 长度12的数组，要求对数据分为3组，每组数据对应位置的数字为前几位的和，并返回12位数组
描述：在做一个echarts数据展示，后台返回一个长度为12的数组，需要对数据处理后进行展示。例如：arr = [1,2,3,4,5,6,7,8,9,10,11,12];需求描述：要求返回一个12位数组，第一位是第一位的数字，第二位是第一位+第二位的和，第三位是第一位+第二位+第三位的和，第四位是第一位+第二位+第三位+第四位的和；第五位是第五位的和，第六位是第五位+第六位的和，第七位是第五位...
2019-09-24 16:36:15
266
原创 react+antd配置less和按需加载
第一次写react相关东西，如有错误，请大佬指点想用react+antd做个练习，发现antd是用less的方式开发的，但是初始化的脚手架是没有config这个文件的，想改配置去无从下手，在网上查了下资料，好几个是在webpack.config.dev.js中进行配置的，但是我下载的版本是最新的，在config文件夹下没有这个webpack.config.dev.js文件，最后找了资料发现了方法...
2019-09-19 17:40:28
1606
原创 Nodejs express中创建ejs项目
第一次做这个，我自己执行是可以的，如果有不对的地方或者不完整的地方，请大佬们多多指教1, 在根目录下执行 npm install -g express-generator2,此时会在根目录中创建出server文件夹，如下图（其中bin/www为执行文件）3，npm install -g ejs4, 进入app.js将之前默认设置的jade 改为ejs模板（红色代码删除改为蓝色代码）a...
2019-08-30 18:09:30
288
原创 iframe页面无法跳转问题
之前在工作中没有结果过iframe，来到现在这家公司以后 真是被iframe坑惨了。这个随笔就来纪录一下遇到的奇葩问题。先介绍下我们的项目结构类似与博客园这种页面，左侧很多tab栏，右边是一块内容区域，之后不管做什么样的操作都在这一块区域中，大概有一百多个页面，我是第一次见到这样结构，用的iframe页面来进行嵌套的。正常情况下是可以用下面这种方式进行页面跳转的，之前也在别的页面成功过// ...
2019-08-30 18:07:53
3750
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人