wooc-优快云博客

原创 Error: Node Sass does not yet support your current environment: OS X Unsupported architecture (arm64

Error: Node Sass does not yet support your current environment: OS X Unsupported architecture (arm64）node-sass 不支持 mac m1

2022-10-28 10:37:22 10277

原创 webssh —— 浏览器上的终端

浏览器上的终端 webshell

2022-08-24 10:21:33 5169 7

原创微信开发者工具：代码更新后页面未刷新

微信开发者工具代码更新后页面未更新。只用通过手动点击编译才可更新页面尝试过稳定版 16、15 版本均未解决项目配置：Taro3 + React17 + Node18 + @antmjs/vantui开发者工具版本：1.06.2204250开发者工具的代码热重载未起到作用1、找到开发者工具 -> 本地设置 -> 启用代码自动热重载选项。关闭它2、重新启动项目即可...

2022-06-14 17:11:56 4831

原创 gulp 构建项目：‘ error TS6082: Only ‘amd‘ and ‘system‘ modules are supported alongside --outFile.’

gulp 打包 node ts项目报错 error TS6082: Only 'amd' and 'system' modules are supported alongside --outFile.

2022-06-13 16:39:07 1306

原创 nginx 代理前端项目，访问首页正常，刷新后 nginx 404

nginx 代理前端项目，访问首页正常，刷新后 nginx 404

2022-06-09 10:22:33 1190

原创 ts 报错：‘new‘ expression, whose target lacks a construct signature, implicitly has an ‘any‘ type.

ts 报错：'new' expression, whose target lacks a construct signature, implicitly has an 'any' type.

2022-06-02 10:49:29 3826

原创前端开发——浏览器插件推荐

谷歌插件需要安装 vpn，如果不会翻墙的话也可以使用拓展迷这一类的国内插谷歌插件商店进行插件安装。一定要注意插件商店的来源可靠，避免安装到来路不正的插件，因为可能会携带恶意脚本！

2022-02-06 19:22:02 2608

原创 Mac 前端环境配置

虽然所有的东西都是轻车熟路，但还是要一步一步的去查某个工具的安装方法，还是有些繁琐的????，所以在我重新安装的时候我就记录了一下大致的安装过程和相对应的网址，方便下次出问题的时候方便使用...

2022-01-28 09:39:03 4878 2

原创前端开发——在线工具推荐

作为前端开发的菜鸟????，在开发过程中积攒了一些前端开发测试中方便使用的在线工具，大部分都是免费使用的，有部分的工具虽然收费，但免费的功能已经足够日常使用

2022-01-26 08:53:10 900

原创 ora 的物料库 —— cli-spinners 是什么？

cli-spinners在 ora 源码分析 ———— ora 怎么实现的？这篇文章中有提到过 cli-spinners 这个库，它也是 ora 的核心物料库，提供着 ‘定格动画中的每一帧画面’。Github 是这样描述的The list of spinners is just a JSON file and can be used wherever.You probably want to use one of these spinners through the ora module.

2022-01-24 23:18:06 904 2

原创 ora 源码分析 —— ora 是什么？怎么实现的？

ora 源码分析内容来自公众号：前端学海前言ora（终端微调器）这个库主要用来作为等待图标使用，在非常多的 npm 库中都有使用，今天通过源码解读下它到底是怎么实现的。JavaScript 是单线程的，因此同步操作会阻塞线程，包括微调器动画，显示效果就像 60Hz 的显示器玩 FPS 游戏一样，一卡一卡的。所以尽可能选择异步操作。源码解读在最后一部分！核心逻辑使用一组字符，循环在终端擦除、写入，在一定的时间间隔中可得到类似动画片的效果，使字符动起来了。使用三方库的能力丰富的 ora 的

2022-01-23 09:22:38 2697

原创 husky 源码分析——这个库到底做了什么？

husky 源码分析前言Github：https://github.com/typicode/husky 使用 Git 钩子变得简单在做前端工程化时 husky 可以说是一个必不可少的工具。husky 可以让我们在项目中方便添加 git hooks。这个库的名字指的是 “哈士奇”，结合库主要用在提交前发现问题、规范代码的作用，应该是这个意思： ‘不好好规范你的代码，你就像一个哈士奇一样，会用代码拆家的’ 。这个寓意跟另一个经常和 husky 搭配使用的库 lint-staged 很像lin

2022-01-21 17:11:48 1243

原创 JavaScript 的执行过程之执行上下文

前言JavaScript 执行的过程涉及到了大部分的语言核心逻辑，了解执行上下文（Execution Context），对 JS 的深入理解和开发都是极为重要的。简介JS是一种解释性语言，解释一行执行一行。执行上下文是对 JS 代码进行解释、执行、回收。由此涉及的知识点包括 Event Loop（事件循环）、堆（heap）栈（stack）、GC（JS 的垃圾回收机制）、任务队列（宏任务 macrotask、微任务 microtask）、变量提升、明确作用域、作用域链、this 的指向、JS线程和

2021-07-29 21:06:14 126

原创 H5唤醒app

通过app以链接形式分享，被分享者点击h5链接，跳转到相应app，携带路径和参数技术问题1、网页端是无法获取到手机中是否安装该app的通用的解决方法：点击唤醒链接2秒后，自动跳转到下载页面。如果页面隐藏了，则清除定时器，停留在当前页面。这个定时器的间隔时间要根据实际情况去控制，如果间隔时间小于app的启动时间，则app未被唤醒，就直接跳转到下载页面了。如果间隔时间过长，则会有明显的等待时间，然后跳转到下载页，用户体验不好。2、对于app是否真正被唤醒，网...

2021-04-07 17:39:05 1691 1

原创 prettier+eslint 统一团队代码风格，使得格式化配置依赖于项目，而不依赖编辑器！

prettier代码统一代码风格，格式化配置依赖于项目目的：使得格式化代码的配置跟随项目，不依赖于编辑器或本地插件，用于代码风格统一结构：eslint + prettier eslint 用于代码规则检查 prettier 基于eslint的规则，进行代码的格式化一、安装（基于eslint配置完成的基础）prettier官网：https://prettier.io/npm install --save-dev --save-exact prettier // 安装prettiernp

2020-11-19 15:31:21 667

原创 Linux——centos7搭建node + Nginx + vue + mysql 的服务安装详细步骤

一、安装所需的软件二、进行具体配置三、使用以下配置及安装为已运行实测的笔记整理，严格按照该步骤进行配置，大概率上不会有问题。不懂linux的小白也可配置使用。当然，最好还是了解一些linux基本的命令和文件的作用，可能会更好一些。欢迎评论区交流！！！配置centos镜像源整理1、先将原文件备份mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo_bak2、下载阿里源wget -O /etc/yum.re

2020-11-06 10:34:09 1814 1

原创 npm包实践与常见问题

npm发布及常见问题引用：https://mp.weixin.qq.com/s/Z7mB4Z4Z6wkCJKrXFFumcQ记一次最近发布npm包的基本流程及遇到的问题。注册1、在npm官网注册https://www.npmjs.com/2、在命令行中注册npm adduser// 按提示输入Username、Password、Email完成注册登录tip：在官网上登录时，用户名一定不要使用邮箱登录，npm login// 按提示输入Username、Password、Email

2020-10-08 14:36:46 401

原创记项目升级详细记录——vue项目升级到webpack4、babel7版本

原版项目：vue2+webpack3+babel6升级项目：vue2+webpack4+babel7最近需要将vue项目升级，以获得更好的构建性能和开发便利，由于网上没有一个可以参考的实用用性文章，故此将升级项目过程记录并分享给各位，希望对各位有用。也欢迎关注本人的公众号：前端学海根据多次尝试总结出的经验，先升级与webpack无关的组件，然后再升级webpack，注意webpack不同的版本需要的webpack-cli也不同，否则会产生兼容报错，切记！！！最好按照一下给出的升级顺序进行，每个包后面

2020-09-19 19:56:41 1598

原创在vue项目中实现Token替换

Token在计算机身份认证中是令牌（临时）的意思，在词法分析中是标记的意思。一般作为邀请、登录系统使用。在vue项目中实现Token替换思路：这里使用的vue中的请求拦截器，根据后端返回的Token的生成时间，以及该Token的有效期和当前发送请求的时间进行计算，判断当前Token是否快要过期，以确定是否开始请求新的Token。计算公式为：Token有效时间 -（当前时间 - Token的生成时间）= 剩余的Token有效时间这里我的判断为,Token剩余有效时间，小于五分钟的时候，调用刷新To.

2020-09-10 17:20:50 2128

原创 WEB前端开发——到底应该学习哪几种框架

前端——诞生之初就是为了浏览器的有更好的页面交互。最初的前端技术，无非就是HTML、CSS、JavaScript三种核心技术我们开看看百度给前端的定义：前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5、CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，合适的动效设计，给用户带来极高的用户体验。可随着技术的快速发展，前端开发衍生出了很多流行的框架，如jQuery 、Bootstrap、React、Angular、vue，这几.

2020-09-10 14:36:06 1214

zc135565的博客

原创 Error: Node Sass does not yet support your current environment: OS X Unsupported architecture (arm64

原创 webssh —— 浏览器上的终端

原创微信开发者工具：代码更新后页面未刷新

原创 gulp 构建项目：‘ error TS6082: Only ‘amd‘ and ‘system‘ modules are supported alongside --outFile.’

原创 nginx 代理前端项目，访问首页正常，刷新后 nginx 404

原创 ts 报错：‘new‘ expression, whose target lacks a construct signature, implicitly has an ‘any‘ type.

原创前端开发——浏览器插件推荐

原创 Mac 前端环境配置

原创前端开发——在线工具推荐

原创 ora 的物料库 —— cli-spinners 是什么？

原创 ora 源码分析 —— ora 是什么？怎么实现的？

原创 husky 源码分析——这个库到底做了什么？

原创 JavaScript 的执行过程之执行上下文

原创 H5唤醒app

原创 prettier+eslint 统一团队代码风格，使得格式化配置依赖于项目，而不依赖编辑器！

原创 Linux——centos7搭建node + Nginx + vue + mysql 的服务安装详细步骤

原创 npm包实践与常见问题

原创记项目升级详细记录——vue项目升级到webpack4、babel7版本

原创在vue项目中实现Token替换

原创 WEB前端开发——到底应该学习哪几种框架

原创 webpack：使用html-withimg-loader对html中img标签引入的图片打包，打包后图片无法显示，路径上多出default对象

原创 vue组件注册--全局注册：使用require.context实现前端工程自动化（实现全局组件自动化注册的js脚本）

原创 vue父组件传参给子组件，子组件中获取不到。

原创 vue，element.ui组件很容易忽略的坑---------------级联选择器中的小bug

原创 vue---绑定key值与不绑定key的作用及其优点

原创前端小白会触犯的小禁区——第一弹、css的继承问题（为啥我没有给这个元素有任何的css命令，它却有了我不想要的样式？）

原创版心容器问题

原创前端小白浮动流

空空如也

Node.js的静态资源模块serve-static,下载时报错，使用时报告为serve-static文件下请求模块报错，求助各位！