- 博客(105)
- 收藏
- 关注
RSS订阅
原创 uni-app生命周期与Vue.js生命周期
Vue.js生命周期uni-app生命周期除了Vue.js的生命周期外，uni-app增加了页面生命周期和应用生命周期。应用生命周期：页面生命周期：组件生命周期：uni-app不同端生命周期支持情况：相关文章详解vue生命周期...
2020-11-26 13:29:33
766
原创 uni-app开发APP之px与upx转换
px与upx换算upx是相对于基准宽度的单位，可以根据屏幕宽度进行自适应。uni-app规定屏幕基准宽度为750upx计算方法：设计稿1px / 设计稿基准宽度 = 框架样式 1upx / 750upx，换言之，页面元素宽度在 uni-app 中的宽度计算公式750 * 元素在设计稿中的宽度 / 设计稿基准宽度也就是说，先量出设计稿中某一块的px，然后看这个设计稿有几个px宽，计算出这一块在设计稿总所占比例，然后乘以750就是这一块要用的upx值了。注意事项动态绑定的 styl
2020-11-26 13:28:41
10721
1
原创 uni-app开发APP之开发规范和一些注意事项
????个人体会开发快速。uniapp最大的优势就是整合7端开发规范在一起，配合Vue让前端开发人员可以开发出“具有基本功能”的APP（对比flutter来说，uniapp对前端更友好），可以快速开发多端应用。一次编译，多端运行。接口丰富。DCloud有h5 app经验，同时这部分的API也开放给uniapp可以直接调用，调用的时候同样也是用js引擎调用原生API。很多东西开箱即用，微信支付，消息推送等等。过于全面。一般项目不需要7端都需要，但是官方必须考虑7端，所以很多东西必须用条件编译区分平台来
2020-11-26 13:27:51
5543
原创 Node.js新装的问题
????场景再现新装了win10的系统之后安装了nodejs，然后命令行没有找到node和npm的命令，安装位置是D盘，我就找到安装目录，我发现node的安装目录下面有两个地方有npm的可执行文件：于是我就把这两个路径都添加到了系统的环境变量中，就出现了如下报错：????原因添加的环境变量会首先使用排在前面的路径，第一个路径可以找到npm命令但是不是应该配置的环境变量中的路径，因为其他命令和文件的相对路径就有问题了，找其他文件就会找不到。而我在环境变量里面正好把错误的那个放在了前面
2020-11-30 14:58:53
401
1
原创 Express使用body-parser中间件解析POST请求
????场景再现Express项目中需要添加一个POST接口，使用的是Express的路由组件处理的postTest.router.js var express = require('express'); var router = express.Router(); router.post('/', function(req, res) { console.log('req.body', req.body) res.send('helloaa') }
2020-11-30 14:58:16
590
原创 Windows上Nginx使用
????Windows上常用操作其实，配置安装什么的和Linux上别无二致，就是有些操作的命令有点不同。官网地址，如果没有明确的特殊需求，随便下载一个Windows的版本就可以。????几种版本的区别：Mainline version：主线版本（最新的版本，稳定性可能不如稳定版本）Stable version：稳定版本Legacy versions：历史版本????简单安装将下载的压缩包解压，注意解压的目录不要有中文。可以将根目录添加到环境变量，这样就可以直接使用nginx命令了
2020-11-30 14:57:30
347
原创 vim和nano常用快捷键
vim和nano都是linux上常用编辑器，熟练掌握常用快捷键的使用可以大大提高使用效率。以前都是简单的使用vim编辑器，一个一个的移动光标，用空格键一个一个的缩进，太费时间，所以打算仔细总结学习一下vim常用快捷键，提高一下使用效率。vim常用快捷键vi和vim要说vim，避免不了要提一下vi编辑器。vi编辑器是Linux下的标准编辑器，相当于Windows中的记事本。所有的Unix Like系统中都会内置vi编辑器，vim和vi一样也是一个多模式的编辑器，可以看做是vi的升级版，vi拥有三种
2020-11-30 14:56:55
461
原创 Nginx配置文件详解
完整示例# 使用的用户和组user www www;# 指定工作衍生进程数worker_processes 2;# 指定pid存放的路径，进程文件pid /var/run/nginx.pid;# [ debug | info | notice | warn | error | crit ]# 可以在下方直接使用 [debug | info | notice | warn | error | crit] 参数，日志级别，全局错误日志定义类型error_log /var/log
2020-11-30 14:56:11
120
原创 Nginx配置端口转发出现502错误
????场景再现搭建了easy-mock，运行在7300端口上面安装了nginx，并安装了证书，配置文件中将http请求的80端口和https请求的433端口，会转到7300端口上面，但是启动nginx之后，出现502错误????原因SELinux问题，SELinux是Linux的安全增强子系统，其主要作用就是最大限度地减小服务进程可访问的资源（最小权限原则）。????解决办法关闭SELinuxsetenforce 0然后重启nginx：systemctl restart
2020-11-30 14:55:20
2234
原创 Nginx GUI 工具
nginxWebUI-Gitee安装安装JDK官网下载：传送门????需要登录，登录下载，取消任务，复制下载链接，wget下载，jdk-8u251-linux-x64.tar.gz解压：mkdir -p /usr/local/javatar zxvf jdk-8u251-linux-x64.tar.gz -C /usr/local/java配置环境变量：vi /etc/profile > 如果修改当前用户的环境变量 编辑~/.profile或~/.bashrc文件
2020-11-30 14:54:34
868
原创 Linux新装Nodejs并更新到最新版
直接包管理工具安装sudo yum install nodejs -y查看安装的版本node -v && npm -v全局安装node版本管理工具nnpm install n -g安装最新版noden latest或者使用n x.x.x安装指定版本，然后使用n回车，上下切换版本。n切换版本没有效果n工具默认将node新版本安装在/usr/local下面，当前node的安装路径在/usr/local/bin/node下，需要修改~/.bash_profile设置node
2020-11-28 10:30:49
2242
原创 Linux通过进程查找启动目录
背景有一台服务器，安装了Sentry（一个代码错误跟踪监测平台），想要找到它的安装目录。进程查看ps aux | grep sentry查看/proc/{$PID}路径ls -l /pro其他ls -l /proc/PIDcwd符号链接的是进程运行目录；exe符号连接就是执行程序的绝对路径；cmdline就是程序运行时输入的命令行命令；environ记录了进程运行时的环境变量；fd目录下是进程打开或使用的文件的符号连接。...
2020-11-28 10:29:50
798
原创 linux上git clone每次都要输入用户名密码
最近新使用一个代码部署运维平台Spug，拉取代码时配置仓库地址，部署机上如果使用http拉取的话需要每次都输入用户名，密码，平台没有提供这种功能，只会执行git clone -v 加上配置的仓库地址，根本没有办法输入用户名和密码，加上公司的私有云上部署的gitlab不支持外网使用ssh拉取仓库，所以只能用http方式拉取，而且还不能每次都要输入用户名密码，网上找了一下解决方法，做个记录。全局配置gitgit先要安装上，这不用说了。先用git config --global user.name 'u
2020-11-28 10:26:59
7901
1
原创 Linux日常使用命令
????端口占用查看查看端口占用进程的PID：lsof -i:3000杀死PID对应的进程：sudo kill 3000????查看命令相关文件目录whereis xxx:whereis nginx????使用tldr查看命令帮助tldr（to long don’t read）安装，需要先安装npm，然后直接安装：npm install -g tldr使用示例：tldr tar????Centos安装pip提示“Nothing to do”[root@wfm ~]# yum
2020-11-28 10:26:17
108
原创 Jenkins+Hexo+码云构建自动化博客站点
????写在前面在使用Hexo之前，一直用的WordPress，终于在断断续续使用了两个年之后忍不住了，不得不说WordPress拥有丰富的插件和庞大的群众基础，但是实在是用起来不方便，每次写东西都要登录，进入后台管理，添加文章，排版很累（也使用过Markdown插件，效果不太好），当然也尝试过用其他方式写，比如用word写，简单配置一下，推送到WordPress上面，但是这样就没办法用Markdown了。然后就是安装插件让本来就很重的页面加载工作雪上加霜。。硬生生的把我写博客的积极性打击没了。还有一点就
2020-11-28 10:24:27
316
原创 Google Cloud 服务器xshell连接
????用root用户登入????GoogleCloud控制台面板，浏览器远程连接进入GoogleCloud控制台面板，选择在浏览器窗口中打开。等待一会就可以连接成功了，，此时连接使用的是官方自动生成的密钥文件，无需配置????切换到root角色sudo -i????修改ssh配置文件vi /etc/ssh/sshd_config修改文件的部分内容# Authentication:PermitRootLogin yes //默认为no，需要开启root用户访问改为yes
2020-11-28 10:23:03
1625
原创 Centos新装之后的一些问题
????找不到ifconfig命令Centos 7 最小安装版本RHEL 7默认的把ifconfig命令去除了，可以使用ip addr 或者 ip link等命令替代https://linux.cn/article-3631-1.html????使用yum install 安装软件提示https://www.cnblogs.com/xixihuang/p/5404517.html原因是本机无法连接网络的原因，解决办法参照：2链接使用命令 nmcli d，查看安装在本机的网卡：配置好
2020-11-28 10:20:52
99
原创 Centos安装Docker
安装过程Docker 要求 CentOS 系统的内核版本高于 3.10 ，查看本页面的前提条件来验证你的CentOS 版本是否支持 Docker 。通过 uname -r 命令查看你当前的内核版本$ uname -r使用 root 权限登录 Centos。确保 yum 包更新到最新。$ sudo yum update卸载旧版本(如果安装过旧版本的话)$ sudo yum remove docker docker-common docker-selinux docker-en
2020-11-28 10:20:07
92
原创 Apache服务器本地配置PHP环境
测试1、安装好Acaphe之后，在Apache网站目录下建立一个测试html文档，输入http://localhost+安装端口号+文件名，测试，成功2、此时需要安装PHP环境才能在Apache服务器上运行PHP文档页面，从PHP官网下载PHP环境压缩包。选择适合版本（Apache 使用Thread Safe，IIS使用No Thread Safe）3、将压缩包解压，更名为PHP4、找到Apache目录配置文件（httpd.conf），插入PHP环境的路径LoadModule php7_modu
2020-11-28 10:18:54
226
原创 运行中Nginx进程之间的关系
资料来源《深入理解Nginx-模块开发与架构解析》概述在正式提供服务的产品环境下，部署Nginx时都是使用一个master进程来管理多个worker进程，一般情况下，worker进程的数量与服务器上的CPU核心数相等。每一个worker进程都是繁忙的，他们在真正的提供互联网服务，master进程则很“清闲”，只负责监控管理worker进程。worker进程之间通过共享内存，原子操作等一些进程之间通信机制来实现负载均衡等功能关系图Nginx之间的关系图：Nginx是支持单进程（mas.
2020-11-27 18:58:26
130
原创 修改默认python版本为3.x
????安装打开WEB浏览器访问 https://www.python.org/downloads/source/选择适用于 Unix/Linux 的源码压缩包。下载及解压压缩包 Python-3.x.x.tgz，3.x.x 为你下载的对应版本号。如果你需要自定义一些选项修改 Modules/Setup以 Python3.6.1 版本为例： # tar -zxvf Python-3.6.1.tgz # cd Python-3.6.1 # ./configure # ma
2020-11-27 17:44:15
1018
原创 windows文件夹列表展示文件夹大小
通常情况下，查看Windows资源管理器中文件夹大小都需要右键查看文件夹属性，才可以看到，或者从文件夹选项中勾选鼠标指向文件夹和桌面项时显示提示信息，这样可以将鼠标移动到文件夹上查看文件夹的大小，但是这也不太方便，其实想要达到的效果是，在Windows资源管理器中文件夹列表中可以直接展示文件夹大小。推荐一个开源工具Folder Size，在Windows 2000和Windows XP中可以直接修改资源管理器文件夹列表项，增加一列展示文件夹容量，在Windows Vista 和 更高的版本中 (7 an
2020-11-27 17:43:32
6484
原创 Win10提示未插入扬声器或耳机
????场景再现Win10系统更新1903之后，右下角声音提示未插入扬声器或耳机????解决办法使用组合键Win+R,在运行中输入control，打开控制面板，选择硬件和声音。找到Realtek 高清晰音频管理器，在选项设置里面找到禁用前面板插孔监测，勾选它，就可以了。不同版本的选项设置位置不同，仔细找找就好了。...
2020-11-27 17:42:53
3880
原创 UWP应用安装提示证书问题的解决办法
错误描述：你需要为此应用包而安装的新证书，或者是带有受信任证书的新应用包。系统管理员或应用开发人员可以提供帮助。证书链在不受信任的根证书中进行处理，但也在其中终止 (0x800B0109)解决办法双击证书文件。点击选择安装证书选择本地计算机，点击下一步。选择“将所有证书都放入下列存储”，点击“浏览”。选择“受信任的根证书颁发机构”，点击确定，点击下一步，完成。然后，就可以正常安装应用了。...
2020-11-27 17:42:06
25188
原创 TL-WAN726N_V2_免驱版Win10开启AP网络
????软件安装将设备插入主机，官网下载对应客户端管理软件，安装。????开启相关服务打开软件，开启模拟AP，如果弹出提示框模拟AP配置失败，请确保系统Internet Connection Sharing(ICS)和Windows Firewall服务已经开启。。需要打开Windows服务，开启Internet Connection Sharing（ICS）和Windows Defender Firewall的自启动服务，并确认两个服务处于启动状态。????配置网络共享打开控制面板\网络和
2020-11-27 17:41:08
2248
原创 hexo代码高亮
开启代码高亮配置文件中有开启代码高亮的配置项写法关于语言类型怎么写？hexo中markdown语法高亮使用的是highlight.js，可以参考highlight.js文档????????????????????????????????????????????????????????????????????????????????????????????????????????????1C1cABNFabnfAccess logsaccesslogAda
2020-11-27 17:40:26
1638
原创 C盘最大化清理
删除Program Data中Micrisoft/Search中文件进入目录C:\ProgramData\Microsoft\Search\Data打开任务管理器，结束任务SearchIndexer.exe资源管理器中第一步的目录下按住shift键同时右击选择在“此处打开命令窗口”，输入命令：del /F /Q /S Applications回车，完成后输入：del /F /Q /S Temp，将这两个目录中的文件清理。清理工具清理百度网盘下载链接：点我 密码：05qy批处理清理C
2020-11-27 17:39:37
1099
原创 命令行终端命令录制工具-Asciinema
引子在GitHub上闲逛，发现一个命令行录制工具asciinema，官网地址.这是一款可以录制命令行输入执行输出的工具，多平台可用，录制生成json文件，配合JavaScript和CSS解析，达到视频播放效果，但是远远比视频要轻便，同时还有一个非常棒的功能就是：观看的时候可以直接复制播放内容。同时，在官网上面配置账户可以实现很方便的分享。这款工具非常适合那些经常需要将整个命令执行过程进行教程录制，或者记录整个命令行下的操作的一类人群。安装和使用工具支持多个平台使用，具体平台的安装方法可以看官网文档
2020-11-27 17:38:52
973
原创 Emqx相关（一）单机部署
EMQ X 相关笔记，第一篇 -> EMQ X Broker单机部署，域名配置，简单测试EMQ 官方网站安装选择下载zip格式安装包https://www.emqx.io/downloads#broker我选择的是截止目前最新版本。Linux（Centos 7.6）上/usr/local目录下wget https://www.emqx.io/downloads/broker/v4.1-rc.2/emqx-centos7-v4.1-rc.2.zip解压unzip emqx-
2020-11-27 17:36:54
725
1
原创 Arduino日常开发环境搭建
使用Fritzing进行设计，使用VS Code进行代码编写，使用Arduino IED进行烧录。需要的软件Visual Studio CodeFritzingArduino IDE软件直接从各官网下载。VS CodeFritzingFritzing有Code View页，编辑完成后也可以调用Arduino IDE进行烧录，但是需要在编辑 -> 参数设置 -> Code View部分，添加Arduino IDE的主程序放置路径配置上。Arduino IDE...
2020-11-26 13:33:54
272
1
原创 webpack-bundle-analyzer分析打包文件
安装：npm install --save-dev webpack-bundle-analyzer在vue.config.js中配置：const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;module.exports = { chainWebpack: config => { // 打包分析 if (process.env.IS.
2020-11-26 13:32:55
500
原创 Vue中的Runtime Only和Runtime Compiler
从一次报错说起Vue项目开发中安装使用了一个富文本编辑器插件vue-html5-editor，页面安装使用之后出现如下错误：错误中提示，该插件使用的编译模式和项目中默认使用的编译模式不一样，即插件使用的编译模式是Runtime Compiler，而项目默认使用的是Runtime Only，因此就出现了上述问题。Runtime Only我们在使用 Runtime Only 版本的 Vue.js 的时候，通常需要借助如 webpack 的 vue-loader 工具把 .vue 文件编译成 Jav
2020-11-26 13:31:36
416
原创 Vue项目集成Sentry错误跟踪平台
去搭建好的Sentry上，新建一个项目安装依赖包@sentry/browser# Using yarn$ yarn add @sentry/browser# Using npm$ npm install @sentry/browser安装依赖包sentry/integrations# Using yarnyarn add @sentry/integrations# Using npmnpm install @sentry/integrationsmain.j..
2020-11-26 13:31:02
1239
原创 Vue-cli3.0关闭预加载
问题描述项目换成了@vue/cli 3.x之后，有些资源的加载有些异常，登录的时候会加载内页的CSS和js，不知道是不是路由懒加载配置出了问题，还是Vue-cli 3.0配置有问题。问题原因Webpack默认开启了“prefetch”选项，即预载功能，可以在配置中关闭module.exports = { chainWebpack: config => { config.plugins.delete('prefetch') }}也可以在需要的页面上面打开此功能。impo
2020-11-26 13:30:10
1703
翻译 Life of a Pixel 2018
This talk is about how Chrome turns web content into pixels. The entire process is called “rendering”.We’ll describe what we mean by content, and what we mean by pixels, and then we’ll explain the magic in between.这个演讲主要介绍chrome是如何把web content转成像素点的，整.
2020-11-26 13:26:40
218
原创 JavaScript日期比较和字符串转日期的一个小问题
场景再现业务中需要为一组iview日期选择器（开始日期+结束日期）添加一个验证，开始日期小于等于结束日期。两个日期选择器的比较函数中，需要将两个输入的字符串类型的日期（2019-03-13）转换为日期格式，然后通过>和<进行日期的比较遇到的问题字符串格式的日期’2019-03-13’用new Date()转换成日期格式的时候会自动加上了08:00:00，iview选择日期之后，默认转成date类型的日期，同时加上了时间，但是是从00:00:00开始，这样第一次选择一个日期
2020-11-26 13:24:47
138
原创 JavaScript对象过滤掉部分属性
示例 let device = { name: '设备1', code: '867725031691391', date: '1525835791000' } const obj = (({name, date}) => ({name, date}))(device) console.log(obj) // { name: '设备1', date: '1525835791000' } let { code
2020-11-25 13:44:57
6941
原创 EJS相关
官网????实例 <% if (user) { %> <h2><%= user.name %></h2> <% } %>????用法 var template = ejs.compile(str, options); template(data); // => 输出绘制后的 HTML 字符串 ejs.render(str, data, options); // =
2020-11-25 13:44:02
145
原创 CSS grid布局相关笔记
优势之处固定或者弹性的轨道尺寸无论在水平方向还是竖直方向都能够做到自适应定位项目每一个组件都能作为一个项目被定位到相应的位置上面去创建额外的轨道来保存内容对齐控制和Flexbox相似控制重叠内容可以像z-index一样控制重叠Grid VS FlexboxFlexbox是一维布局，只能在一条直线上放置内容区块，Grid是一个二维布局，根据设计需求将内容块放置到任何地方Flexbox可以和Grid很好的配合使用，页面整体使用Grid布局，局部使用Flex
2020-11-25 13:42:53
101
翻译 Chrome console相关
概览消息堆叠如果控制台输出的消息连续重复，而不是在新行上输出每一个消息实例，控制台将“堆叠”消息并在左侧外边距显示一个数字，此数字表示该消息已重复的次数。如果想要输出的每一个条目都单独展示，可以在DevTools设置中启用Show timestamps此时，每一条消息都会有一个时间戳，且会各自占用一行。保留历史记录启用控制台顶部的Preseve log可以在页面刷新或更改之间保留控制台历史记录。 消息将一直存储，直至您清除控制台或者关闭标签。或者通过在控制台点击鼠标右键，选择save
2020-11-25 13:41:12
401
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人