Bang's Blog

发表于2025-04-10|更新于2025-04-10|vue

vue快速入门03生命周期vue生命周期的四个阶段vue对象从创建到销毁的整个过程 Vue生命周期的四个阶段：创建初始化操作，普通数据转变为响应式数据该阶段可以发送初始化渲染请求挂载渲染模板该阶段才可以开始操作dom 更新数据修改，更新视图销毁销毁实例 vue生命周期函数（钩子函数）在vue生命周期过程中，会自动运行一些函数，本称之为生命周期钩子，可以让开发者在特定阶段运行自己的代码在整个生命周期中一共8个钩子函数，如下图所示： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657<body> <div id="app"> <div class="counter"> <h1>{{title}}</h1> <div cl ...

Vue入门02

发表于2025-04-02|更新于2025-04-10|vue

Vue入门02指令补充指令修饰符通过"."指明一些指令后缀，不同后缀封装了不同的处理操作，便于简化代码按键修饰符@keyup.enter：键盘回车监听语法：@keyup.enter=事件处理函数 @keyup是任何按键时都会触发事件 v-model修饰符v-model.trim：去除首尾空格 v-model.number：转数字语法：与v-model语法一致，后面接双向绑定的vue数据时间修饰符@事件名.stop：阻止冒泡 @事件名.prevent：阻止默认行为 v-bind对于样式控制的增强为便于开发者进行样式控制，Vue扩展了v-bind语法，可以针对class类名和style行内样式进行控制 v-bind操作class语法：:class="对象/数组" 对象，键就是类名，值是布尔值，如果值为true，则有这个类，否则没有 12<div class="box" :class="{类名1:布尔值,类名2:布尔值,...}"> ...

Vue快速入门

发表于2025-03-30|更新于2025-03-30|vue

Vue快速入门vue基本概念vue是一个用于构建用户界面的渐进式JavaScript框架创建Vue实例并初始化渲染准备容器，即Vue所管理的元素范围引包，可以从官方文档找到引用的链接地址（开发版本/生产版本）创建实例添加配置，完成渲染 123456789101112131415161718<body>  <div id="app">  {{message}} </div>  <script src="https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.js"></script> <script> //实例化对象 let app = new Vue({ ...

node.js

发表于2025-03-26|更新于2025-03-30|nodeJs

node.js简介node.js是一个跨平台javascript运行环境，开发者可以搭建服务器端的javascript应用程序；node.js还可以进行前端工程化，对前端代码进行压缩、转译和整合，提高前端开发和运行效率。所谓的前端工程化是指开发项目到上线，整个过程中集成的所有工具和技术，比如格式化工具、压缩工具、转换工具以及后续框架中用到的脚手架工具等。而node.js是前端工程化的基础（因为node.js可以主动读取前端代码内容）浏览器之所以能够执行js代码，依靠的是内核中的V8引擎，而node.js是基于Chrome V8引擎进行封装的。但是注意node.js环境中没有DOM和BOM等对象安装直接从官网中选择需要的版本进行下载，下载本地之后按照正常软件安装步骤进行安装即可，最后记得添加环境变量，具体的安装教程可参考csdn或其他博客。最后在cmd中执行node -v可以验证是否成功安装快速体验在node环境下执行js代码，通过node xxx.js即可编写简易js代码，在node环境下执行 123for (let i = 1; i <= 10; i++) ...

LLM本地部署流程