- 博客(88)
- 收藏
- 关注
RSS订阅原创 react 报错 Cannot read property ‘tap‘ of undefined
解决办法如果你的 html-webpack-plugin 版本与 webpack 版本不一致，将 html-webpack-plugin 先 remove ,再 install 跟 webpack 一样的版本。
2021-08-13 15:17:09
477
原创 微信小程序 API selectComponent 获取组件返回 null 的记录
问题描述/** 在Page 生命周期 onready 获取组件实例 */onReady(){ this.targetComponet = this.selectComponent('#targetCompoent');}/** wxml **/<targetCompoent id="targetCompoent"></targetCompoent>bindEvent(e){ this.targetComponent.fun(); /** this.tar
2021-07-29 15:51:46
1038
原创 小程序 Component 去掉 scroll-view 的滚动条
为 scroll-view 添加 两个属性 enhanced show-scrollbar="{{false}}"
2021-06-22 15:21:53
382
原创 微信小程序自定义Component canvasToTempFilePath: fail canvas is empty
/** 在component中 canvasToTempFilePath 遇到err: fail canvas is empty*//** pages中创建画布 */wx.createCanvasContext("image-canvas", this);wx.canvasToTempFilePath(options)/** 在Component 中 需要为 canvasToTempFilePath 指定上下文 */wx.createCanvasContext("image-canvas"
2021-04-30 14:07:30
691
转载 浅谈Koa洋葱模型
我们已经知道 koa2 中间件是基于async/await 实现的，其执行过程是通过next来驱动的，于是，koa2 就有了一个特殊的执行顺序，我们为这种执行顺序设定了一个模型叫–洋葱模型。现在假想，你手里有一支牙签，横向穿过一个洋葱，是不是会层层穿透？从第一层进去、到第二层、第三次…然后到中间层后，再层层穿透的出，从第三层出、第二层、第一层…。其实我们的koa2中间件执行顺序也是这样的。抛开业务代码，用koa2官网的一个例子做实验const Koa = require('koa');const
2021-03-21 02:06:34
536
转载 react报错：Can‘t perform a React state update on an unmounted component
在React开发中，我们可能经常会遇到这个一个警告：Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application.我们不能在组件销毁后设置state，防止出现内存泄漏的情况关于react中切换路由时报以上错误，实际的原因是因为在组件挂载（mounted）之后进行了异步操作，比如ajax请求或者设置了定时
2021-02-16 23:01:17
242
原创 解决服务器配置了git公钥仍需要输密码的问题
cd ~.ssh/chmod 600 authorized_keyscd ~chmod 700 -R .ssh
2021-01-25 22:25:41
262
原创 PM2 部署 ecosystem.json 配置
一、node项目部署流程 二、配置部署脚本文件 在项目根目录添加pm2的部署脚本文件 ecosystem.json { "apps": [ "name": "movie", //对应Nginx上的配置 "script...
2020-12-22 17:21:15
680
转载 React Hook useState useEffect componentDidMount componentDidUpdate componentWillUnmount
介绍Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。缘由Hook的初衷是为了解决原本无状态组建需要使用state, 必须改造为class这个痛点。useStateimport React, { useState } from 'react';function Example() { // 声明一个叫 "count" 的 state 变量 const [count, setCount] = useSt
2020-12-22 17:07:03
1230
原创 nodejs 请求库 superagent response 中文乱码解决办法
superagent 库安装与使用yarn add superagentconst superagent = require('superagent')const headers = { 'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.80 Safari/537.36', 'Conte
2020-11-14 14:56:29
465
原创 React alias 别名模块配置
该配置适用于由 create-react-app 脚手架构建的项目，找不到 webpack.config.js 需要先 npm run eject 释放配置文件alias: { // Support React Native Web // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/ 'react-native': '
2020-09-19 00:10:21
1136
原创 Vue / React /浏览器中全局获得 nodejs 环境进程 process 变量
配置目标在开发过程中经常在node环境中配置 process 配置以判断开发环境，除了 process.env.NODE_ENV 在vue中获取，由于浏览器脱离了node环境使得无法使用node中的一些模块，包括 process等信息，在浏览中获取process 对象会得到一个奇怪的对象。plugins 配置webpack 提供了一个 DefinePlugin 的插chaji...
2020-03-10 10:28:04
2740
原创 linux 图片压缩工具之 jpegoptim
安装sudo apt install jpegoptim 命令行 将当前目录 origin 文件夹下所有 png文件按 50% 的比例压缩 并存放到当前目录 compress文件夹下 压缩文件夹下的所有 pngjpegoptim -m50 ./origin/*.png --dest ./compress #-m50 质量50%压缩前体积压缩后...
2019-12-02 18:50:31
979
原创 Vue 使用 Echart 折线图如何添加百分比
在vue中引用// vue文件中引入echarts工具let echarts = require('echarts/lib/echarts')require('echarts/lib/chart/line')// 以下的组件按需引入require('echarts/lib/component/tooltip') // tooltip组件require('echarts/li...
2019-11-19 17:48:51
5341
原创 Vetur 格式化 js-beautify setting 换行配置
默认格式化添加分号编辑 setting -> users -> settings.json//去掉JavaScript 自动添加分号"vetur.format.defaultFormatter.js": "vscode-typescript",.vue 文件组件自动换行 "vetur.format.defaultFormatterOptions": { "j...
2019-11-18 15:56:53
10078
3
原创 Nodejs 通过子进程模块 child_process 获取 git 信息（分支，标签）
child_processchild_process 模块提供了衍生子进程的能力，用于在node 环境中执行子进程和其他操作，比如执行.cmd， .bat 和 shell 脚本。Node.js v12.13.0 文档 child_process这里可用 API child_process.exec(command[, options][, callback]) 和 child_proces...
2019-10-29 15:53:26
5679
3
原创 Mysql 8.0 驱动连接 Node 报错 ER_NOT_SUPPORTED_AUTH_MODE'
报错信息 code: 'ER_NOT_SUPPORTED_AUTH_MODE', errno: 1251, sqlMessage: 'Client does not support authentication protocol requested by server; consider upgrading MySQL client', sqlState: '08004',...
2019-07-14 15:25:06
3097
5
原创 Vue 大型项目热更新优化
优化目的当项目路由和组件文件变多，在开发时的 hot reload 变得缓慢，和 react native 真机调试有的一拼，严重影响到开发效率。定义组件 improt 和 require 方法使用插件 dynamic-import-node添加npm依赖到 --save-dev ,npm install babel-plugin-dynamic-import-node --save...
2019-07-09 14:35:46
5019
原创 React 之 Ant Design 按需引入
使用官方推荐的脚手架create-react-app myapp暴露webpack 配置cd myapp && yarn eject//按提示输入 yyarn run v1.16.0$ react-scripts ejectNOTE: Create React App 2+ supports TypeScript, Sass, CSS Modules and mor...
2019-07-01 13:43:28
2384
1
原创 react-native 出现 Could not find iPhone 6 simulator 与 ":CFBundleIdentifier", Does Not Exist
升级Xcode 版本发现运行 react-native run-ios 时出现Could not find iPhone 6 simulator找到并修改项目下 /node_modules/react-native/local-cli/runIOS/findMatchingSimulator.js 文件 // 注释掉这部分 // if (version.indexOf(...
2019-06-29 22:26:37
1196
原创 小程序 Canvas 文字居中解决方案
使用 ctx.measureText 计算文本宽度let ctx = wx.createCanvasContext('Poster');let str = `这是一段居中的文字`let W = this.data.buildWidth;ctx.setFillStyle('#99bef5');ctx.fillRect(0, 0, W, W * 2)ctx.setFontSize(15)...
2018-12-25 10:57:24
4783
1
原创 使用pngquant + shell 批量压缩png图片
材料到 https://pngquant.org/ 下载命令行工具,根据自己的操作系统下载。这里我下载mac os的命令行工具，解压。使用shell 实现批量压缩//新建shell脚本文件 touch batch.sh//shell代码SAVEIFS=$IFSIFS=$(echo -en "\n\b")echo $IFS# --quality=0-5 即压缩质量范围在0-5...
2018-12-10 10:36:48
1409
原创 nginx 软重启报错 mmap(MAP_ANON|MAP_SHARED, 524288000) failed (12: Cannot allocate memory)
解决办法将配置文件的 http 的 proxy_cache_path 由500改为300proxy_cache_path /usr/local/nginx/proxy_cache_path levels=1:2 keys_zone=cache_one: 300m inactive=1d max_size=10g;proxy_temp_path /usr/local/nginx/proxy_t...
2018-12-08 13:58:14
4128
原创 Mac 终端启动AVD模拟器
ruffs-mbp:~ abca$ cd Library/Android/sdk/tools/ruffs-mbp:tools abca$ ./emulator -list-avds //列出av列表Pixelruffs-mbp:tools abca$ ./emulator @Pixel //已经启动emulator: ERROR: There's another emulator ins...
2018-11-28 09:46:12
3359
原创 CSS3 filter(滤镜)属性及小程序 高斯模糊和Web的使用
CSS3 语法filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();浏览器兼容性 属性 Chrome Edge ...
2018-11-24 11:23:58
3564
1
原创 小程序发送模版消息之 nodejs 实现
功能分析现需要实现一个用户报名成功通知到功能，管理员在后台审核之后，会通过用户的申请，同时发送小程序报名成功的模版消息到用户的微信上。首先需要分析一下微信发送模版消息的接口//模版消息的结构let opts = { touser: param.openid, //目标用户的openid template_id: templ...
2018-11-13 18:23:39
1061
原创 Nginx 配置https 和 node多服务配置
准备工作下载 SSL证书文件安装了 nginx 的服务器你的域名已经解析到目标服务器证书安装以腾讯云为例，SSL 的证书文件可以在你的控制台SSL管理后台查看并下载。其他服务器配置可以参考 ssl证书安装指引下载证书并解压 得到下列文件夹，将 nginx 文件夹之外的 其他不用的文件删除。将 Nginx 文件夹用 scp 工具上传到你的服务器 ，windows上可以用 ...
2018-11-10 17:08:20
1269
原创 Vue : Custom elements in iteration require 'v-bind:key' directives.
使用 element-ui 去遍历路由做侧边栏，eslint 检测出现一个错误 ⚠️Vue : Custom elements in iteration require ‘v-bind:key’ directives.<template v-for="(item,index) in $router.options.routes" v-if="!item.hidden"> ...
2018-11-06 11:52:40
11478
原创 华为云 ECS 安装 Nginx 的端口问题
服务器之迁徙私人服务器从腾讯云迁到便宜的华为ECS，重装系统。装 node ,装 mongodb，装 nginx检测nginx 正常nginx -t 正常启动nginx 服务，一切正常service nginx start 查看进程 正常ps -ef |grep nginx浏览器打开http://ip无法访问排查服务器 ping 外网root@ruff-se...
2018-11-05 10:24:41
2308
原创 n 模块切换 node 版本无效的解决办法
问题概述全局安装 n 模块npm install -g n安装最新稳定版 node 版本n stable这样就安装到最新版本。使用 n 切换版本n # 出现 node/8.12.0ο node/11.0.0选择 11.0.0 版本回车，node -v# 8.12.0解决办法百度 + Google = node的安装目录和 n 默认的路径不一样查看 ...
2018-10-31 11:23:37
16775
2
原创 Mac 配置 flutter开发环境到第一个flutter app
准备工作设置镜像⚠️ 为保证网络不受限制，将Flutter官方搭建的临时镜像加入到用户变量中去，该临时变量可能会更新，后续更新可从 Using-Flutter-in-China 页面获取最新更新。export FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cnexport PUB_HOSTED_URL: https://pub...
2018-10-30 11:23:39
680
原创 记一次MongoDB数据库数据泄漏及解决办法
问题出现在默认情况下，mongodb是不需要验证就可以直接通过ip及端口连接到数据库，我在github的练手项目没有把我的服务器公网ip删掉，使得服务器的数据泄漏成为可能。在下午我登陆我的服务器用mongo shell打开数据库时发现多了Warn的数据库，而我之前的测试数据数据库已经被删除。然后我用可视化工具登陆我的mongo数据库发现Warn数据库插入了一条数据：显而易见 是他备份了我...
2018-10-23 18:24:31
1059
原创 AndroidStudio 3.x报错 Could not resolve junit:junit:4.12
问题android Studio 3.x 版本，初始化项目开始构建时构建工具抛出一个错误 Could not resolve junit:junit:4.12即无法解析 junit:junit:4.12。解决办法编辑 项目的 build.gradle文件，添加一行。allprojects { repositories { jcenter { url "http...
2018-10-20 18:39:43
6650
1
原创 git push遇到 error: src refspec master does not match any 解决办法
先执行：git pull origin master//取回远程主机某个分支的更新在执行：git push origin master
2018-09-26 01:16:00
2274
1
原创 React-native 初始化 Command `yarn add react-native --exact` failed.
执行npm config set registry https://registry.npm.taobao.orgnpm config set disturl https://npm.taobao.org/dist重新初始化即可，如果遇到npm update check failedTry running with sudo or get access to the local up...
2018-09-22 17:23:09
1907
原创 Javascript浮点运算问题及简单办法
问题描述在 JavaScript 中整数和浮点数都属于 Number 数据类型，所有数字都是以 64 位浮点数形式储存，即便整数也是如此。 所以我们在打印 1.00 这样的浮点数的结果是 1 而非 1.00 。在一些特殊的数值表示中，例如金额，这样看上去有点变扭，但是至少值是正确了。然而要命的是，当浮点数做数学运算的时候，你经常会发现一些问题，举几个例子：// 加法 =============...
2018-09-20 16:11:17
836
原创 DeprecationWarning: current URL string parser is deprecated, and will be removed in a future version
Node连接Mongoose抛出一个警告：mongoose版本: “^5.2.12”(node:6592) DeprecationWarning: current URL string parser is deprecated, and will be removed in a future version. To use the new parser, pass option { useN...
2018-09-19 16:57:36
7922
原创 Express Nginx 502 Bad Gateway 排错
问题描述在服务器使用 pm2 nodejs进程工具启动express服务器，在浏览器使用get请求时出现:502 Bad Gateway在服务器终端使用curl 模拟本地请求请求被拒绝curl: (7) Failed to connect to localhost :Connection refused转发端口检查Nginx服务器配置是否绑定Express服务的端口.检查 n...
2018-09-19 14:19:24
2214
原创 Gradle 'project_name' project refresh failed: Unable to find valid certification path to requested
问题所在今天台风”山竹”来袭，抽空把Mac上面的android studio2.x 升级到最新的Android Studio 3.x，把gradle升级到4.4-all版本，打算重温一下之前的Android知识慢慢整理成博客，新建一个简单的Android项目，初始化一个空白的Acitvity，打开编辑面板。gradle开始构建，中间出现抛出一个错误：Gradle 'project_...
2018-09-16 18:26:56
652
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人