weixin_68560422的博客

原创 上传自己的npm包

版本号，语义版本号分为X.Y.Z三位，分别代表主版本号、次版本号和补丁版本号。name： 模块名，之后发布之后就可以让用户npm install xxxx来引用你的开源模块了。去npm官方文档注册账号,并验证邮箱 官网地址:https://www.npmjs.com/main： 入口文件，必要，当通过require(‘xxx’)时，是读取main里声明的文件。keywords： 关键词，可以通过npm搜索你填写的关键词找到你的模块。如果报错，是因为没有确认npm发过来的邮件，点开邮件确认即可。

原创 解决：fatal: unable to access ‘https://github.com/zwStar/vue-meituan.git/‘: OpenSSL SSL_read: Connectio

/取消https代理 git config --global --unset https.proxy。解决办法：取消git本身的https代理，使用自己本机的代理，如果没有的话，其实默认还是用git的。在进行clone之前运行这段代码。

原创 git常用命令

6. git pull origin branch-name ( 分支名称 ） 将远程分支拉到本地分支。5. git push origin branch-name（分支名称） 将本地分支推送到远程分支。21. git merge branch-name （分支名） 将当前分支与写入的分支进行合并。9 git branch branch-name ( 分支名称 ) 在本地创建一个分支。22. git branch -d 分支名 删除本地分支 -d是delete的缩写。

原创 js 实现中文变成首字母大写

首先 下载npm install pinyin。

原创 在react中输入地点名称，找到对应的地点（百度地图）

【代码】在react中输入地点名称，找到对应的地点（百度地图）

原创 在react中输入地点名称，使用百度地图api找到对应的地点

【代码】在react中输入地点名称，使用百度地图api找到对应的地点。

原创 在react函数组件中对echarts图表进行适配

【代码】在react函数组件中对echarts图表进行适配。

原创 如何在reduxjs/toolkit和react-redux中使用redux-saga，（后端使用node）

文件夹格式 store文件夹中包括index.js,reducer.js,saga.js。

原创 react函数组件使用react-vant实动画楼梯

【代码】react函数组件使用react-vant实动画楼梯。

原创 npm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm ERR!npm ERR! While resolving: react-

解决方案 npm i --legacy-peer-deps。

原创 移动端js拖拽

document.querySelector('.home-con').appendChild(box) // 将盒子添加到home-con区域内。box.style.left = Math.random() * 100 + 'px' // 随机设置盒子的left值。box.style.top = Math.random() * 100 + 'px' // 随机设置盒子的top值。box.addEventListener('touchend', () => { // 监听鼠标松开事件。

原创 原生js倒计时功能

btn.innerText = `${count}秒后重新发送`;btn.innerText = `${count}秒后重新发送`;btn.innerText = '点击重新发送';// 倒计时时间，单位为秒。

原创 使用正则校验手机号

因此，该正则表达式可以匹配所有以1开头，第二位是3、4、5、6、7、8、9，后面跟着9位数字的手机号。

原创 返回顶部简单实现

原创 react简单路由动画思路

1.首先在根组件index中引入RouterProvider。2.下载react-transition-group。然后导入自己配置的路由表routerlist。routerlist文件。3.配置App.js文件。

原创 react返回顶部（置顶）的简单实现思路

大体思路：首先，需要监听页面的滚动事件，当滚动距离超过一定值时，显示返回顶部按钮。然后，当用户点击返回顶部按钮时，需要使用动画效果将页面滚动到顶部。

原创 react 小球动画

app.js代码app.scss。

原创 将时间戳转化成xxx年xxx月xxx日

首先，将时间戳转化为Date对象： 然后，使用Date对象的方法获取年月日：最后，将获取到的年月日拼接成需要的格式：

原创 使用面向对象实现限制范围的拖拽

使用面向对象实现限制范围的拖拽

原创 pc端限制范围的简单拖拽

pc端限制范围的简单拖拽

原创 css文本省略号

【代码】css文本省略号。

原创 使用react的Ant Design组件库的简单流程

5.按需加载：如果你只需要使用Ant Design库的一部分组件，可以使用按需加载的方式减少打包体积。Ant Design是一个非常流行的UI组件库，它提供了丰富的React组件和样式库。注意：直接使用npm install antd 下载的是最新版本，引入antd.css文件的时候会提示找不到，解决方法：下载的时候指定版本，例如：npm install antd@4.24.2。

原创 请说说Vue中的响应式原理？

vue响应式也叫作数据双向绑定，大致原理阐述：​ 首先我们需要通过Object.defineProperty()方法把数据(data)设置为getter和setter的访问形式，这样我们就可以在数据被修改时在setter方法设置监视修改页面信息，也就是说每当数据被修改，就会触发对应的set方法，然后我们可以在set方法中去调用操作dom的方法。​ 此外，如果页面有input用v-model绑定数据，我们需要在这种绑定了data的input元素上添加监听，添加input事件监听，每当input事件被触发时，就

原创 解决pandas中字符串千分位转成数字

我们要对amount1和balance1字段进行转化。