- 博客(77)
- 资源 (2)
- 收藏
- 关注
原创 webpack5之模块联邦
联邦模块是 webpack5 提供的一个新特性,它是通过 webpack 原生提供的 ModuleFederationPlugin 插件来实现的。联邦模块主要是用来解决多个应用之间代码共享的问题,可以让我们的更加方便的实现跨应用的代码共享。
2023-03-03 09:37:07
3815
原创 nodejs笔记之三方库
我们在写 nodejs 程序时,官方提供的模块都是基础的模块,而我们在进行业务开发时,用更方便的(处理了 windows/macOS 兼容的模块)模块会使得开发过程变得更加简单。基于此,笔者将列举一些 nodejs 三方库,供读者参考。
2021-08-27 20:09:27
948
原创 eslint快速入门
众所周知,JavaScript是弱类型的语法,很多潜在的语法错误和隐患很难直接在开发过程中进行识别和修复。因此引入JavaScript 代码检查工具可以帮助我们在开发阶段避免各种潜在的错误,以达到提升项目的质量、减少线上BUG的目的。
2021-08-24 00:02:15
597
2
原创 nodejs之7*24服务
有些时候,我们希望我们自己的服务能保持`7*24`不间断运行或者当代码发生变更时自动重启服务,本文将介绍如何使用 nodejs 来实现服务不间断运行的需求。
2021-08-21 00:19:47
245
原创 Vue+Less换肤方案
很多前端项目都有换肤的需求,笔者在此分享笔者当前所使用的换肤方案。本文将讲述`Vue+Less`前端项目换肤的设计思路以及开发皮肤主题的步骤。虽然笔者在本文中所使用的是Vue+Less,但是针对该方案而言,亦可扩展为:Vue/React/Angular+Less/Scss。读者在阅读本文时,请着重关注换肤的设计思路,不必局限于具体的技术。
2021-08-18 23:20:13
1101
4
原创 前端storage使用分享
本文将介绍笔者在使用`sessionStorage`/`localStorage`时的方案,涉及数据管理、数据加密、API封装等内容,以供读者参考。
2021-08-05 01:04:37
1233
原创 chrome插件之网络模块
本文将介绍 chrome 扩展(chrome插件)`webRequest`模块的内容,介绍其对于实际应用中的使用场景,以及如何使用的简单引导,适用于对 chrome 扩展开发不熟悉或者对`webRequest`模块不熟悉的朋友。
2021-07-24 15:17:39
1267
原创 nodejs搭建http(s)中转服务
本文主要介绍如何使用 nodejs 搭建 http(s)中转服务,本文所写内容仅以学习为目的,请勿作为其他用途。
2021-07-13 08:29:26
1677
原创 自建HTTPS证书
在做 Web 相关开发的时候,有可能需要在本地搭建 https 的环境,而在 https 环境的过程中,需要私钥和证书文件,本文提供自建证书的方案供读者参考。
2021-07-13 08:08:50
6833
2
原创 文件夹自动同步程序
背景日常工作时,有需求同步两处的文件夹,因此写了这个文件夹自动同步的程序。代码const path = require('path')const chokidar = require('chokidar')const extraFs = require('fs-extra')const md5File = require('md5-file')exports.sync = (s...
2019-09-27 17:23:44
455
原创 mac实用命令
列出网络设备networksetup -listallhardwareports关闭 Wifinetworksetup -setairportpower en0 off启动 Wifinetworksetup -setairportpower en0 on加入 Wifinetworksetup -setairportnetwork en0 SSID PASSWORD获取DNSnet...
2019-08-26 14:27:15
177
原创 OpenSSL下载
一、背景OpenSSL官网的下载速度极慢,只有几K的下载速度,因此在此处提供下载链接。二、内容windows64OpenSSL-1.1.1OpenSSL-1.1.1-light
2019-08-19 17:21:06
4147
原创 squid安装和使用
背景自建代理服务器一、安装和启动(1.1)检查是否已安装:rpm -qa | grep squid(1.2)安装:yum -y install squid(1.3)配置开机自启动:systemctl enable squid.service(1.4)启动、重启、关闭:systemctl start squid.servicesystemctl restart squid....
2019-08-07 17:42:29
1035
原创 黑苹果的安装和升级
背景说明笔者此文只提供一些文档链接和必要工具的下载链接,所有内容仅供学习研究使用。在安装黑苹果时,请务必认真阅读准备工作和参考资料中的文档。准备工作黑苹果安装教程clover教程参考资料tonymacsmbios驱动解释说明黑果小兵远景论坛所需工具TransMacmacOS系统镜像Clover Configurator常见问题1.安装进行到 50% 或 ...
2018-11-26 00:49:04
3852
原创 expect一键部署方案
一、背景介绍在本地修改代码之后,部署的步骤往往比较繁琐(编译–scp–输入密码–重启服务),笔者想简化流程,但是使用 Jenkins 之类的工具比较麻烦,因此笔者采用 expect 来实现一键部署,在本地代码开发完毕之后,执行下文中“index.sh”即可完成“编译–编译后文件的上传–重启服务”的流程。特别说明:笔者文中以node后台开发为例。二、如何实现一键部署1、文件结构...
2018-11-17 21:55:39
366
原创 远程管理使用笔记
为什么要使用远程管理?本文只对有多台电脑且需要在多台电脑之间切换的读者有用,如无此类需求,请忽略此文章。作为程序员,往往有多台电脑(公司电脑和家里电脑也算),而多台电脑的配置有高有低,从高配电脑切换到低配电脑时,使用电脑的效率会因为配置的不同、环境的不同而受到不同程度的影响,为了保持工作的连贯性和提高效率,我们可以使用远程管理来操作其他电脑。笔者目前用低配电脑(surface pro)连接高配...
2018-11-16 16:24:43
319
原创 简述前端自动化测试
笔者前言当我们的项目发布上线后,人工进行全面测试的成本相对较高,而且在缺乏监督的情况下,往往很难做到全面的测试,因此,通过编程、录制的方式,回放业务流程,可以极大的减少产品的BUG,优化产品的质量,以下内容是笔者根据自己的经验所编写,如有意见,欢迎批评指正。起步-Selenium IDE获取方式请在 chrome 应用商店或者 Firefox 应用商店下载优势:简单易用,无需编程...
2018-11-05 22:11:33
289
原创 webdriverio+chrome自动化测试
环境准备安装 Appium Desktop启动 Appium Desktop Serveryarn add webdriverio使用chrome开发者工具获取元素选择器编写测试代码示例自动打开chrome打开指定网页执行指定动作const webdriverio = require('webdriverio')let options = { port: 47...
2018-10-15 10:59:51
2242
原创 Appium+Android自动化测试
环境准备安装 Appium Desktop启动 Appium Desktop Serveryarn add webdriverio使用 UI Automator Viewer 获取页面元素的选择器编写测试代码示例自动打开微信自动选择联系人,进入聊天窗口自动发送消息const webdriverio = require('webdriverio')const optio...
2018-10-11 11:50:57
191
原创 vue+jest快速入门
本文介绍笔者使用`jest`时的使用笔记,引导读者如何使用`jest`实现前端的单元测试,也为笔者后续使用`jest`提供参考。
2018-08-13 23:10:29
2560
原创 安装nodejs环境
安装 nodejswget https://npm.taobao.org/mirrors/node/v8.9.4/node-v8.9.4.tar.gztar -xzvf node-v8.9.4.tar.gz./configure && make && make installnode –version
2018-08-13 00:11:21
303
原创 selenium-webdriver使用教程
环境准备: 1. 安装 nodejs,版本:v8.9.4 2. 下载 chromedriver 3. 将 chromedriver 加入到 path 环境变量中 4. npm i -S selenium-webdriver示例代码:const webdriver = require('selenium-webdriver')async function openPage ...
2018-07-25 23:48:15
1266
原创 css之半透明遮罩
半透明遮罩使用场景常用于新手引导效果图实现方式页面层 + 半透明灰色背景层 + 高亮图片层<div id="app"> <img src="https://wx-for-static-res.oss-cn-beijing.aliyuncs.com/jsfiddle/small-bird.jpg
2018-05-27 22:21:22
7025
原创 简述tweenjs
基础资料官方 user guide:https://github.com/tweenjs/tween.js/blob/master/docs/user_guide.mdGitHub地址安装执行 cnpm i -S @tweenjs/tween.js简单DEMOconst TWEEN = require('@tweenjs/tween.js')class D...
2018-05-13 22:05:07
1522
原创 移动端REM布局方案
场景: 1. 设计稿按照 750px 设计 2. html 基准字体大小为 100px 3. 页面最大宽度为 750px 4. 页面最小宽度为 320pxconst debounce = require('throttle-debounce/debounce')export class RemResponsive { static baseFontSize = 100 ...
2018-05-13 17:12:45
290
原创 centos-nvm
安装 nvm执行如下命令 curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash查询服务器所有可用版本nvm ls-remote安装8.11.1版本nvm install 8.11.1使用 node使用已安装的最新版:nvm use no...
2018-05-06 11:13:54
406
原创 ECMAScript之Promise
参考资料https://promisesaplus.com/https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise案例setTimeout 和 Promise 执行顺序 示例代码如下: setTimeout(() => conso...
2018-04-20 01:21:06
286
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人