qq_34510843的博客

原创 【应用服务 App Service】NodeJS +Egg 发布到App Service时遇见 [ERR_SYSTEM_ERROR]: A system error occurred:uv_os_ge

在修改node-homedir\index.js中的源代码，把里面 os.userInfo().homedir 的部分替换成在App Service中的Homedir路径，hardcode这一部分。如 const homedir =”D:\home\site\wwwroot\“;并指出了报错的源文件为：(D:\home\site\wwwroot\pynode\node_modules\node-homedir\index.js:10:26),在源代码中，找出了问题的根源。最快速且无代码改动方案。

原创 【无标题】

原创 width:100% 与 width:auto 的区别

width:100% : 子元素的 content 撑满父元素的content，如果子元素还有 padding、border等属性，或者是在父元素上设置了边距和填充，都有可能会造成子元素区域溢出显示;width:auto : 是子元素的 content+padding+border+margin 等撑满父元素的 content 区域。

原创 Canvas和SVG对比

Canvas api 提供了一个通过js 和HTML 元素 Canvas 元素绘制图形的方式。Canvas api 主要用于2d 图形，而同样使用canvas 的webgl api 则用于绘制一键加速的2d 和 3d 图形。canvas 只支持两种图形的绘制，矩形和路径，其他复杂的图形是通过一条或多条路径组合而成。路径绘制 api。

原创 什么是变量提升 ?

变量提升又称声明提前：JavaScript 引擎会在执行代码之前先进行一次预编译，把所有的 var 变量声明和函数声明提升到当前作用域的顶部。在这个例子中，变量声明提前后等价于下面。

原创 Centos 安装指定版本postgres 数据库

打开文件 /var/lib/pgsql/12/data/postgresql.conf 找到关键字 listen_addresses=’localhost’， 并改为listen_addresses = ‘*’本地登录时，postgres用户不需要密码，但是远程登录时需要密码，而该用户默认密码我们不知道，所以需要修改为我们能记住的密码。进入文件 /var/lib/pgsql/12/data/pg_hba.conf，并增加红框这一行，然后保存退出。以12 版本为例、安装步骤和启动如下。

原创 rollup 的基本使用

Rollup 是一款小巧的 JavaScript 模块打包器。它可以将多个 JavaScript 文件打包成一个或多个 bundle，并且支持使用 npm 或 CommonJS 模块加载。使用 ES6 模块作为输入，输出为兼容性更好的 UMD 或 AMD 模块。通过插件机制实现代码分割、压缩、混淆等优化功能。支持使用 npm 或 CommonJS 模块加载，方便集成其他 JavaScript 库或框架。跨平台，可以在不同操作系统上运行。

原创 使得E6被低版本IE浏览器兼容

随着前端技术的发现，es6语法在被更大范围的使用，而很多的浏览器并不支持ES6，比如IE……这里我们介绍几个解决方法。

原创 解析html格式的字符串中有几个html元素，并统计各个元素的个数

解析html格式的字符串中有几个html元素，并统计各个元素的个数，字符串如下。字符串 indexOf 查找元素符号 “”转化成 dom 树后进行深度遍历。解答方法有三种，分别为。

原创 构造指定长度数组，并为每个元素设置为 undefine（可作为临时数组供遍历使用）

【代码】构造指定长度数组，并为每个元素设置为 undefine（可作为临时数组供遍历使用）

原创 图片预加载 、无序预加载、有序预加载

【代码】图片预加载 、无序预加载、有序预加载。

原创 构建一个简单的node服务端应用docker镜像

初始化项目实现index.js代码index.js。

原创 centos 7下的bin 目录

目录 /usr/bin 下的文件可以再系统全局访问得到。

原创 centos7系统安装nvm

linux 安装nvm

原创 使用gulp 把源码编译

在项目根目录下执行，打包后的输出文件在out目录下。

原创 麒麟kylin 系统下安装postgresql

接着查找文件postgresql.conf 的位置，找到关键字 listen_addresses=’localhost’， 并改为listen_addresses = ‘*’，然后保存退出。本地登录时，postgres用户不需要密码，但是远程登录时需要密码，而该用户默认密码我们不知道，所以需要修改为我们能记住的密码。安装postgres数据后，会给操作系统创建一个postgres的用户，切换到postgres用户，进行登录操作。进入文件pg_hba.conf，并增加红框这一行，然后保存退出。

原创 一维数组，带有父子级关联属性的一维数组转化成嵌套数组，或者转化成树

【代码】一维数组，带有父子级关联属性的一维数组转化成嵌套数组，或者转化成树。

原创 什么是内存泄露，常见的内存泄露及其解决方案

一块被分配的内存既不能被使用又不能被收回，知道浏览器进程结束。

原创 centos7 更换yum 源

先备份文件，以防丢失。

原创 解决ifconfig命令找不到

进入network-scripts目录把ONBOOT改为yes。

原创 antd 阿里图标库扩展a-icon 图标

在https://www.iconfont.cn/ 创建自己的图标库，首相创建项目，然后把Svg 图标上传到该项目，一下是部分上传完之后的图标预览图。

原创 nuxt2 修改svg loader 配置

在nuxt.config.js 修改build.extend 扩展，也就是修改webpack 配置，找到解析 svg 的loader，然后修改loader的正则表达式，去掉匹配的部分。

原创 vue2 配置文件中增加 自定义webpack 插件

vue2 增加自定义webpack 插件，在配置文件中属性configureWebpack.plugins 添加MyPlugin 插件。

原创 node.js 使用fs 删除空目录

fs 利用递归把所有的目录找出来，判断目录下是否有文件，否则将其删除

原创 nuxt2 找出无用的文件

nuxt2 配置文件nuxt.config.js添加插件useless-files-webpack-plugin，项目运行之后会在根目录生成一个 unused-files.json 文件，里面记录的就是无用的文件路径。

原创 一个脚本在 vue 的生产环境下，使用Devtools 调试工具

一个脚本在 vue 的生产环境下，使用Devtools 调试工具

原创 mysql 查询语句构造数据项序号

mysql 查询语句构造数据项序号

原创 vscode 快捷编辑HTML

vscode 快捷编辑html

原创 npm包发布到私有npm服务器过程

2. npm 增加用户npm 包发布到私有npm 服务器过程设置package.json 文件然后根据提示设置用户名和密码4. 发布包5. 使用命令升级版本号升级小版本号升级次版本号升级主版本号

原创 不用再import模块了？require.context 批量引入

【Webpack】不用再import模块了？一个API帮你实现自动引入自动导入module 目录下的js模块自动导入module 目录下的js模块你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。var rm = require.context('./module', false, /.js$/)const modules = rm.keys().reduce((modules

原创 入坑ES6

入坑ES61. 箭头函数1. 箭头函数this 指向问题const obj = { name1: 'James 23', getName: () => { // this 指向window console.log(this.name1) }, getName2: function() { // this 指向obj console.log(this.name1) }, getName3() { // this 指向obj，等价

原创 手写 bind、apply、call

使用applyFunction.prototype.myBind = function () { const t = Array.prototype.shift.call(arguments) const args = arguments const self = this return function () { self.apply(t, args) }}const obj = { x: 111 }const fun = function (v) { cons

原创 自己写一个深拷贝

自己写一个深拷贝let a = { name: 'rober', age: 18, skill: ['3', '4'], obj: { j: 3, k: 4 }}let deepClone = function(o = {}) { if (typeof o !== 'object' || o == null) { // o == null 等价于 o === null || o === undefined return o } let re.

原创 这是我的第一个博客

我是一个前端开发人员，熟悉vue 全家桶，antd，element-ui, vant 等框架