- 博客(22)
- 收藏
- 关注
RSS订阅原创 制作docker镜像
将一个Node.js服务打包成Docker镜像涉及几个步骤，包括编写Dockerfile、构建Docker镜像，以及运行Docker容器。
2024-08-21 15:06:27
392
原创 【无标题】
答：大佬要的，不是我选择，之前我甚至都不知道这是个啥。后来得知意图后明白，Hiappy主要是做一个web视角的客户端，怎么说呢，类似于在一个app里内嵌一个webview。有人问为啥不选择weex或者flutter？目前业界无更好的 Vue -> 端内原生的方案，weex从 2020 年之后已经基本上不维护和迭代了，其他的方案（Flutter/kiukly）更多是基于客户端视角出发去开发原生应用，对 Web 不友好。话不多说立马开始！
2024-08-21 10:30:00
375
原创 关于用log提高排查问题的设置
今天在了解项目业务的时候，想搞清楚执行顺序，加了很多打印，类似console.log(1111,xxxx) console.log(2222,xxxx)，有时候断点没开sourcemap不是源码所以我更喜欢打印，然后就导致打印比较紊乱，而且前面的1111 2222标识多了就不够清晰，就写了 一个这个配置很方便，输入log直接出现文件名和第多少行。也有同事推荐了urbo Console Log 这个拓展，小火箭打印，但是我觉得扩展插件的注入应该增加了体积，我就自己写了一个，大家可以按需使用。
2024-07-30 16:05:27
192
原创 TypeScript 中 const enum 和 enum 的核心区别在哪？日常开发应该使用哪个？
区别可以参考官方文档平时尽量使用const enum可以获得一点性能增益。
2024-07-01 15:50:20
302
原创 nuxtjs 新手入门实践笔记
Nuxt.js 是一个基于 Vue.js 的通用应用框架，它的目标是使 web 开发变得简单和强大。Nuxt.js 提供了一种抽象化的方式，让我们可以快速地创建 Vue.js 应用，而不需要关心底层的细节。
2024-05-24 10:00:00
923
1
原创 TypeScript 语言在不改变算法复杂度前提下，细节上性能优化，运行时性能提升效果明显吗？
在项目中用了各种转码器（babel、esbuild、swc）的同学，转码器虽好，但他们都是有性能代价的。把向下兼容的版本调的越低，兼容代码给业务代码带来的性能负担就会越重，包括运行效率和包体积。但是按我的经验来看，业务代码可能绝大多数都是 IO 密集型的，引擎级别的优化能让业务代码提升多少，真的不好回答。值得一提的是，若干年前，emscripten 和 asm.js 应该使用了非常多的奇技淫巧，来把 C++ 代码变成高性能的 JS 代码，到现在应该都还有参考价值。围绕引擎的优化我认为是有可以做的空间的。
2024-05-23 10:38:09
1607
原创 vite 初识，请多指教
当代码发生变化时，Vite 会通过 WebSocket 通信，将变化的模块发送给浏览器，从而实现快速的热更新。：Vite 内置了一个轻量级的本地开发服务器，它使用了原生的 ES 模块支持和浏览器的缓存机制。这个示例代码只是一个简化的版本，真实的 Vite 源代码更加复杂，包含了更多的功能和优化。这样，在冷启动时，只需要加载当前页面所需的模块，而不需要加载整个应用的代码，从而加快了冷启动速度。当浏览器请求某个模块时，服务器会根据请求的 URL，读取对应的模块文件，并将其发送给浏览器。
2024-05-11 16:15:00
375
1
原创 docker新手入门必会的打包和上传镜像
首先，您需要在项目根目录下创建一个名为Dockerfile的文件。在该文件中，您可以定义如何构建Docker镜像。以下是一个示例：dockerfile复制# 设置工作目录WORKDIR/app# 复制项目文件到工作目录COPYCOPY# 安装依赖RUN# 复制项目文件到工作目录COPY. .# 构建项目RUN# 暴露端口EXPOSE3000# 启动应用CMD“npm”“run”“start”
2024-05-07 15:51:53
351
原创 react+umi+dvajs 实战演练2
随着前端技术的日新月异，React和Umi作为前端领域中的佼佼者，它们的结合为我们提供了一种构建高效Web应用的新思路。React作为Facebook开发的一款JavaScript库，用于构建用户界面，具有声明式、组件化、高效等特点；而Umi则是一款可扩展的企业级前端应用框架，它基于React，提供了路由、构建、部署等一系列开发体验的优化。
2024-05-07 15:02:05
401
1
原创 react+umi+dvajs 实战演练1
随着前端技术的日新月异，React和Umi作为前端领域中的佼佼者，它们的结合为我们提供了一种构建高效Web应用的新思路。React作为Facebook开发的一款JavaScript库，用于构建用户界面，具有声明式、组件化、高效等特点；而Umi则是一款可扩展的企业级前端应用框架，它基于React，提供了路由、构建、部署等一系列开发体验的优化。
2024-04-30 16:13:21
573
原创 vue3初体验和心得
项目中几乎使用的是createSharedComposable 实现数据共享，本意只创造一个hooks观察器，多初使用 只需要调用当前hooks即可，不会重新生成一个观察器，逻辑代码也基本写再这里面了。这里的 count.value 是以一个 number 类型值的形式传入，然而 trackChange 期望接收的是一个真正的 ref。调用函数的时候 使用 func（a）是能保证响应式的,a传过去是一个ref对象的响应式对象。就是再吧$简写的对象找到他的对应的ref对象 进行传参 属于 负负得正的写法。
2024-04-30 15:52:12
1866
原创 Webpack5文件资源缓存
要说文件资源缓存那就得先了解一下浏览器的缓存机制浏览器大概可以分为强制缓存（强缓存）和协商缓存浏览器每次与服务器通信的方式为应答模式，即：浏览器发起HTTP请求 – 服务器响应该请求。那么浏览器第一次向服务器发起该请求后拿到请求结果，会根据响应报文中HTTP头的缓存标识，决定是否缓存结果，是则将请求结果和缓存标识存入中，简单的过程图如下：浏览器每次发起请求，都会先在浏览器缓存中查找该请求的结果以及缓存标识浏览器每次拿到返回的请求结果都会将该结果和缓存标识存入浏览器缓存中。
2024-04-27 15:00:00
753
原创 前端JavaScript之Reflect
Reflect 是一个内置的对象，它提供拦截 JavaScript 操作的方法，是为了操作对象而提供的新 API。Reflect不是一个函数对象，因此它是不可构造的。Reflect的所有属性和方法都是静态的。
2024-04-26 10:30:00
158
1
原创 Promise/async/Generator实现原理解析
传入回调」**的方式来实现Generator的自动执行。thunk函数只作为一个拓展知识，理解有困难的同学也可以跳过这里，并不影响后续理解。❞。
2024-04-25 15:30:00
587
1
原创 浏览器缓存：强缓存和协商缓存
强制缓存优先于协商缓存进行，若强制缓存(Expires 和 Cache-Control)生效则直接使用缓存，若不生效则进行协商缓存(Last-Modified / If-Modified-Since和Etag / If-None-Match)，协商缓存由服务器决定是否使用缓存，若协商缓存失效，那么代表该请求的缓存失效，返回200，重新返回资源和缓存标识，再存入浏览器缓存中；生效则返回304，继续使用缓存。
2024-04-25 13:30:00
803
1
原创 记录一下React Hooks的原理及实现
在function组件中，每一次更新都是一次新的函数执行,为了保存一些状态,执行一些副作用钩子,所以产生了hooks，去帮助记录组件的状态，处理一些额外的副作用。
2024-04-25 10:00:00
382
1
原创 WebPack打包机制及处理过程
webpackwebpack是一个打包模块化javascript的工具，在webpack里一切文件皆模块，通过loader转换文件，通过plugin注入钩子，最后输出由多个模块组合成的文件，webpack专注构建模块化项目。
2024-04-24 10:15:00
882
原创 webpack分包实操和总结
通过webpack实现前端项目整体模块化的优势固然很明显，但是它同样存在一些弊端，那就是我们项目中的所有代码最终都被打包到了一起，如果我们应用非常复杂，模块非常多的话，我们的打包结果就会特别的大。而事实情况是，大多数时候，我们在应用开始工作时，并不是我们所有的模块都需要加载进来的，但是这些模块又被全部打包到一起，我们需要任何一个模块，都需要把整体加载过后才能使用，而我们的应用有一般是运行在浏览器端，那就意味着我们会浪费掉很多的流量和带宽。
2024-04-23 14:00:00
1813
原创 书签栏调用js脚本，这是你可以学会的操作
书签栏调用js不是什么稀奇事，我只是为了好玩分享给大家，主要我是懒不想点击页面太多，就写了js脚本每次执行一下，具体看你们想用到哪儿，其实就是类似于一个简易版的油猴脚本。
2024-04-22 17:13:38
618
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人