- 博客(43)
- 收藏
- 关注
RSS订阅原创 图片可以直接转成代码开发是越来越简单了
需要 GPT-4 的 OpenAI API 密钥或 Anthropic 密钥（可选）， 推荐两者都使用，以便你可以比较 Claude 和 GPT4o 的结果。screenshot-to-code 项目通过结合先进的 AI 技术，为开发者和设计师提供了一个从视觉设计到代码实现的高效工具，极大地简化了开发流程。平时我们浏览网站的时候，经常会遇到令人眼前一亮的网页设计，如果能够将这些设计元素或者整个页面的布局应用到自己的项目中，那该多好？然后打开 http://localhost:5173 就可以开始使用了。
2024-11-20 12:11:36
2167
原创 好用的 IDEA 插件
• ObjectHelper：Object助手，有2个非常实用的功能：①支持自动生成对象拷贝代码；• Alibaba Cloud AI Coding Assistant：编码AI自动补全，比IDEA自带的智能一些。纯干货，没有多余附图和详细描述，看完简介感兴趣的可以自行了解，以下插件均可通过IDEA插件市场官网[1]下载。• GitToolBox：Git增强插件，最好用的功能是可以查看到每一行代码的最近一次提交信息。• File Expander：可以反编译，还可打开tar.gz，zip等压缩文件。
2024-11-20 12:07:44
632
1
原创 Code Review 还是很有必要的我发现了几个代码小问题
很多人在写一个函数并定义参数的时候会这么去做，这么写很容易有一个问题，那就是中间有一些参数是可选的时候，就比如中间 b 其实我不想传的，但由于你这么定义参数传入方式，导致我需要传一个 undefined 进行占位。但是这么写，如果条件非常多的时候，写起来会非常不优雅，并且不好维护，想象一下，如果变量 a 改名了，那么，所有三等式子都得改变量名，所以这里其实可以使用 includes 来进行优化。请看下面这段代码，这样写的缺点在于，变量名一改，全部地方都得改，并且后面想要加额外的判断条件也比较麻烦。
2024-11-09 23:44:12
426
原创 这几个难到令人发指的编程语言，学会了算我输
如果你认为学习 C、C++ 或 Java 这些编程语言很难，那只能说太年轻了，这个世界上还存在着很多入门即放弃的编程语言。Malbolge是一种深奥编程语言（esoteric programming language），由 Ben Olmstead 在 1998年设计，被认为是世界上最难理解和编写的编程语言之一。Malbolge 语言采用三进制系统，只有三个操作符，并且代码在运行时会自我修复，这使得它非常难以理解和调试。Malbolge 的执行过程具有随机性，每次运行都可能产生不同的结果。
2024-10-30 20:22:10
1205
原创 要做消息列表的颜色切换
因为每一项就有一个颜色选择器！图片再来看看效果，发现符合我们的预期~图片适用于多 Tab 切换Teleport 还适用于很多场景的优化，比如多 Tab 切换，但是每一个 Tab 都是显示了同一个组件，这个时候你也可以使用 Teleport 去优化示例尽量简化，方便大家理解比如下面的例子，其实每一个 Tab 展示的都是同一个内容图片图片我们可以使用 Teleport 将内容包起来，并监听 Tab 的切换，进行动态传送图片结果也能达到预期效果图片结语我是林三心，一个待过小型toG型外包公。
2024-10-24 11:14:01
473
原创 JAVA-石头迷阵小游戏
JLabel moveLabel = new JLabel("当前移动次数：" + moveCount);moveLabel.setFont(new Font("微软雅黑", Font.BOLD, 14));// 创建一个菜单条。// 当前空白色块的位置 blankRow,blankCol。// 需要交换的位置 blankRow+1,blankCol。// 定义窗口类，创建对象，展示一个主窗口 石头迷阵。// 定义两个整数变量记录当前空白色块的位置。
2024-10-19 15:15:52
894
原创 使用 Code Runner 运行在 Visual Studio Code (VSCode) 中 PHP 脚本时，如果你遇到“无法识别 php”或类似的错误，通常是因为系统的环境变量中没有正确设置
使用 Code Runner 运行在 Visual Studio Code (VSCode) 中 PHP 脚本时，如果你遇到“无法识别 php”或类似的错误，通常是因为系统的环境变量中没有正确设置 PHP 的路径。以下是一些解决方法：错误图片。
2024-09-19 16:21:44
711
1
原创 AnyChart 数据可视化框架
是为了演示 AnyChart 如何轻松集成到您的环境中。您可以将 AnyChart 与任何捆绑工具或模块加载器一起使用，例如 WebPack、Browserify、Require.js 等。AnyChart 是一个灵活的 JavaScript（HTML5、SVG、VML）图表框架，适合任何需要数据可视化的解决方案。你可以在你的 TypeScript 项目中使用 AnyChart - 我们有我们的库的定义文件，你可以在。AnyChart 从 v8.0.0 开始就被结构化为模块，所以你可以只使用你需要的。
2024-09-11 17:20:17
1246
原创 Vite+Vue 3+TS环境搭建
使用命令npm i @vueuse/core -S安装api插件。创建src/utils/require.ts文件，封装请求接口文件。// createRouter用于创建vue-router实例对象。封装一个用户store，创建src/store/user.ts。使用命令npm i vue-router -S安装路由。创建src/router/index.ts文件。创建src/store/index.ts文件。// 引入store的userStore。创建src/utils/rem.ts文件。
2024-09-10 23:23:09
1319
原创 Vue 3组件通信13种方法，收藏起来慢慢看
这 13 种方法涵盖了 Vue 3 中几乎所有的组件通信场景。根据你的具体需求和应用规模,选择最合适的通信方式。记住,好的组件设计能够简化通信,提高代码的可维护性。
2024-09-04 23:18:03
1922
1
原创 Linux发行版三巨头，你会选择哪一个？
它也是许多其他Linux发行版（如Ubuntu）的基础，因此对于那些希望深入了解Linux底层机制的用户来说，Debian是一个不错的选择。如果你是一个企业用户，需要专业的技术支持和服务，并且愿意为此付费，Red Hat Enterprise Linux无疑是最佳选择。定期发布：Ubuntu每六个月发布一个新的版本，并提供五年的长期支持（LTS）版本，确保用户可以获得最新的功能和长期的安全更新。如果你需要一个高度稳定和可靠的系统用于服务器或生产环境，且希望完全自由的软件，Debian是一个很好的选择。
2024-09-04 23:10:45
995
1
原创 Nginx部署前端vue项目操作步骤和方法~小皮
部署前端Vue.js项目到Nginx上，是开发流程中至关重要的一步，它意味着将静态文件托管在Web服务器上，使应用程序能够被用户访问和交互。
2024-09-03 16:31:22
703
原创 Visual Studio Code大大提升工作效率小技巧~~~
默认情况下，()、{} 和 [] 是匹配的，但可以使用他们喜欢的其他括号字符，甚至可以定义它们的颜色。Beautify 是另一个可靠的代码“美化器”，它通过最小化代码中的干预来检查和格式化您的代码。Material Icon Theme 是一种流行且广泛使用的 VS Code 扩展，可为您的代码编辑器提供时尚现代的外观。您可以确信，您的所有编码需求都通过一组广泛的文件夹和文件图标进行了直观分类，使您可以轻松快速地访问所需内容。您可以使用它来提高您的整体生产力，而不是简化您的工作流程。
2024-09-03 16:29:14
1050
原创 今天来聊一聊前端框架有哪些呢？ 主流Vue和React
总的来说，前端框架的选择涉及到多方面的考量，包括但不限于团队的技术栈适配、项目规模和复杂度、性能要求以及社区支持等。对于开发者而言，理解每个框架的优缺点和最佳适用场景，能够帮助他们做出最适合当前项目和团队需求的决策。在现代网络技术的快速发展中，前端框架成为了实现界面美观、交互性强、用户体验佳的网页和应用不可或缺的工具。使用工具： 联网搜索。
2024-09-03 16:26:20
782
2
原创 基于VUE2-dataV和echarts实现的可视化大屏，百分比适配PC端
1.能耗总览仪表盘，统计分析耗电量、耗水量、碳排放量的总数， 以不同颜色的仪表盘形式展示耗电量、耗水量、碳排放量的总数，在 环状图中间区域显示各数据的数据值。2.能耗占比环状图，请分析各能耗的消耗数占能耗总数的比例， 扇形图中包括两部分内容：能耗占比图中需显示办公耗电量、办公用 水量、生产用水量、生产耗电量的数量及占能耗总数的比例。header: ["编号", "物料", "仓库", "库存", "状态"],name: "能耗占比",-- 能耗总览 仪表盘-->-- 能耗占比 环状图-->
2024-09-03 16:17:35
2901
9
原创 VUE3 -创建项目并整理目录
路由设计原则：找页面的切换方式，如果是整体切换，则为一级路由，如果是在一级路由的内部进行的内容切换，则为二级路由。这里自动导入需要深入到elementPlus的组件中，按照官方的配置文档来。样式资源 - 把 common.scss 文件放到 styles 目录下。图片资源 - 把 images 文件夹放到 assets 目录下。基于vite的项目默认不支持css预处理器，需要开发者单独安装。配置别名路径可以在写代码时联想提示路径。
2024-06-01 20:38:08
359
原创 什么是pinia
Pinia 是 Vue 的专属状态管理库，可以实现跨组件或页面共享状态，是 vuex 状态管理工具的替代品，和 Vuex相比，具备以下优势提供更加简单的API （去掉了 mutation ）提供符合组合式API风格的API （和 Vue3 新语法统一）去掉了modules的概念，每一个store都是一个独立的模块搭配 TypeScript 一起使用提供可靠的类型推断。
2024-06-01 20:37:34
289
原创 认识Vue3
create-vue是Vue官方新的脚手架工具，底层切换到了 vite （下一代前端工具链），为开发提供极速响应。在setup函数中写的数据和方法需要在末尾以对象的方式return，才能给模版使用。通过 Counter 案例 体验Vue3新引入的组合式API。执行如下命令，这一指令将会安装并执行 create-vue。前置条件 - 已安装16.0或更高版本的Node.js。在beforeCreate钩子之前执行。分散式维护变成集中式维护。
2024-06-01 20:36:34
422
原创 后台数据管理系统 - 项目架构设计
一些优势：比同类工具快 2倍 左右、节省磁盘空间...pnpm - 速度快、节省磁盘空间的软件包管理器 | pnpm中文文档 | pnpm中文网。
2024-05-30 15:42:19
2247
原创 认识，并且学习Vue3！！
create-vue是Vue官方新的脚手架工具，底层切换到了 vite （下一代前端工具链），为开发提供极速响应。在setup函数中写的数据和方法需要在末尾以对象的方式return，才能给模版使用。执行如下命令，这一指令将会安装并执行 create-vue。前置条件 - 已安装16.0或更高版本的Node.js。在beforeCreate钩子之前执行。分散式维护变成集中式维护。
2024-05-21 13:32:36
318
原创 Web 性能终极指南（点击即可跳转对应的内容界面，制作不易。给个关注谢谢。）
有很多方法可以加快您的网站速度。难道你不希望每个网络性能提示都集中在一个地方吗？我也是这么想的，所以我把它们都。点击即可跳转对应的内容界面，制作不易。🚀 来最大程度地减少 CSS 请求。✨ 将 JavaScript 编译。⭐️优化 CSS 背景图像。🔥 Cookie 的大小。放在一个地方：这篇文章。☄️中使用 CSS 内。JavaScript的。
2024-05-07 13:46:45
1873
1
原创 面向开发人员 的终极 VueJS 资源
在 10 小时内构建 10 个项目 使用 Vue 3 组合 API - 设置、传送、反应和引用 Vue 3 教程将从非常基础的内容开始，通过构建 10 个不同的应用程序，教您如何在 10 个小时的完整课程中将 TensorFlow 和 firebase 与您的 Vuejs 一起使用。它是从头开始设计的，根据您的目标，可以很容易地成为一个库和一个框架。VueJS 示例，顾名思义，它是示例的集合，例如简单且可自定义的步骤进度指示器、Vue 汽车贷款计算器、通知/Toast 组件等使用 VueJS 制作的项目。
2024-05-06 14:01:54
2389
2
原创 前端开发初学者指南
前端开发是指创建用户直接与之交互的网站和 Web 应用程序的视觉和交互方面。对于长期的职业转变或副业来说，这是一个不错的选择，因为它需要较低的进入门槛。CSS 框架（如 Bootstrap、Tailwind CSS 等）提供了预先设计的样式和组件，以简化构建响应式和视觉一致的 Web 布局的过程。它涉及实施符合品牌目标的设计。像 Git 这样的版本控制系统是管理代码更改、开发人员之间的协作和跟踪项目历史记录的重要工具。在我们深入研究这些步骤之前，重要的是要了解前端开发的全部内容，以及前端开发人员的工作。
2024-05-06 13:44:26
1119
1
原创 Ajax入门！！！！！（第二天）
所谓指令修饰符就是通过“.”指明一些指令后缀不同的后缀封装了不同的处理操作 —> 简化代码1.computed有缓存特性，methods没有缓存2.当一个结果依赖其他多个值时，推荐使用计算属性3.当处理业务逻辑时，推荐使用methods方法，比如事件的处理函数watch侦听器的写法有几种？1.简单写法watch: {数据属性名 (newValue, oldValue) {一些业务逻辑 或 异步操作。},'对象.属性名' (newValue, oldValue) {
2024-05-05 18:21:03
683
1
原创 Ajax入门！！！！！
请求方法是一些固定单词的英文，例如：GET，POST，PUT，DELETE，PATCH（这些都是http协议规定的），每个单词对应一种对服务器资源要执行的操作。浏览器网页中，使用 AJAX技术（XHR对象）发起获取省份列表数据的请求，服务器代码响应准备好的省份列表数据给前端，前端拿到数据数组以后，展示到网页。统一资源定位符，简称网址，用于定位网络中的资源（资源指的是：网页，图片，数据，视频，音频等等）标记服务器在互联网当中的方位，网络中有很多服务器，你想访问哪一台，就需要知道它的域名才可以。
2024-05-05 18:05:14
891
1
原创 VUE路由进阶！！！！！
router-link是什么？router-link怎么用？router-link的好处是什么？router-link 会自动给当前导航添加两个类名，有什么区别呢？router-link的两个高亮类名 太长了，我们希望能定制怎么办如何自定义router-link的两个高亮类名声明式导航跳转时, 有几种方式传值给路由页面？查询参数传参（多个参数）动态路由传参（一个参数，优雅简洁）编程式导航有几种跳转方式？编程式导航，如何跳转传参？1.path路径跳转query传参。
2024-05-05 16:28:06
1021
1
原创 edge使用心得
综合来看，Edge浏览器以其出色的性能、高度的兼容性、增强的隐私保护、紧密的微软服务集成以及为移动设备优化的功能，为用户提供了全面且高效的浏览解决方案。尽管每个人的具体使用需求可能不同，但Edge无疑是一个值得考虑的现代浏览器选项。
2024-05-04 15:20:49
518
1
原创 1.自定义指令基本语法（全局、局部注册）指令的值v-loading的指令封装，2.插槽默认插槽具名插槽作用域插槽，3.综合案例：商品列表MyTag组件封装MyTable组件封装，4.路由入门单页应用
基本语法（全局、局部注册）指令的值v-loading的指令封装... 这都是Vue给咱们内置的一些指令，可以直接使用自定义指令：同时Vue也支持让开发者，自己注册一些指令。这些指令被称为自定义指令每个指令都有自己各自独立的功能概念：自己定义的指令，可以封装一些DOM操作，扩展额外的功能全局注册//在main.js中Vue.directive('指令名', {// 可以对 el 标签，扩展额外功能el.focus()})局部注册//在Vue组件的配置项中"指令名": {
2024-05-04 15:11:53
921
1
原创 你用过最好用的AI工具有哪些？
最近，我开始使用一款基于AI技术的语音助手应用，它能够帮助我完成日常生活中的各种任务，比如提醒我日程安排、回答问题、播放音乐等。总的来说，通过使用这些创新AI应用，我不仅感受到了科技带来的便利和智能化，也体验到了技术不断进步带来的惊喜和乐趣。这些应用通过分析我的喜好和行为习惯，为我推荐符合我口味的音乐和电影，让我能够更快地发现新的内容，丰富我的生活。: 这些是最近非常火热的AI艺术生成工具，用户输入简单的文本描述，AI就能生成令人惊叹的图像作品，展示了AI在创意表达和艺术创作领域的潜力。
2024-05-04 14:33:19
1109
2
原创 vue的组件三大组成部分！！！！
style的默认样式是作用到哪里的？scoped的作用是什么？style中推不推荐加scoped？data写成函数的目的是什么？组件通信，就是指组件与组件之间的数据传递组件的数据是独立的，无法直接访问其他组件的数据。想使用其他组件的数据，就需要组件通信组件关系分类有哪两种父子组件通信的流程是什么？父向子子向父组件上 注册的一些 自定义属性1.非父子组件传值借助什么？2.什么是事件总线3.发送方应该调用事件总线的哪个方法4.接收方应该调用事件总线的哪个方法。
2024-05-03 13:56:39
247
1
原创 如何提高编程技能——从入门到精通
首先，要想提高编程技能，最重要的是要有一个扎实的基础。选择一门编程语言作为起点，比如Python、Java、C++等，然后通过学习相关的教程和视频课程来掌握基本的语法和逻辑。其次，要不断地学习和探索新的知识。编程领域是一个不断发展和更新的领域，因此要想保持竞争力，就需要不断学习新的技术和知识。希望以上方法能够帮助大家提高自己的编程技能，实现从入门到精通的目标。要想提高自己的编程技能，就需要不断地总结和反思自己的经验和教训，找出问题的根源并加以解决。只有通过实际的编程练习，才能真正地提高自己的编程技能。
2024-05-02 15:47:31
125
3
原创 Vscode 解决使用.vue文件里面代码无法自动补全解决方法。
最近相信许多小伙伴们学到vue的前置框架了，当然还要学习vue2开始，那么在开始vue前置框架里面，发现在.vue文件里面使用代码、函数等等代码没有自动补全和一键生成，这里提供两个解决方案。1.下载vetur插件。2.下载vue2 Snippets插件，这样在.vue里面使用代码就可以一键补全啦！
2024-05-02 12:33:04
2635
6
原创 用vue和echarts编写的一个小案例-小帅记账单（富含源代码，拿走不谢！请给一个赞和关注！！！！谢谢大家！！！！）共同学习！！！
用vue和echarts编写的一个小案例-小帅记账单（富含源代码，拿走不谢！请给一个赞和关注！！！！谢谢大家！！！！）共同学习！！！
2024-04-30 18:36:45
456
1
原创 Vue生命周期学习思路！（案例代码获取评论区抠1！！！）
Vue CLI 是Vue官方提供的一个全局命令工具可以帮助我们快速创建一个开发Vue项目的标准化基础架子。【集成了webpack配置】虽然脚手架中的文件有很多，目前咱们只需人事三个文件即可main.js 入口文件App.vue App根组件index.html 模板文件整个应用最上层的组件，包裹所有普通小组件App组件包含哪三部分？A组件内部注册的局部组件能在B组件使用吗局部注册组件的步骤是什么使用组件时 应该按照什么命名法1.全局注册组件应该在哪个文件中注册以及语法是什么？
2024-04-29 20:07:39
805
2
原创 用vue编写的购物车案例！！！！（真的学到了很多啊。富含源代码，拿走代码请给个关注哈！）
天啊，这个人居然在偷偷学习vue，大家快来围观吧！！！！！！！
2024-04-29 12:18:41
499
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人