JavaScript
文章平均质量分 80
JavaScript
promise-render
这个作者很懒,什么都没留下…
展开
-
nuxtjs 新手入门实践笔记
Nuxt.js 是一个基于 Vue.js 的通用应用框架,它的目标是使 web 开发变得简单和强大。Nuxt.js 提供了一种抽象化的方式,让我们可以快速地创建 Vue.js 应用,而不需要关心底层的细节。原创 2024-05-24 10:00:00 · 891 阅读 · 1 评论 -
前端技术文章汇总(学习路线)提升技术必看(建议收藏!!)
前端技术提升 文章 大全原创 2024-04-23 09:45:00 · 830 阅读 · 0 评论 -
TypeScript 语言在不改变算法复杂度前提下,细节上性能优化,运行时性能提升效果明显吗?
在项目中用了各种转码器(babel、esbuild、swc)的同学,转码器虽好,但他们都是有性能代价的。把向下兼容的版本调的越低,兼容代码给业务代码带来的性能负担就会越重,包括运行效率和包体积。但是按我的经验来看,业务代码可能绝大多数都是 IO 密集型的,引擎级别的优化能让业务代码提升多少,真的不好回答。值得一提的是,若干年前,emscripten 和 asm.js 应该使用了非常多的奇技淫巧,来把 C++ 代码变成高性能的 JS 代码,到现在应该都还有参考价值。围绕引擎的优化我认为是有可以做的空间的。原创 2024-05-23 10:38:09 · 1577 阅读 · 0 评论 -
docker新手入门必会的打包和上传镜像
首先,您需要在项目根目录下创建一个名为Dockerfile的文件。在该文件中,您可以定义如何构建Docker镜像。以下是一个示例:dockerfile复制# 设置工作目录WORKDIR/app# 复制项目文件到工作目录COPYCOPY# 安装依赖RUN# 复制项目文件到工作目录COPY. .# 构建项目RUN# 暴露端口EXPOSE3000# 启动应用CMD“npm”“run”“start”原创 2024-05-07 15:51:53 · 325 阅读 · 0 评论 -
react+umi+dvajs 实战演练2
随着前端技术的日新月异,React和Umi作为前端领域中的佼佼者,它们的结合为我们提供了一种构建高效Web应用的新思路。React作为Facebook开发的一款JavaScript库,用于构建用户界面,具有声明式、组件化、高效等特点;而Umi则是一款可扩展的企业级前端应用框架,它基于React,提供了路由、构建、部署等一系列开发体验的优化。原创 2024-05-07 15:02:05 · 385 阅读 · 1 评论 -
书签栏调用js脚本,这是你可以学会的操作
书签栏调用js不是什么稀奇事,我只是为了好玩分享给大家,主要我是懒不想点击页面太多,就写了js脚本每次执行一下,具体看你们想用到哪儿,其实就是类似于一个简易版的油猴脚本。原创 2024-04-22 17:13:38 · 493 阅读 · 1 评论 -
react+umi+dvajs 实战演练1
随着前端技术的日新月异,React和Umi作为前端领域中的佼佼者,它们的结合为我们提供了一种构建高效Web应用的新思路。React作为Facebook开发的一款JavaScript库,用于构建用户界面,具有声明式、组件化、高效等特点;而Umi则是一款可扩展的企业级前端应用框架,它基于React,提供了路由、构建、部署等一系列开发体验的优化。原创 2024-04-30 16:13:21 · 550 阅读 · 0 评论 -
WebPack打包机制及处理过程
webpackwebpack是一个打包模块化javascript的工具,在webpack里一切文件皆模块,通过loader转换文件,通过plugin注入钩子,最后输出由多个模块组合成的文件,webpack专注构建模块化项目。原创 2024-04-24 10:15:00 · 862 阅读 · 0 评论 -
记录一下React Hooks的原理及实现
在function组件中,每一次更新都是一次新的函数执行,为了保存一些状态,执行一些副作用钩子,所以产生了hooks,去帮助记录组件的状态,处理一些额外的副作用。原创 2024-04-25 10:00:00 · 376 阅读 · 1 评论 -
vite 初识,请多指教
当代码发生变化时,Vite 会通过 WebSocket 通信,将变化的模块发送给浏览器,从而实现快速的热更新。:Vite 内置了一个轻量级的本地开发服务器,它使用了原生的 ES 模块支持和浏览器的缓存机制。这个示例代码只是一个简化的版本,真实的 Vite 源代码更加复杂,包含了更多的功能和优化。这样,在冷启动时,只需要加载当前页面所需的模块,而不需要加载整个应用的代码,从而加快了冷启动速度。当浏览器请求某个模块时,服务器会根据请求的 URL,读取对应的模块文件,并将其发送给浏览器。原创 2024-05-11 16:15:00 · 353 阅读 · 1 评论 -
前端JavaScript之Reflect
Reflect 是一个内置的对象,它提供拦截 JavaScript 操作的方法,是为了操作对象而提供的新 API。Reflect不是一个函数对象,因此它是不可构造的。Reflect的所有属性和方法都是静态的。原创 2024-04-26 10:30:00 · 145 阅读 · 1 评论 -
webpack分包实操和总结
通过webpack实现前端项目整体模块化的优势固然很明显,但是它同样存在一些弊端,那就是我们项目中的所有代码最终都被打包到了一起,如果我们应用非常复杂,模块非常多的话,我们的打包结果就会特别的大。而事实情况是,大多数时候,我们在应用开始工作时,并不是我们所有的模块都需要加载进来的,但是这些模块又被全部打包到一起,我们需要任何一个模块,都需要把整体加载过后才能使用,而我们的应用有一般是运行在浏览器端,那就意味着我们会浪费掉很多的流量和带宽。原创 2024-04-23 14:00:00 · 1706 阅读 · 0 评论 -
webpack打包优化插件Dllplugin的使用
webpack打包优化插件Dllplugin的使用原创 2024-04-28 10:00:00 · 708 阅读 · 1 评论 -
vue3初体验和心得
项目中几乎使用的是createSharedComposable 实现数据共享,本意只创造一个hooks观察器,多初使用 只需要调用当前hooks即可,不会重新生成一个观察器,逻辑代码也基本写再这里面了。这里的 count.value 是以一个 number 类型值的形式传入,然而 trackChange 期望接收的是一个真正的 ref。调用函数的时候 使用 func(a)是能保证响应式的,a传过去是一个ref对象的响应式对象。就是再吧$简写的对象找到他的对应的ref对象 进行传参 属于 负负得正的写法。原创 2024-04-30 15:52:12 · 1855 阅读 · 0 评论 -
浏览器缓存:强缓存和协商缓存
强制缓存优先于协商缓存进行,若强制缓存(Expires 和 Cache-Control)生效则直接使用缓存,若不生效则进行协商缓存(Last-Modified / If-Modified-Since和Etag / If-None-Match),协商缓存由服务器决定是否使用缓存,若协商缓存失效,那么代表该请求的缓存失效,返回200,重新返回资源和缓存标识,再存入浏览器缓存中;生效则返回304,继续使用缓存。原创 2024-04-25 13:30:00 · 787 阅读 · 1 评论 -
Webpack5文件资源缓存
要说文件资源缓存那就得先了解一下浏览器的缓存机制浏览器大概可以分为强制缓存(强缓存)和协商缓存浏览器每次与服务器通信的方式为应答模式,即:浏览器发起HTTP请求 – 服务器响应该请求。那么浏览器第一次向服务器发起该请求后拿到请求结果,会根据响应报文中HTTP头的缓存标识,决定是否缓存结果,是则将请求结果和缓存标识存入中,简单的过程图如下:浏览器每次发起请求,都会先在浏览器缓存中查找该请求的结果以及缓存标识浏览器每次拿到返回的请求结果都会将该结果和缓存标识存入浏览器缓存中。原创 2024-04-27 15:00:00 · 728 阅读 · 0 评论 -
Promise/async/Generator实现原理解析
传入回调」**的方式来实现Generator的自动执行。thunk函数只作为一个拓展知识,理解有困难的同学也可以跳过这里,并不影响后续理解。❞。原创 2024-04-25 15:30:00 · 569 阅读 · 1 评论 -
vite+vue3.4x 实战演练
前端 vite+vue3.4x项目搭建和启动实操原创 2024-05-07 15:19:09 · 750 阅读 · 0 评论