- 博客(45)
- 资源 (1)
- 问答 (9)
- 收藏
- 关注
RSS订阅原创 《wujie原理解析》
Wujie是一个基于WebComponent容器和iframe沙箱的微前端框架，旨在解决适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、Vite框架支持、应用共享等问题。
2025-02-13 14:49:34
382
原创 《探索Vite插件开发：开启前端构建工具的扩展之旅》
在前端开发的世界里，Vite正以其极快的冷启动速度、开箱即用的热更新功能等优势迅速崭露头角。而对于想要深入定制Vite项目的开发者来说，掌握插件开发是一项非常有用的技能。
2025-02-12 10:13:54
823
原创 typescript内置工具泛型全解析
TypeScript 的内置泛型工具极大地增强了类型系统的表达能力，使得类型定义更加灵活和精确。掌握这些工具可以帮助开发者编写更健壮、可维护的代码。
2025-02-11 16:50:27
326
原创 ES6~ES11新特性全解析
在JavaScript的世界里，ES6 - ES11带来了许多令人兴奋的新特性，这些特性极大地提升了JavaScript的表达力和开发效率。例如，一个大型项目中可以将不同功能的代码拆分到不同模块，方便维护和复用。掌握这些ES6 - ES11的新特性，无论是初学者还是有经验的开发者，都能编写出更高效、可读性更高的JavaScript代码。：从数组或对象中提取数据并赋值给变量，无论是数组解构还是对象解构，都让代码更简洁。：让异步代码的书写和阅读更接近同步代码，进一步简化了异步编程的复杂度。
2025-02-09 16:35:26
834
原创 深入剖析Electron的原理
Electron是一个强大的跨平台桌面应用开发框架，它允许开发者使用HTML、CSS和JavaScript来构建各种桌面应用程序。了解Electron的原理对于开发者至关重要，这样在设计应用时能更合理，遇到问题也能更准确地分析和解决。下面将从多个方面深入剖析Electron的原理。
2025-02-02 17:53:08
1247
原创 React 19 新特性探索：提升性能与开发者体验
一方面，减少了重复日志，并添加了更详细的调试信息，对于 SSR 和客户端渲染不匹配的问题，提供了差异化日志，帮助开发者更快地定位问题。Server Components 提供了一种全新的组件渲染模式，允许在服务器上提前渲染组件，这大大减少了客户端的渲染负担，显著提升了页面的加载速度和性能。Ref 的改进：在 React 19 中，函数组件可以直接通过属性访问 ref，无需再依赖forwardRef，这简化了组件的结构，提高了代码的可读性。
2025-01-31 17:58:17
1283
原创 react-native网络调试工具Reactotron保姆级教程
它为开发人员提供了一个易于使用的界面，用于监控应用程序的状态、网络请求和性能指标。它还有强大的插件系统，能让开发人员根据自己的需求扩展和增强它的功能呢。今天，就来给大家分享一个非常强大的工具——Reactotron，它就像是一个贴心的助手，能帮助我们更轻松地追踪问题、优化性能。打开Reactotron应用程序，你可以清晰地看到应用程序发送的API请求以及服务器的响应。：通过它提供的网络监视器，你可以监视每个API请求的性能。可以利用Reactotron的插件系统，根据自己的需求进一步扩展它的功能哦。
2025-01-26 21:06:28
1286
原创 【自己动手开发Webpack插件：开启前端构建工具的个性化定制之旅】
Webpack插件就像是一个神奇的小助手，在Webpack打包的过程中，在特定的时刻执行特定的任务。这些任务可以是压缩代码、复制文件、自定义生成的文件内容等等。通过插件，我们可以扩展Webpack的功能，让它更好地适应我们项目的需求。假设我们想在打包完成后生成一个包含特定信息的readme.txt文件。我们可以使用Webpack的emit钩子来实现。
2025-01-19 18:17:31
834
原创 【阿里云ecs 密钥登录修改为账号密码登录】
如果有PasswordAuthentication则设置为yes，否则新增PasswordAuthentication设置为true。
2023-11-20 17:22:45
394
原创 【前端性能优化见解】
未开启路由懒加载的话，webpack打包不会按路由拆分js文件，那么首次进入会加载非当前路由资源，影响首屏加载速度。设置content-visible：auto，通俗讲是按需渲染可视化区域内容，跳过非可视化区域内容，提升性能。启用pwa缓存css｜js｜img静态资源，使用缓存策略优先使用缓存，立即后台静默更新缓存。不加载非可视化区域资源，有利于提升加载速度。不加载非可视化区域图片，有利于提升加载速度，推荐vue-lazyload。对于动画区域或者更新频率非常快区域，约束为BFC，局部重绘重排提升性能。
2023-06-10 15:50:30
139
原创 【TypeScript中扩展的Global对象: 类型“typeof globalThis”上不存在属性db解决办法】
在项目新建global.d.ts，然后添加如下代码。
2023-05-18 18:20:14
661
原创 【download-git-repo报错Error: ‘git clone‘ failed with status 128】
使用download-git-repo克隆github上面的仓库，提示错误 ‘git clone‘ failed with status 128。注意：分支名称必须填写。
2023-04-04 22:40:03
867
原创 npm install报npm ERR git@github.com: Permission denied (publickey).
npm安装依赖提示权限异常解决
2022-07-10 15:02:50
2506
原创 vue将qrcodejs生成的二维码下载到本地
vue将qrcodejs生成的二维码下载到本地dom结构如下<div class="qr-code " id="qr-code"></div>通过qrcodejs生成二维码之后，需要 将二维码下载到本地安装html2canvas将如上dom转成base64图片html2canvas(dom,{scale:3},canvas=>{let base64=canvas.toDataURL('image/jpeg')base64=ba
2022-04-16 16:39:30
1148
原创 vue使用el-table在el-table-column下使用v-if改变数据不响应
vue使用el-table在el-table-column下使用v-if改变数据不响应代码: <el-table :data="propertyList" class="hoo-clear-table" height="100%" ref="tableRef" style="width: 100%"> <el-table-column align="l
2022-03-16 18:15:43
3288
原创 electron渲染进程发送消息给主进程报错__dirname is not undefined
electron,js,electron-updater,electron-builder
2022-02-25 17:27:13
1028
原创 已有vue项目集成electron桌面应用程序
vuejs，electron，javascript,桌面应用程序，linux，window，mac
2022-02-24 16:03:26
1100
原创 修改饿了么tooltip三角样式
修改饿了么小三角样式&.is-dark .popper__arrow, &.is-dark[x-placement^=bottom] .popper__arrow::after, &.is-light .popper__arrow, &.is-light[x-placement^=bottom] .popper__arrow::after { border-bottom-color: #0A1F44 !important;}&.is-dark .poppe
2022-02-23 10:28:22
583
原创 webpack打包js为npm包或者sdk支持cmmonjs引入和浏览器引入中export default问题
版本webpack:5.61.0打包的js文件内容function openIframe (opts = {}) { // const { width = '200px', height = '400px', el = "body" } = opts || {} // const iframe = document.createElement('iframe') // iframe.width = width // iframe.height = height
2021-10-30 18:06:59
859
原创 pm2部署nuxt项目示例
配置示例module.exports = { apps : [{ name : 'API', //应用名 script : 'app.js', //应用文件位置 env: { PM2_SERVE_PATH: ".", //静态服务路径 PM2_SERVE_PORT: 8080, //静态服务器访问端口 NODE_ENV: 'developm
2021-10-21 11:40:25
289
原创 nuxt使用scss及支持scss变量
安装node-sass，sass-loader，@nuxtjs/style-resources修改配置文件nuxt.config.js styleResources: { scss: '~assets/styles/global.scss' //你项目的全局scss文件 }, modules: [ // https://go.nuxtjs.dev/axios '@nuxtjs/axios', // https://go.nuxtjs.dev/pwa '@
2021-10-10 15:38:32
676
原创 vue单文件组件引入外部scss文件
<script>import '@/components/com/line-chart/line-chart.scss'</script>
2021-08-09 20:49:13
773
原创 vue点击左右箭头左右滑动效果
点击左右箭头左右滑动效果代码：<template> <div class="vertical-scroll-wrap"> <svg class="left-prev" v-if="showPrevIcon" @click="prevItem"> <use href="#icon-icon-active-star"></use> </svg> <div
2021-07-25 23:02:48
2949
3
谷歌插件开发页面UI层有一个按钮点击按钮如何动态切换国际化
2022-07-15
highcharts如何在鼠标移入位置高亮显示X轴值
2022-05-11
higcharts柱状图如何鼠标移入改变柱状图颜色，鼠标移出恢复原来的颜色
2022-04-27
elementui使用el-switch改变active-color组件不响应更新
2021-08-24
elementui图标默认间隙如何去除？
2021-06-17
vue官网介绍源代码在哪
2021-03-15
vue使用workbox和register-service-worker报错
2021-03-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人