spancer-R-CSDN博客

原创 webpack3升级成4

webpack-cli不匹配（ webpack-cli 包已经从webpack分离出来了，所以要单独安装）解决：npm install -S vue-loader@14.2.4。webpack4之后，不允许混用 exports和import。解决：改用mini-css-extract-plugin。html-webpack-plugin·版本不兼容。vue-loader和webpack 版本不兼容。webpack-dev-server版本不匹配。run dev正常打开页面空白。webpack3升级成4。

2023-05-29 16:29:56 393

原创用css画三角尖尖

HTML: <div class="C"> <div class="B"></div> <div class="A"></div> </div>css:.C { position: relative; display: inline-block; background: #64e4b4; border-radius: 50%; overflow: hidden;}.A { bor.

2021-11-01 14:13:45 281

原创 throw er； // Unhandled ‘error‘ event问题

今天启动项目报错，查看后发现是有一个throw er; // Unhandled ‘error’ event问题，一般是接口被占用了，可以关掉已启动的项目或者在本项目中换一个接口，再次启动项目成功

2021-06-17 11:06:52 2462

原创自用的webpack管理typescript基本配置版本记录

启动中遇到两次报错：原因：html-webpack-plugin版本太高，换成4.4.1就可以了原因：ts-loader版本太高，换成8.3.0就可以了。可用版本一记录：webpack.config.js记录：const {CleanWebpackPlugin} = require('clean-webpack-plugin')const HtmlWebpackPlugin = require('html-webpack-plugin')const path = require('pat

2021-06-10 15:50:32 256

原创 Uni app注意及踩坑总结一

1.只有在百度小程序开发时才有onInit生命周期2.跨页面传参，接受参数的方法：let pages = getCurrentPages(); //获取所有页面位置let curParam = pages[pages.length - 1].options;//获取当前路由参数，直接赋值就好3.百度小程序如果做搜索接入的时候记得写页面配置// #ifdef MP-BAIDU onShow() { swan.setPageInfo({ title: "", key

2021-06-04 11:20:53 1255

原创关于package.json解读

npm是一个包管理工具，现在大部分都是用这个进行包管理，在这个工具下要启动项目一般输入两个命令：npm install和npm run dev。npm install具体就是安装package.json里所有用dependencies标明出来的依赖安装到node_modules中。npm run dev就是运行package.json中在"scripts"中标明出来“dev”后制定的命令。一般的package.json中都包括以下部分{ "name": "webpack",//包的名字，打包的时

2021-03-19 16:45:38 808

原创 easyui中combotree中下拉菜单的显示（改变默认zIndex）

$(’#txt_apply_type’).combotree({multiple: false,onShowPanel:function(){ $(this).combotree(‘panel’).panel(‘panel’).css(‘zIndex’,99999999);}});

2021-02-20 17:48:38 306

原创 js中proto,prototype，constructor的理解

在JS中一切都是对象，只要是对象，都会有.__proto__指向它的构造该对象的原型构造函数，prototype是函数所特有的，指的是这个函数的原型对象，如果未定义指的是一个对象eg:function foo（）{}foo.prototype是foo.prototype如果未定义就是一个对象foo.__proto__指的是函数这个原型对象（Function.prototype)他的.__proto__是对象这个原型对象，在未重写函数的prototype的情况下，function Flower

2021-02-01 15:31:11 113

原创 react生命周期

一，常用的生命周期方法1,render()必须实现的方法，里面应该是纯函数，即在不修改state的前提下，每次渲染都返回相同的结果，并且不会直接与浏览器交互。PS.如果shouldComponentUpdate()返回false,则不调用render()2，constructor(props)如果不初始化state或不进行方法绑定，则不需要为react组件实现构造函数。必须在其他语句前面调用super(props)。constructor函数中不要修改state,只用于赋state初始值。3，c

2021-02-01 15:20:56 145

原创 react route基本使用

一：导入及基础用法react router包含三类组件：路由组件，路由匹配组件，导航组件import { BrowerRouter,Route,Link } from “react-router-dom”路由组件分两种：browser和HashRouter,服务器响应请求用BrowserRouter，静态文件响应用HashRouter（一般都是BrowserRouter)路由器配组件分两种：Route和SwitchRoute用来写具体说到每一个路由的跳转，Switch用来把多个Route组合到

2021-02-01 15:11:35 9116

原创正则表达式

如果直接给出字符，就是精确匹配。用\d可以匹配一个数字，\w可以匹配一个字母或数字，.可以匹配任意字符，要匹配变长的字符，在正则表达式中，用*表示任意个字符（包括0个），用+表示至少一个字符，用?表示0个或1个字符，用{n}表示n个字符，用{n,m}表示n-m个字符：例子：\d{3}\s+\d{3,8}。解读：\d{3}表示匹配3个数字，例如’010’；\s可以匹配一个空格（也包括Tab等空白符），所以\s+表示至少有一个空格，例如匹配’ ‘，’\t\t’等；\d{3,8}表示3-8个数

2020-12-02 13:50:21 65

原创 js实现 throttle 和 debounce

1、throttle 节流：drag改变浏览器大小，触发onresize函数，实现拖动每过1秒输出一次，不足1秒，1秒后输出一次。多用于高频操作，如抢票、抢购等，无论点击多少次，只固定间隔执行一次，以减轻压力。原理：设置canRun作为是否执行的标志。每次触发onresize，都判断canRun的值（true执行，false不执行）。第一次应该执行，所以设置canRun初始值为true。当第一次执行后，设置canRun为false（防止下次执行），并设置计时器，以恢复canRun的值。var canR

2020-11-27 17:33:38 191

一个无聊的人的博客