Cinderellahh92的博客

原创 lodash中throttle的用法分享

/ 输入框输入事件。

原创 校验图片尺寸

【代码】校验图片尺寸。

原创 vue3form循环校验

/ 灰度抽屉组件ref。<ElFormItem label="优先级序号">message: '请检查后提交',

原创 git ssh

Port 36000。

原创 Git仓库迁移&commit记录迁移

删除远程 git push origin --delete [branch_name]git push --mirror 新的git地址 //推送记录到新的git项目上。强制提交分支 git push -f origin xxx。cd 老项目名称.git //进入裸版本库文件夹内。git clone --bare 旧的git地址。删除本地 git branch -d xx。拉取分支 git fetch。2、推送裸版本库记录到新项目。1、克隆老项目的裸版本库。

原创 tooltip条件显示

【代码】tooltip条件显示。

原创 Vue使用Vue-APlayer实现语音播放、下载功能

Vue使用Vue-APlayer实现语音播放、下载功能

原创 uniapp 生成签名证书

创建的证书填到打包的时候弹出的上框中，获取证书方法如下：1.下载jdk,配置环境变量，具体不展开赘述了；2.cmd框中运行keytool -genkey -alias testalias -keyalg RSA -keysize 2048 -validity 36500 -keystore test.keystore3.填写一些基本信息，最后按Y即可成功创建；4.查看证书：keytool -list -v -keystore test.keystore5.创建好的填入..

原创 js对象转成有格式的JSON

例如 var a = {name: '张三'}JSON.stringify(a, null, 4)根据以上转换就可以转成带有格式的字符串

原创 JSON格式校验

if (isNaN(Number(value))) { try { JSON.parse(value) callback() } catch (e) { callback(new Error('params is not JSON')) } } callback(new Error('params is not JSON')) }

原创 css样式穿透

在style中有scoped的时候修改样式，使用样式穿透的方式修改：1.父元素 /deep/ 子元素2.父元素 >>> 子元素

原创 使用html2canvas实现HTML页面的echarts图表转成长图片

原创 使用clipboard实现复制到剪切板功能（超详细~~）

原创 vue中使用wangeditor实现富文本编辑（超详细~~）

先看看效果1.安装wangeditor包npm installwangeditor2.项目中使用// html中<div ref="editorElem" class="editorElem"></div>// script中<script>import Editor from 'wangeditor'export derault { data （） { return { edi..

原创 ivewUI框架DatePicker点击空白区弹框收起

今天遇到一个问题就是，DatePicker组件点击其他区域无法收起的问题，后面查了下资料顺利解决，分享给大家！~~<DatePicker format="yyyy/MM/dd" :capture="false" type="daterange" style="width: 258px" placeholder="请选择有效期" v-model="searchTime" @on-change="getTime"></DatePicker>增加:capture="false

原创 Vue项目实现图片标注的功能（绘制矩形，圆，直线和点，撤销上一步和清空画布）

111

原创 Eslint报错处理： ‘qq‘ is not defined

处理上面的eslint错误，配置.eslintrc.js，增加以下配置即可：globals: { "qq": true },

原创 Eslint报错处理，Eslint: Unexpected literal in error position of callback

例如上面这种报错，解决办法定义成变量即可解决：const err = '请输入端口'callback(err)

原创 React中使用withRouter使侧边栏高亮与页面展示一致

在使用antdUI的侧边栏在刷新页面后路由和侧边栏高亮不一致，那边就需要以下设置// 在侧边栏页面引入withRouterimport { Link, withRouter } from "react-router-dom"class Sider extends Component { render() { const path = this.props.location.pathname return ( <> .

原创 手把手教你nginx配置教程

一、环境搭建nodejs NVM(安装10.x版本的node可暂时不安装) vscode git(可选择安装，可使用系统自带CMD)二、初始化项目cnpm install -g create-react-appcreate-react-app my-appcd my-appnpm installnpm start

原创 react项目搭建及创建的小demo

一、环境搭建nodejs NVM(安装10.x版本的node可暂时不安装) vscode git(可选择安装，可使用系统自带CMD)二、初始化项目cnpm install -g create-react-appcreate-react-app my-appcd my-appnpm start

原创 在React中引用antd UI

本文只讲按需引入的方法1.使用方法//引入方式import {Button} from 'antd';//使用<Button type="primary">点我呀</Button>2.配置方法1.安装包antd和react-app-rewired customize-cra babel-plugin-importnpm install react-app-rewired customize-cra babel-plugin-importnpm .

原创 React自定义hook及使用规则

1.自定义hook// 自定义hook，命名要以use开头function useClock(){ const [date,setDate] = useState(new Date()) useEffect(()=>{ const timer = setInterval(()=>{ setDate(new Date()) },1000) return ()=>clearInterval(timer) },[])}使用的时候 useClock().

原创 React中的pureComponent纯组件

1.实现性能优化import React,{Component,PureComponent} from 'react'export default class pureComponentpage extends PureComponent { constructor(props) { super(props) this.state={ count: 0//浅比较 } } setCount=()=>.

原创 手把手教你发布npm包教程--详细

1.文件初始化步骤如下mkdir switch-timecd switch-time4npm init -ynpm install webpack@4.43.0 webpack-cli@3.3.12 -D // 安装包code . //打开项目2. 代码配置1.webpack.config.js中// 创建webpack.config.js,配置如下const path = require("path");const terserplugin = req...

原创 vscode格式化代码设置

ctrl+shift+p首选项->搜索settings.json{ "window.zoomLevel": 0, "emmet.syntaxProfiles": { "javascript": "jsx", "vue": "html", "vue-html": "html" }, "files.associations": { "*.fes": "vue" }, "eslint.autoFixOnSave": true, "esl.

原创 React中 redux+react-redux的使用

1.安装npm install react-redux -S2.react-redux的使用，是结合redux使用的react-redux提供了两个API，provider为后代组件提供store，connect为组件提供数据和变更方法3.范例在index.js中import store from './store'import {Provider} from 'react-redux'ReactDOM.render( <Provider store={st..

原创 React的状态管理库redux的使用

redux是JavaScript应用的状态容器，提供可预测花的状态管理。它保证程序行为一致性且易于测试。1.安装reduxnpm install redux -S2.使用步骤（1）需要一个store来存储数据（2）store里的reducer初始化state并定义state修改规则（3）通过dispatch一个action来提交对数据的修改（4）action提交到reducer函数里，根据传入的action的type，返回新的state3.代码示范（1）创建stor.

原创 vue2.x+ vue-cli4 + typescript+webpack项目搭建

1.环境检查1.检查是否安装node.js运行环境node -v2.全局安装vue-cli typscriptnpm i -g @vue/cli@4.2.3 typescriptvue -V检查安装情况3.全局安装webpack webpack-clinpm i webpack@4.x webpack-cli -gwebpack -v检查安装情况2.初始化项目使用命令 vue create 项目名，如下配置选择安装...

原创 ivew Checkbox 组件阻止冒泡

<Checkbox@on-change='getCompareData(item)'@click.stop.native="()=>{}":disabled='item.disabled'></Checkbox>

原创 ivew 的menu组件默认展开的处理

mounted(){this.$nextTick(()=>{this.$refs.menuName&&this.$refs.menuName.updateOpened()this.$refs.menuName&&this.$refs.menuName.updateActiveName()})},

原创 随机生成一个长度为8的数组

new Array(8).fill(0).map(item=>item=Math.floor(Math.random() * (300- 10) + 10))

原创 i18n在vue项目中替换js文件中的文本

封装i18n.jsimport VueI18n from 'vue-i18n'import Vue from 'vue'Vue.use(VueI18n) // 通过插件的形式挂载// 引入ivew的国际化jsimport en from 'iview/dist/locale/en-US'import zh from 'iview/dist/locale/zh-CN'let getMyStorage = JSON.parse(sessionStorage.getItem('language

原创 ivew 和 本地的数据 国际化

importVueI18nfrom'vue-i18n'importiViewfrom'iview'importenfrom'iview/dist/locale/en-US'importzhfrom'iview/dist/locale/zh-CN'Vue.use(VueI18n)//通过插件的形式挂载consti18n=newVueI18n({locale:localStorage.getItem('lang')||'zh-CN',mes...

原创 Linux命令总结（二）

1.复制cp源文件目标文件复制的时候添加覆盖提示：cp-i源文件目标文件2.删除rm文件名rm-rf文件名3.复制目录cp-r源文件目录文件4.移动文件mv源文件目标文件...

原创 compose实现

compose实现const compose = (...fns)=>val =>fns.reverse().reduce((acc,fn)=>fn(acc),val)const add1 = (x) => x+1const mul3 = (x) => x*3const div2 = (x) => x/1let result = compose(div2,mul3,add1)(5)

原创 localhost无法访问请求，请求没有cookie

到： chrome://flags/将samesite设置为disabled即可

原创 什么是纯函数

纯函数的概念：一个函数的返回结果只依赖其参数，并且执行过程中没有副作用。返回值只和函数参数有关，与外部无关。无论外部发生什么样的变化，函数的返回值都不会改变。// 非纯函数 返回值与a相关，无法预料const a = 1const foo = (b) => a + bfoo(2) // => 3// 纯函数 返回结果只依赖于它的参数 x 和 b，foo(1, 2) 只要 foo 代码不改变，你传入的参数是确定的，那么 foo(1, 2)

原创 vue3.x新特性总结（尝鲜总结！！！）

1. 新特性compositionAPI为vue应用提供更好的逻辑复用和代码组织reactivecomputedonMountedonUnmountedreftoRefswatherTeleport传送门提供一种简洁的方式可以指定它里面内容的父元素 Fragments//祖业可以拥有多个根元素 EmitsComponentsOption 1.原生事件会触发两次比如click 2.更好的指示组件工作方式 3.对象形式事件...

原创 webpack跨域设置

devServer: { proxy: { '/api/v1': { target: 'http://106.53.217.166/api/v1', // 这里可以跟随项目实际部署服务器来 secure: false, // 如果是https接口，需要配置这个参数 changeOrigin: true, // 如果接口跨域，需要进行这个参数配置 ws: true, pathRewrite: { .