weixin_45942304的博客

原创 gitlab ci/cd

CI（持续集成，CD（）持续部署（也包含了持续交付的意思）。lint检查，检查代码是否符合规范自动运行测试，检查代码是否能通过测试这个过程我们可以称之为 CI，也就是持续集成，这个过程是自动化的，也就是说我们不需要手动去执行这些操作，只需要提交代码，这些操作就会自动执行。CD 指的是在我们 CI 流程通过之后，将代码自动发布到服务器的过程，这个过程也是自动化的。在有了前面 CI 的一些操作之后，说明我们的代码是可以安全发布到服务器的，所以就可以进行发布的操作。

原创 React Native 开发经验

React Native 开发时，如果只是写些简单的页面，基本上按着官方文档就能写出来，但是 React Native 的 API 有几百个，没有一定的开发踩坑经验，面对一些新的需求时确实会抓不到重点。本文总结了我个人开发 React Native 中遇到的问题和一些冷门的 API，如果有有缘人看到这篇文章并解决了实际问题，那就最好不过了。

原创 关于移动端适配机型

原创 什么是防抖和节流？有什么区别？

什么是防抖和节流？有什么区别？1、防抖(debounce)：触发高频事件后 n 秒内函数只会执行一次，如果 n 秒内高频事件再次被触发，则重新计算时间举例：就好像在百度搜索时，每次输入之后都有联想词弹出，这个控制联想词的方法就不可能是输入框内容一改变就触发的，他一定是当你结束输入一段时间之后才会触发。节流(thorttle)：高频事件触发，但在 n 秒内只会执行一次，所以节流会稀释函数的执行频率举例：预定一个函数只有在时才执行，周期内调用不执行。就好像你在淘宝抢购某一件限量热卖商品时，你不断点刷新点

原创 React渲染腾讯地图

#首先你得在腾讯地图添加key根据自己得需求添加，然后就可以获取到key值了#安装腾讯地图插件，点击即可进入查看文档import QQMap from ‘qqmap’;#代码如下，并带有搜索功能（仅供参考）import QQMap from 'qqmap';componentDidMount() { this.initQQMap();}initQQMap = () => { const { detailData } = this.state; con

原创 ant-design的RangePicker组件的disableTime属性（仅供参考）

通过组件的Onchange事件拿到Moment对象，通过moment(dateRange[0]).date()转化为当前选择开始的时间，然后与当前时间进行对比。

原创 修改egg.js项目的默认favicon图标

修改项目根目录下的 config/config.default.jsfavicon.ico为图标命名，放在项目的根目录const fs = require(‘fs’); // 引入fs模块// 方法一：以读取网络图片的方式修改，一般不建议使用config.siteFile = {‘/favicon.ico’: ‘https://www.mi.com/favicon.ico’,};// 方法二：以读取本地文件的方式修改config.siteFile = {‘/favicon.ico’:

原创 npm install 、npm install --save 和 npm install --save-dev的区别

npm install XXX:会把X包安装到node_modules目录中不会修改package.json之后运行npm install命令时，不会自动安装Xnpm install XXX –save:会把X包安装到node_modules目录中会在package.json的dependencies属性下添加X之后运行npm install命令时，会自动安装X到node_modules目录中之后运行npm install–production或者注明NODE_ENV变量值为produc

原创 cookies，sessionstorage，localstorage区别

原创 github连接超时

首先在cmd输入ping github 如果出现请求超时，然后进入到电脑目录下面，修改hosts文件，在最下面加入这两行代码。192.30.255.112 github.com git185.31.16.184 github.global.ssl.fastly.net

转载 宝塔面板 安装与使用教程

如果你要安装宝塔linux面板,你要准备好一个纯净版的linux操作系统，没有安装过其它环境带的Apache/Nginx/php/MySQL（已有环境不可安装）。支持的操作系统有CentOS，Ubuntu、Debian、Fedora。这里给大家演示的是centos7.5。1,通过ssh工具登录服务器这里推荐大家使用Putty进行登录。注...

原创 数组api汇总

一、添加1、push() 方法将一个或多个元素添加到数组的末尾，并返回数组的新长度。2、unshift() 方法将一个或多个元素添加到数组的开头，并返回新数组的长度。二、删除1、pop()方法从数组中删除最后一个元素，并返回该元素的值。此方法更改数组的长度。2、shift() 方法从数组中删除第一个元素，并返回该元素的值。此方法更改数组的长度。三、操作1、concat() 方法用于合并两个或多个数组。此方法不会更改现有数组，而是返回一个新数组。2、slice()方法返回一个从开始到结束（不包

原创 小程序某元素到顶部的距离

uni.createSelectorQuery().select(".picture-introduction").boundingClientRect(data=>{//目标节点    uni.createSelectorQuery().select(".detail").boundingClientRect((res)=>{//最外层盒子节点(负数)    uni.pageScrollTo({ &

原创 微信小程序如何进行逆解析获取地址信息

如果只是单纯获取经纬度，调用uni.getLocation()就好，详细参考文档。不过只获取经纬度怕是满足不了需求哦。重要的来了！！！！（本人使用的是腾讯地图）第一步，先创建key。首先进入https://lbs.qq.com/，然后按下图操作。点击申请秘钥，然后就按照提示创建秘钥启用产品按照需求勾上，然后点击保存。第二步，秘钥已经申请成功,下面我们进行下载微信小程序JavaScriptSDK v1.0，微信小程序JavaScriptSDK v1.0接下来，将解压出来的文件引入到项目中，

原创 windows audio错误0x80070005怎么解决

首先此账户是本地服务，然后按win+r输入powershell，回车。输入net localgroup Administrators /add networkservice，提示命令成功输入net localgroup Administrators /add localservice，提示命令成功然后重启电脑即可。电脑哑巴了一天了，终于可以说话了。...

原创 图片下方为何有空隙？

举个简单例子结果： 上图红色的那根线就是文字的基线，字母 x 的底部刚好在基线上（基线：小写字母 x 的底部）。line boxes中的vertical-align默认基线对齐，而图片作为其中的一个inline boxes元素，同样也是基线对齐，所以会出现上图的结果。如何取消空隙呢？设置vertical-align: top;设置vertical-align: middle;设置vertical-align: bottom;还可以把图片设置为块级元素img { &nbs

原创 webpack打包的externals用法以及常用的cdn资源

webpack打包，externals加载外部资源，左边名字是固定的，是你从script引入的名字，右边是你页面中使用的名字，externals的意思就相当于引入并use的意思了，然后就可以在页面中把你npm使用到的注释掉如下：import vue from ‘Vue’这是externals的格式externals: {vue: ‘Vue’,‘vue-router’: ‘Router’,axios: ‘axios’,jquery: ‘$’,‘element-ui’: ‘ElementUI’,

转载 搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop

转载自：https://www.imooc.com/article/17571网页可见区域高：document.body.clientHeight网页正文全文高：document.body.scrollHeight网页可见区域高（包括边线的高）：document.body.offsetHeight网页被卷去的高 (因为存在兼容，可以这样使用)：document.body.scrollTop || document.d...

原创 利用css进行文字的不换行省略号

总称三部曲overflow:hidden;white-space: nowrap;text-overflow: ellipsis;