随笔分类 - js技术
摘要：因项目需要，开发的手机企业微信页面，想通过PC调试，本次只讨论用数据线连接电脑和手机的调试方法，步骤如下： 手机准备： 打开usb调试 手机访问： http://debugx5.qq.com 在打开的网页中选择 【信息】->【TBS settings】，勾选 【是否打开 TBS 内核 Inspect
阅读全文
摘要：cron 是一个定时执行工具，可以在无需人工干预的情况下运行 安装 $ npm install -g cron 使用 const cronJob = require("cron").CronJob; //每秒钟执行一次 new cronJob('* * * * * *', function () {
阅读全文
摘要：前言 本文的目标是梳理一个相对完整的前端向知识体系，本文是前端向，以前端领域的知识为重点 前端向知识的重点 首先明确，计算机方面的知识是可以无穷无尽的挖的，而本文的重点是梳理前端向的重点知识 对于前端向（这里可能没有提到node.js之类的，更多的是指客户端前端），这里将知识点按重要程度划分成以下几
阅读全文
posted @ 2022-06-12 21:26
axl234
摘要：本文将从浏览器进程，到浏览器内核运行，到JS引擎单线程，再到JS事件循环机制，系统梳理js的运行机制和原理，形成一个知识体系 区分进程和线程 线程和进程区分不清，是很多新手都会犯的错误。先看看下面这个形象的比喻： - 进程是一个工厂，工厂有它的独立资源 - 工厂之间相互独立 - 线程是工厂中的工人，
阅读全文
posted @ 2022-06-11 15:14
axl234
摘要：2022年6月关于前端技术、经验、团队、流程的总结如下：
阅读全文
摘要：一、背景 在项目中，我们会频繁用到 console.log() 来输出一些关键信息到控制台中，有助于开发调试，以及问题的排查，待项目上线后，这些调试日志又得及时清除。 同时在前端质量要求下，我们会做“前端埋点”，用于远程上报一些关键行为信息，用于在出问题时还原用户的操作路径，复现 BUG，从而解决问
阅读全文
posted @ 2022-06-08 10:38
axl234
摘要：webpack5 新出了个特性: 模块联邦。大家可能虽然听说过，但还没在项目中使用，今天就带大家实战一下。 业务场景 假设公司有个业务集群，公共业务组件库升级了，希望能够尽可能少得影响业务线，仅仅在基础组件库版本升级即可全业务线升级，那么可以考虑使用模块联邦来实现。 他和利用 npm 发包来实现的方
阅读全文
摘要：React 有个 portal API，简单的来说就是可以将子组件渲染到父组件以外的地方。官网上说 portal 的典型用例是当父组件有overflow: hidden或z-index样式时，但你需要子组件能够在视觉上“跳出”其容器。例如，对话框、悬浮卡以及提示框。 但是当时对此例并无太多感觉，这就
阅读全文
摘要：前端开发中遇到由于大量计算导致定时器回调不能如期执行，导致页面卡顿的问题，先分析一下思路 解决思路： 解决方案 优点 缺点 优化算法，减少不必要的计算 提高程序员自我修养 算法过于庞大，原作者不在，无法评估工作量 WebWorker 技术，减少 JS 引擎阻塞 实现简单 存在兼容性问题 参考 Rea
阅读全文
posted @ 2022-05-24 20:40
axl234
摘要：1、使用NPM Scripts包装构建命令 （1）在package.json中添加“scripts”字段 package.json "scripts": { "build":"sass scss/main.scss css/style.css" }, 添加完后完整的是下面这个样子的 { "name"
阅读全文
posted @ 2022-05-21 17:45
axl234
摘要：nodejs单进程单线程事件驱动 Node遵循的是单线程单进程的模式，node的单线程是指js的引擎只有一个实例，且在nodejs的主线程中执行，同时node以事件驱动的方式处理IO等异步操作。node的单线程模式，只维持一个主线程，大大减少了线程间切换的开销，但是会有多个worker线程，用于执行
阅读全文
摘要：前端内存泄漏 系统进程不再用到的内存，没有及时释放，就叫做内存泄漏（memory leak）。当内存占用越来越高，轻则影响系统性能，重则导致进程崩溃。Chrome 限制了浏览器所能使用的内存极限64位为 1.4GB，32 位为 1.0GB 一、引起内存泄漏的原因 1. 意外的全局变量 由于 js 对
阅读全文
摘要：AnyProxy是一个开放式的HTTP代理服务器。 Github主页：https://github.com/alibaba/anyproxy 主要特性包括： 基于Node.js，开放二次开发能力，允许自定义请求处理逻辑 支持Https的解析 提供GUI界面，用以观察请求 相比3.x版本，AnyPro
阅读全文
摘要：版本不一致的问题 使用vue-cli创建的项目，当时的编译版本（3.1.8），过一段时间，HbuilderX升级后, 编译版本更新（3.3.13），会出现部分功能不可用的情况； 最好的办法是升级老项目的依赖，然后用最新的编译版本运行和打包，提升性能和兼容性 升级方案 通过查阅官方文档，加上自己探索，
阅读全文
摘要：本文主要介绍使用uniapp实现拍照自定义拍照模板功能 看到这个需求，首先想到可以使用uniapp上的camera组件，然后在用cover-image添加一个图片就可以达到要求。 但是camera组件有兼容性的问题，不支持app端。 于是参考别人的写法，看到有一个live-pusher直播流组件，用
阅读全文
posted @ 2022-04-04 16:11
axl234
摘要：响应式原理 1.什么是响应式 监听对象中的属性被设置或获取的过程,当对象属性变化时能够监听到，并发出通知 2.响应式函数的封装 const reactiveFns = [] watchFn(fn) { } 3.Depend 类的封装 class Depend { constructor() { th
阅读全文
posted @ 2022-03-29 15:15
axl234
摘要：VueUse 是 Anthony Fu 的一个开源项目，它为 Vue 开发人员提供了大量适用于 Vue 2 和 Vue 3 的基本 Composition API 实用程序函数。 它为常见的开发人员用例提供了数十种解决方案，例如，跟踪引用更改、检测元素可见性、简化常见的 Vue 模式、键盘/鼠标输入
阅读全文
摘要：构建简易Reac build-your-own-react是一篇操作说明书，指导用户一步步实现一个简易的React，从中了解到React的大体工作流程。这篇文章是我的观后整理和记录，或许对大家会有所帮助。 构建简易React，分为九个阶段： 介绍createElement与render 实现crea
阅读全文
posted @ 2022-03-27 16:20
axl234
摘要：react核心架构 react的核心可以用ui=fn(state)来表示，还可以用 const state = reconcile(update); const UI = commit(state); react源码可以分为如下几个模块： Scheduler（调度器）： 排序优先级，让优先级
阅读全文
posted @ 2022-03-19 17:17
axl234
摘要：#React性能检测优化工具 Profiler Code SandBox 可以前往 https://codesandbox.io/s/react-profiler-example-o75nc?fontsize=14&hidenavigation=1&theme=dark 在线编辑效果。 Profil
阅读全文
posted @ 2022-03-14 10:57
axl234
浙公网安备 33010602011771号