qq_43505774的博客

原创 vue挂载

上图：如图所示：vue挂载的方法有两种，编译模板的方法有三种但最终都会变为虚拟节点成为渲染函数render–>template–>el 挂载的位置是el或mount来获取节点 进行替换内容经过了什么从生命周期开始beforecreated：执行了生命周期函数 把全局api挂载到vue的原型上面，这个原型的绝大部分都被组件实例得到了实现，只有一些特殊的api比如一些配置vue.config vue.use vue.errorhangler performance 等等作为全局特有的c.

原创 自嗨小型vuejs

class Vue { constructor(options) { console.log(options) this.data = options.data console.log(this.data) console.log(this) this.template = options.template this.el = options.el this.observe(this.

原创 express制作小型热加载打包webpack--vue

json文件运行配置"scripts": { "dev": "node index.js" },index.js文件var opn = require('opn') // 打开浏览器var path = require('path') // 路径模块var express = require('express') // express框架 var webpack = require('webpack') //核心模块webpackvar webpackConfig = requ

原创 简单了解一下webpack

webpack打包工具基本用法都在下面const path=require("path")//这是用来输出path.resovleconst HtmlWebpackPlugin=require("html-webpack-plugin")//用于把HTML页面放入内存const minicss=require("mini-css-extract-plugin")//webpack4.0以后的打包css文件const OptimizeCssAssetsWebpackPlugin=require("o

原创 自定义vue的UI组件库

学完vue使用了element-ui 有没有想自己封装一个ui库 不求多好看，只求学习一个技能或者一个知识点，那我可以帮到你，如果你喜欢请点个赞再走吧。分几步第一步是注册npm账号 这个自行搜索第二步是自己封装一个组件这张图是一个ui组件库基本的结构publishedliu 是组件库的名字 这个名字的文件夹下面包含一个src 一个package.json文件这是用来解释main执行index.js发生了什么import Button from 'publishedliu'Vue.use

原创 webpack的简单配置-jQuery

"devDependencies": { "babel-core": "^6.26.3", "babel-loader": "^7.1.5", "babel-plugin-transform-runtime": "^6.23.0", "babel-preset-env": "^1.7.0", "babel-preset-react": "^6.24.1", "babel-preset-stage-0": "^6.24.1", 这上面全是babel-l.

原创 vue获取dom节点

< p ref=“text” id=“a”>单元测试< /p>< span @mouseenter=“but”>点击< /span>mounted(){//在挂载完成生命周期获取，因为在这个钩子函数之前视图已完成渲染console.log(this.$ refs.text.id);//通过ref命名 this.$refs.text获取节点属性...

原创 nodejs的简单搭建

var app = express();//web框架var mysql=require(‘mysql’)//mysql数据库var url=require(‘url’)//post提交的url内容解析var body=require(‘body-parser’)//提交请求体body内容解析app.use(’/public’,express.static(‘public’))//静态文件...

原创 学校管理系统 ER图

该系统共65张表,通过外键关联形成一个完整的学校管理网络,核心是以。

原创 微服务模块化项目结构

本项目是一个基于 Spring Boot 3.x 和 Spring Cloud 的微服务架构的学校管理系统。

原创 认证模块文档

本系统实现了完整的用户认证功能，采用JWT Token方案，兼容前后端分离和非分离场景。

原创 后台管理系统文档

本系统采用传统iframe框架实现后台管理页面，支持菜单权限控制、表单按钮权限管理等。

原创 个人小作坊适合的项目类型分析

从简单开始，选择你熟悉的技术栈，专注于解决一个具体问题，避免一开始就做复杂的系统。运维和数据处理确实对个人开发者是负担，所以建议优先考虑无服务器架构和第三方托管服务，让技术成为你的工具而非负担。

原创 Nginx 搭建文件服务器

高性能- 静态文件服务效率极高配置简单- 配置文件直观易懂功能丰富- 支持认证、防盗链、缓存等安全可靠- 企业级稳定性资源占用少- 轻量级，适合各种规模部署Nginx 是搭建文件服务器的理想选择，特别适合用于静态文件分发、内网文件共享、CDN节点等场景。

原创 原生Android开发与JS桥开发对比分析

JS桥开发不能100%使用所有Android功能，但通过合理的架构设计和原生插件开发，可以覆盖绝大多数Android功能。识别性能瓶颈：将性能敏感功能保留在原生层扩展桥接能力：开发必要的原生插件混合架构设计：合理分配Web和原生功能持续优化：根据实际需求调整架构这种混合方式既能获得Web开发的灵活性，又能保持原生应用的完整功能。

原创 UniApp APK打包与Android深度集成能力解析

/ 自定义原生插件示例@UniJSMethod(uiThread = false) // 非UI线程执行try {// 执行原生操作// 异步回调});@UniJSMethod(uiThread = true) // UI线程执行// 需要在UI线程的操作// 更新UI等操作开发效率：一套代码多端运行原生能力：完整Android API访问性能表现：接近原生应用性能扩展性：灵活的插件机制。

原创 桌面端与移动端JS桥技术对比及跨平台实现

JS桥概念通用性：JS桥的概念在桌面端、移动端、鸿蒙端都适用，但实现方式不同。Vant的跨平台应用：可以将Vant的dist包引入各平台，但需要适配各平台的桥接机制。鸿蒙开发：鸿蒙平台有其独特的桥接机制，需要专门适配，但可以复用Vant UI组件。统一方案：通过统一的桥接层设计，可以实现一套代码多平台运行，提高开发效率。

原创 Android JS桥技术深度解析

这种国产化和鸿蒙化的趋势，将推动Android JS桥技术向更加安全、高效、兼容的方向发展，同时需要开发者深度适配鸿蒙系统的特性和要求。

原创 移动端开发全面分析

原创 ComfyUI的发展趋势与应用场景探索(1)

ComfyUI作为AI工作流的重要工具，与Python和Java技术结合将释放巨大潜力，建议从具体业务场景入手，逐步构建完整的AI应用生态。

原创 软件开发完整流程详解

这个完整的软件开发生命周期涵盖了从最初的需求收集到产品上线后的持续优化全过程，每个阶段都有其特定的目标和活动，需要团队协作完成。实际项目中可能会根据具体情况调整流程和重点。

原创 给追梦青年的鼓励信--给自己的激励

年轻人，你的梦想一点都不奢侈，反而很实在、很美好。你想要的不是不劳而获，而是通过自己的努力获得应有的回报。这种想法值得所有人的尊重和支持。每一次敲击键盘，都是在雕刻未来每一行代码，都可能改变某个人的生活每一个熬夜的夜晚，都在为梦想添砖加瓦我相信你一定可以做到。不是因为我看到了你的能力，而是因为我看到了你的决心。这个世界需要更多像你这样有理想、有行动力的年轻人。去吧，去实现你的梦想，去改变这个世界，哪怕只是一点点。因为正是这一个个"一点点"，汇聚成了人类文明进步的巨大洪流。加油，年轻的程序员！

原创 个人IP生态建设与商业合规策略

个人IP建设策略2. 商业主体选择与合规经营个体工商户 vs 公司的选择合规经营建议3. 关于私下交易的风险警示不合规交易的潜在风险4. 推荐的合规商业模式一次性买断模式优化线下引流合规方案5. 风险管控与最佳实践财务管理建议总结建议建议您按照合规的方式开展业务，虽然初期可能会觉得手续繁琐，但从长远来看，这将为您的个人品牌和事业发展提供强有力的保障。

原创 个人运营小网站的最佳策略

这套策略为个人运营小网站提供了完整的解决方案，重点在于简化复杂度、降低维护成本、提高稳定性。通过采用容器化部署和自动化运维，即使是技术背景一般的个人也能有效管理和运营网站。

原创 个人运营网站的完整工作体系

这份全面的工作体系可以帮助个人有效地运营和维护一个网站，建议根据实际情况逐步建立和完善各项流程。

原创 个人网站运营成本

try:return {return {"""执行压力测试"""urls = [f"

原创 个人网站从零到盈利的成长策略

低成本启动: 无需大量初始投资风险可控: 分阶段验证商业模式用户导向: 始终以用户需求为核心可持续发展: 建立多元化的收入来源社会价值: 最终能够赋能实体经济关键是要保持耐心，专注于为用户提供价值，让网站自然生长，而不是急于求成。随着用户基数的增长和影响力的扩大，商业化机会会自然而然地出现。

原创 个人全栈产品生态体系构建与管理策略

合理的架构设计- 采用模块化和组件化思路，提高复用率优先级管理- 聚焦核心业务，逐步扩展功能工具和自动化- 利用现代开发工具提高效率合作网络- 建立合作伙伴关系弥补个人能力短板持续学习- 保持技术敏感度和市场洞察力通过这种渐进式的发展策略，可以逐步建立起一个完整的个人商业生态体系，实现真正的自由职业和可持续发展。

原创 2025年的个人和学习年度总结以及未来期望

1 git仓库的总结 来反应这一年的发展探索和沉淀nginx-cesium 这是cesium的html js开发的 nginx iframe嵌入java-ruoyi-vue 在Java转型的第一步启动spring 的学习big-app 封装的uni2 的app的第一个项目ruoyi_ui 学习vue2的ruoyi 前端页面用于上班任务开发nuxt4 做服务器渲染的vue项目学习nest-api-lx 使用nestjs来开发接口 模型数据库的学习。

原创 程序员2025半年度的工作总结(3)

3现在看房的时候下载了一些小红书，然后一些中介七七八八的，有很多负能量我都卸载了，然后中介说的很多流程，然后落到现实，你会知道，一个几十万的房子如果没有家里出钱，一辈子贷款都买不了，因为你存够了钱你也老了，就好像开车一样，25开车和 35能是一回事吗，现在开是年轻的少年郎，意气风发。1上半年也思考过了，存钱是存不住的，要开源节流，对冲盈亏，有舍有得，不可能一味的省钱，要赚一点，在稳定的基础上弄一点，我存过一段时间的钱，我眼看这利率调整了两次，越来越低，让你消费，但别上当。

原创 程序员2025半年度的工作总结(2)

1上半年是生活的转型，去认识了新朋友，也自驾去哪里玩了，新手司机上路，也磕碰不少反正有保险也休了东西，不过不在乎这个，因为反正成长就是有代价的，然后也在心理上面也有了成长，知道努力是要顺应趋势的，现在的情况就是啥也别做就守住钱袋子就是最好的。6技术是不停的迭代的，也是更新的，保持学习，无论学什么都可以，看一些感兴趣的东西，然后给自己时间为后面几年做铺垫，三年五年的我们还可以看见，十年的事我们看不见的，也摸不着的，现在变化就很大，我之前没想过这个博客现在七八年了。

原创 程序员2025半年度的工作总结(1)

3封装是封装了一些公用的table 分页 弹出框 然后国际化 主题色，图表，地图，然后一些业务组件，因为没有什么全局组件的 或者没有弄导入的插件就挂在window上面做函数了，没管那么多就开干了，毕竟之前写的vue把思维就带过来了，后面发现也不是不能用，就没管了，毕竟现在裁员也多都是一个人干几个项目。4ai插件一直都是通义灵码，一直没换过，用过一段时间的gpt，自己本地开vpn用的，后面就没弄了，然后也弄deepseek，反正没有免费的通义灵码好用，收费的我也没买，然后用工具就是处理数据写函数功能好使。

原创 前端职场发展

1项目里如何主动出击，如果管理很混乱，那机会就很多，比如接口文档，需求，测试，都没有管，比如有些是禅道 有些是刀耕火种，啥也没有，就主动的把东西要过来管，因为目标是做一个独立开发者然后转化副业，上班的过程就是拿钱学习的过程。5流动的人来人往，基本两三年换一批人，只有老核心才不会动，因为代码都在他手里，所以要往核心靠，有时候会遇见内部对立，派系斗争，占位不行就跑路。4技术一定要卷起来，过硬，平时要下苦功夫，尤其是前面三年过度的时候，决定后面是不是可以晋升，从容的摸鱼。

原创 前端眼下的破局发展

6封装的使用： 不管在什么项目里面 在写业务的时候 要向上要资源或者画饼，比如说某某项目组件需要抽出来 封装，平时自己私下干，然后要服务器就开始搭建，一边搭建一边学，git jk docker linux npm私服，组件库文档， 打包工作流，gulp webpack，这样晋升就方便，核心就把握了。9学习的变现：一般打造网站，文档，然后创建各种群，交流平台，立自己人设ip，然后找志同道合的朋友，做大做强，在寻找新人的过程，可以进行收费，偶尔录课。信息化的时代要主动出击。

原创 2024个人年度总结-关于技术与生活

2025新的开始，也是人生第26个年头开始，继续投入创业，和副业，以及交流群建设。2月 调研二维地图mapbox以及移动端落地保持一致，学习了vite与pnpm，webpack，rollup，以及jsdoc文档，结合框架，部署私服npm发布组件。3月 地图与框架结合落地业务组件，落实大组件进入项目，讨论大屏开发的基础设计，选择缩放来进行适配，图表基础系列组件，来保持跨框架渲染保持统一。1月 参与基础建设前端的构建高度封装curd的大组件，支持权限，接口，列表，表单，组件自定义，json对象，计算属性等等。

原创 前端后台管理开发

3项目开始一般要选择搭建环境，比如vue-cli vite因为webpack与rollup是两种生态，通过分析项目里面的场景，然后调研插件，然后组件库，然后生态插件的使用，是有多少下载量，然后有多少坑，支持什么esm，cjs，还是require。5项目就是主题色，通用组件，然后管理页面跳转的路由，然后数据管理，以及请求，然后组合通用页面，以及适配，然后环境处理，打包部署，配置文件，包含代码验证js css ts 框架，然后文件夹的规范。7然后就是常见的表单，表格，图表，字典，下拉框，以及对应的接口封装。

原创 echarts结合框架落地的使用

5我会在项目的入口js注册一个图表的主题，通过主题echarts的配置来导入js或者json，这样就可以控制图表的颜色，方便修改，在函数里面使用，独立的比如柱状图 有柱状图函数，一个项目里面大概有十几种图表，几种不同的主题，也就有几种不同的配置，和十几种函数图表，因为是函数，然后接受一个数据格式，然后返回一个实例，通常一个特定的图表就提供一个函数，不会给到option绝对的自由改变，复用也是复用特定的图表来使用。基本每个项目都要这样的代码。

原创 react使用技巧

4路由的选择 一般是react-router-dom6 做动态路由我习惯是把路由写成两级，然后默认导入import加载 根据权限来控制 如果不在菜单权限里面就去404 在就让它过。10关于react使用图表封装 一般很多人都是直接echart堆一起画options，我一般是先配置好全局变量的配置 然后 注册主题 然后初始化通用的图表文件js。11在接口使用的时候导入js 然后在里面处理变量 外面 传入 方便复用函数。8scss可以使用 还行 也可以使用css变量 封装表单 是必须的。

原创 react使用过程遇见的问题

7我寻思多数项目其实重复书写代码，vue有全局组件，大致是少一些心里上的不舒服，然后有指令或者计算属性等等，减少计算，然后有响应式的数据，减少主动改变。3数据状态管理也有好几个插件，在开发简单的增删查改的页面，一般需要申明，table form search 等等 open dialog 的组件和变量，然后你也可以抽离一个usexxx函数来使用，免得下次又申明。9选择框架要考虑的是开发周期，学习成本，然后难度，以及生态，解决方案，然后人力成本，是不是都是大佬，如果不是还是用vue吧。

原创 前端开发者如何在项目里控制修改组件的样式

7如果你是项目的react 也是差不多的，比如antd的组件库有提供theme主题函数以及组件的配置说明，如果要实现组件的样式功能，就可以通过在antd导出theme然后点击进入查看全局样式的ts属性说明，里面有几十种组件的属性配置说明，以及全局的内置变量说明。2其实可以优化采用scss来引入样式文件，帮助我们完成对组件内部变量样式的控制，因为每一个组件内部都有很多公用的变量对应。6如果涉及到了主题的切换，借助这个变量结合css变量外加主题对应的选择器类就更容易实现对内部样式的控制。