自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(98)
  • 收藏
  • 关注

原创 antd4里table的滚动是如何实现的?

rc-table里水平滚动如何实现?

2023-02-27 21:04:10 1811 1

原创 我的2021年终总结

虽然有点晚,还是总结一下,避免忘记。2021年上半年在学校忙论文,毕业的事情,毕业典礼的时候叫上爸妈一起参加了。6月底到7月初在家呆了一阵,7月8日到新公司入职。入职之后还要忙着找房子,一直住在酒店,挺贵的230多。在7月18号的时候搬到新的房子里,上班25分钟左右,下班17分钟左右。我的职位是前端开发,作为新人刚开始也是挺迷茫、觉得我会表现很好。正式开始开发的时候,就开始头大,天天感觉在历劫。从开始到适应可以 分为三个阶段:第一阶段:我是谁,我在哪,我要干什么?天天头顶大问号。之前在学校里是做过

2022-02-03 14:11:12 416

原创 前端VScode编辑器插件-记录自用

vscode插件

2022-01-09 13:58:59 479

原创 初入职场如何时间管理课程总结-B站

时间管理

2021-12-19 15:47:06 358

原创 if...else if的另一种实现

if…else 经常出现在编码中,但是当条件判断比较多的时候,代码可读性就会下降,不同的条件下,代码逻辑也会不一样例如:if(status === 1) { ...} else if(status === 2) { ...} else if(status === 3){...}条件分支不是很多的情况下,可以使用if..else if ..else也是可以实现的也可以使用switch...case也可以实现一般在采用以下几种方式做:多种状态下,逻辑相同,可以条件合并。使用includ

2021-08-23 09:53:30 288

原创 安装nvm--命令行安装

使用npm安装显示显示nvm包已经被抛弃了。需要使用curl进行安装进入指定网站

2021-08-08 10:18:59 441

原创 wx.getUserInfo获取到的用户信息为匿名信息,微信小程序接口调整---代码更改

可以直接参考官方文档:wx.getUserProfile或者往下看:效果:需要点击按钮进行授权,比原来的授权简单了:wxss.avator-tit{ display:flex; margin-top:20rpx; font-size:32rpx; align-items: center;}.avatar{ width:160rpx; text-align:left; border-radius: 50%;}wxml: <view class=

2021-05-20 21:10:54 668

原创 配置http-proxy-middleware提示proxy is not function

我的proxy配置如下:const proxy = require('http-proxy-middleware');module.exports = function(app) { app.use( proxy('api1', { target: 'http://localhost:5000', changeOrigin: true, pathRewrite: { '^/api1': ''// 将路径配置回来 } }) .

2021-05-10 22:22:58 389

原创 开发环境设置跨域--react

由于本地的node是10.16.3使用npm install http-proxy-middleware --save的时候自动安装的是最新版本2.0,出现不兼容,需要最大版本是>=12因此使用npm install http-proxy-middleware@1.x.1 --save就安装成功了,下面是配置属于多路配置const {createProxyMiddleware} = require('http-proxy-middleware');module.exports = fun

2021-05-10 22:22:18 139

原创 实现一个TodoList---React

效果图:设计步骤:拆分组件 拆分界面 抽离组件实现静态页面,不用实现仍的交互实现动态页面a. 动态显示初始化数据ⅰ. 数据类型ⅱ. 数据名称ⅲ. 保存在哪一个组件b. 交互(从绑定事件开始)首先,将TodoList拆分成三个组件:组件目录:首先实现的是:静态页面,就jsx和css配合,不用涉及变量,画页面然后,绑定事件,涉及父子组件传值、遍历的时候数据结构设计。搜索框组件:SearchSearch.jsximport { nanoid } from 'nanoi

2021-05-09 10:58:31 192 2

原创 微信小程序 下载PDF文件--后端返回二进制数据流

后端使用TCPDF插件生成PDF:首先,安装Composer,PHP包管理工具参考:下载网址:https://getcomposer.org/download/安装完毕,控制台输入composer -v,显示下图,说明安装成功2.使用compser安装tcpdf,在指定的文件夹下,打开控制台输入composer require tecnickcom/tcpdf出现composer.json、composer.lock、vendor,并且vendo文件夹下出现,说明插件安装成功3.后端生成

2021-04-21 12:54:12 2871 10

原创 图片适配设置

最近设置手机端,网页给图片设置了宽度,到手机端全部变形,使用下面的方法解决:···img{max-width:100%;height:auto;box-sizing:border-box;}···

2021-04-07 20:54:56 157

原创 PHP 发送一张图片从一个服务器到另一个服务器

使用curl模拟POST请求function post_curls($url,$post){ $curl = curl_init(); // 启动一个CURL会话 curl_setopt($curl, CURLOPT_URL, $url); // 要访问的地址 curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false); // 对认证证书来源的检查 curl_setopt($curl, CURLOPT_SSL

2021-03-28 20:22:08 486

原创 微信小程序 图片预览、长按可删除

这篇就属于纯应用类的了实现了图片的预览、删除,只能上传一张图片WXML 文件 <view class="weui-cell__bd"> <block wx:for="{{files}}" wx:key="*this"> <view class="weui-uploader__file" data-index="index" bindlongpress="deleteImg" bindtap="previewImage" id="

2021-03-28 16:59:28 549

原创 c:\Program Files (×86)\Microsoft VS Code\unins000.exe 尝试在目标目录创建文件时发生一个错误:拒绝访问。

方法一:找到文件安装地方,修改权限。完全控股之、修改、读取和执行、列出文件夹内容啥的都选上。方法二:用管理员身份打开VS code。

2021-03-12 09:21:20 8227

原创 写论文过程中排版问题汇总

最近刚把论文写完,调格式真的会疯!图片格式图片设置“嵌入式”,图片后面的段落间距设置为1.5倍,段前设置1行插入visio的时候,出现多余空白怎么弄visio是标题与标号之间的空白比较大?首先,确保你的标题编号是通过设置1级标题、二级标题、三级…这么来设置的,然后在选中编号项(数字)-》选择“调整列表缩进”,...

2021-03-09 23:00:39 367

原创 visio边缘出现空白如何删除

方法1:1.打开Visio对象后在[文件]菜单[选项]菜单项上单击,然后单击[自定义功能区]。2.在[自定义功能区]的主选项卡中找到[开发工具]复选框,打上勾,单击确定。3.在Visio对象的菜单栏,找到[开发工具]菜单,在[显示形状表]"显示ShapeSheet"工具栏的下拉菜单中单击[页]。4.在Page properties 中将 PageLeftMargin,PageRightMargin,PageTopMargin,PageBottomMargin的值设置为0. 然后关闭页。5.在

2021-03-09 22:57:26 16765 4

原创 千分位格式化 -小数点版也有

简单的小数点格式化问题: 将123456789 转成 123,456,789利用正则表达式let num = 123456789;let regExp = /(?!^)(?=(\d{3})+$)/g;let ans = (num + '').replace(regExp, ',');console.log(ans);// '123,456,789'说明:(?!^) :该位置不能是开头,避免出现 ',123,456,789’这种情况(?=(\d{3})+$): 匹配的位置是结尾前面,1.

2021-03-08 13:17:57 698

原创 理解cookie、localStorage、sessionStorage之不同

理解cookie、session、localStorage、sessionStorage之不同

2021-02-27 15:24:22 640

原创 策略模式实现深度拷贝

深度拷贝区别于浅拷贝:浅拷贝:对不同数据类型表现不同,对于基本数据类型(布尔、数值、string、null、undefined、Symbol),拷贝基本数据类型的值;对于引用数据类型(Object、Array、Date、Error、Number、String、Boolean等),拷贝的是内存地址(其中一个变化会影响到另外一个元素)深拷贝:主要是对于引用数据类型,新拷贝元素(每一层)都拥有一个新的内存空间,不会和原来的元素公用一块内存空间策略模式策略模式是为了避免过多的if else if else

2021-01-27 17:48:17 109

原创 npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。

重新安装vscode创建了test.js,在文件夹下执行node test.js显示 npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。原因就是没有权限,利用管理员身份打开,就行了,那么就需要配置环境变量配置环境变量 此电脑->属性->高级系统设置->环境变量->用户变量里Path里添加vscode的安装路径运行之后就正常了。...

2021-01-25 22:11:23 4430 2

原创 实现Array.proptotype.reduce--简易版

首先,分析原有的Array.prototype.reducereduce是一种归并方法,对每一项都会运行一个归并方法(计算数组之和可以使用)参数:reduce(callback[,initialVlaue])其中:callback: 数组中每个元素执行操作的方法,必选initialValue:初始值,可选操作函数:callback(prev,cur[,index,arr])prev: 前面操作的结果,有initialVlaue的时候,开始执行的时候prev=initialValue;没有

2021-01-20 18:34:25 149

原创 requestAnimationFrame、setTimeout、setInterval

MDN定义:requestAnimationFrame():执行动画,要求浏览器在下次重绘之前调用指定的回调函数更新动画参数:回调函数作为参数,回调函数会在下次重绘之前执行回调函数的执行次数和浏览器的刷新频率有关返回值: 回调列表的唯一ID标识;传入widow.cancelAnimationFrame()取消回调函数可以利用requestAnimationFrame()实现节流let flag = false;window.addEventListener('scroll',()=>{

2021-01-18 10:45:51 226 1

原创 ERROR:spawn java ENOENT

在打包react的项目的时候遇到了,ERROR:spawn java ENOENT就是本地没有java环境,需要下载java,配置一下可以参考:手把手教你如何在win7(windows7)下进行java环境变量配置windows10java环境变量配置配置环境变量之后输入javac测试,如果确定配置没问题,但是没有显示javac不是内部命令,直接重启电脑,就好了...

2021-01-16 19:46:54 2529

原创 git提交代码到main

本地git init之后还是master分支git add *git commit -m '修改文件'git remote add 远程git地址git push origin master查看github的仓库地址,是推送到了master分支需要合并到main分支git fetch origingit checkout maingit merge master --allow-unrelated-histories(合并分支解决冲突)直接合并分支,显示fatal:refusi

2021-01-13 19:50:53 2786

原创 Javascript创建并查集类方法

并查集包含 并 和 查 两方面给节点找到权值最大的BOSS,合并查找该节点的时候,找到该节点的BOSS,进行比较,操作class UnionFind{ constructor(n){ this.node = new Array(n) .fill().map((item, idx) => idx) // 树的高度,代表了节点的权重 this.rank = new Array(n).fill(0);

2021-01-13 12:28:57 303

原创 github+hexo搭建博客-2021

搭建博客必要条件:1. github账号,配置了ssh2. 本地安装node,win+R,cmd进入命令行,node -v出现版本号,安装了node,版本不能低于10.133.首先得有一个github的账户,配置了ssh,New repository,仓库名本地创建文件夹,例如:创建Blog文件夹,安装hexo下面的内容都是在Blog目录下完成(如果不是,会标明)全局安装:npm install -g hexo-cli同样进入命令行输入:hexo -v查看版本号,是否安装成功建站:

2021-01-11 23:22:15 745 2

原创 本地调试npm包

切换到需要调试的npm包(加入是test),控制台npm link目的:将这个npm包链接到global下的node_modules上切换自己需要使用npm包的目录下,控制台输入npm link test就可以在自己的项目下,node_modules中看到这个包了也可以使用当前目录中使用:npm link test包的相对位置参考链接:npm link如何在本地调试npm包...

2021-01-07 17:28:43 894

原创 使用flex制作三栏布局

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .container{

2020-12-09 19:52:41 231

原创 利用node.js实现JSONP实现跨域

//jsonp.html<script> // 把数据返回给回调函数 自动调用回调函数 function test(data){ alert(data.name) }</script><script src="http://127.0.0.1:8090/jsonp?callback=test"></script>'use strict'const http=require('http');const urlModule=require

2020-12-09 19:47:47 95

原创 get新知识点:max-width:100%

max-width:100%保证所有图片最大显示为其自身的100%;如果出现包含块的尺寸小于图片本身的尺寸的话,以图片的最大尺寸进行显示;img{max-width:100%;}

2020-09-27 21:13:57 1231

原创 输入框(使用伪元素 确保 icon垂直居中 还有 75%=(32-4*2)/32计算出来的,border-box中 width=content+border+padding,height同理)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /*子绝父相设置定位模式*/ .input-contai

2020-09-21 11:16:34 136

转载 ES6中字符串使用小tips

ES6中,字符串添加了Iterable接口,但是不可以使用方括号对属性值进行修改let str="abc";console.log(str[1]);//b//目的:修改字符串的第二个字符为大写Bstr[1]='B';console.log(str);//abc解决:let str=[..."abc"];str[1]="B";console.log(str.join(""));//aBcWhen using bracket notation for character access,

2020-05-10 14:48:20 122

原创 JS创建二维数组-竟然不一样

一般创建数组只修改一位使用es6方法修改数组,一列会被修改一般创建二位数组:let arr1=[];for(let i=0;i<4;i++){ arr1[i]=new Array(); for(let j=0;j<4;j++){ arr1[i][j]=false; }}//修改其中一个元素arr1[3][1]=true;co...

2020-05-07 01:11:22 880 1

转载 ! [rejected] master -> master (fetch first) error: failed to push some refs to 'https://gith

解决方法:git pull --rebase origin mastergit pull=git fetch 和 git mergegit pull --rebase =git fetch 和 git rebese1.git pull --rebase origin master:本地提交删除,内容放在临时补丁里;将远程仓库origin拉到本地这次提交,将临时补丁里的内容应用到该次提交。...

2020-05-02 13:37:33 711

转载 清除按钮的原有样式-css

button{//边框清掉 border:0; outline:none;//背景颜色清掉 background-color: transparent;}

2020-05-01 22:59:59 3647

原创 二级菜单栏目居中显示CSS+HTML实现

<!DOCTYPE html><html><head><title>测试</title><style type="text/css"> body,html{ padding:0; margin:0; } nav{ background-color...

2020-04-30 19:38:09 2156

转载 解决添加了图层之后,不能点击链接

给图层添加CSS样式添加:pointer-events:nonenone表示鼠标事件“穿透”该元素并且指定该元素“下面”的任何东西。

2020-04-30 18:31:36 191

转载 区分深复制和浅复制

复制有层次性,针对引用数据类型深复制:从表面复制到原型,复制对象拥有控制自身属性而不影响别的被复制对象属性浅复制:只复制表面,复制对象和被复制对象,任何一个修改都会影响对方浅复制*:解构var objcopy=[...arr]Object.assign()var objcopy=Object.assign([],arr)arr.slice()var objcop...

2020-04-15 10:40:57 174

原创 Vuex计数器

看图说话,Vuex是一个状态管理库store,主要三部分:state、mutations、actions前提,vue-cli搭建了项目首先启动项目npm run dev,导航栏输入http://localhost:8080/(如果没有修改config->index.js文件port,一般是8080端口)首先,使用安装vuexnpm install vuex --save在s...

2020-04-14 14:55:16 818

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除