全局 环境 项目vue
手撕Vue-数据驱动界面改变上
经过上一篇的介绍，已经实现了监听数据的变化，接下来就是要实现数据变化后，界面也跟着变化，这就是数据驱动界面改变。 想要实现数据变化之后更新UI界面，我们可以使用发布订阅模式来实现，先定义一个观察者类, 再定义一个发布订阅类, 然后再通过发布订阅的类来管理观察者类。 接下来我们就来实现这个代码。 定义 ......
VSCode 配置C++环境
MinGW肯定要装的。 复制json这篇就够了，但终端会闪掉：VsCode安装和配置c/c++环境（超完整，小白专用）_vscode c++环境-CSDN博客 这篇文章配终端：VS Code中C/CPP的完美配置(完成环境搭建、解决终端自动闪退、解决无法调试) - 知乎 (zhihu.com) ......
在Vite构建的项目中使用svg图标
安装插件 这里使用yarn来安装vite-plugin-svg-icons插件 yarn add vite-plugin-svg-icons 文件配置 在vite.config.ts中进行文件配置，首先是引入插件，其次是在plugins中添加配置 iconDirs中存放的就是图标文件地址数组，这里的 ......
手撕Vue-监听数据变化
经过上一篇的介绍，已经实现了将模板编译成具体数据，接下来要介绍的是如何监听数据的变化，本章主要完成这个需求即可。 在我们文章的开始，我写了一个 Vue 双向数据绑定原理的文章当中封装了一个 Observer 类，这个类的作用就是监听数据的变化，当数据发生变化的时候，会通知订阅者，订阅者会去更新视图。 ......
手撕Vue-编译模板数据
经上一篇编译指令数据后，我们已经可以将指令数据编译成具体需要展示的数据了，上一篇只是编译了指令数据，还没有编译模板数据，这一篇我们就来编译模板数据。 也就是 {{}} 这种模板的形式我们该如何编译，其实和指令数据编译的思路是一样的，废话不多说，直接上代码。 改造一下 buildText 方法，让它支 ......
图形学、01 | GAMES101 + VSCODE + XMake + Win11 作业环境配置
GAMES101 + VSCODE + XMAKE + Win11 环境配置 安装 安装 C++ 编译工具链，如 MSVC(visual studio) 安装 Xmake： Xmake VSCODE 安装插件 C/C++ XMake CodeLLDB 获取作业 git clone https://g ......
手撕Vue-编译指令数据
经过上一篇的分析，完成了查找指令和模板的功能，接下来就是编译指令的数据了。 所以本章节主要处理的方法则是 buildElement 方法，我们先分析一下我们所拿到的数据在进行编码，这样会更加清晰一些。 我将 name, value 打印出来，分别对应的值是 name: v-model, value: ......
JAVA 项目中日志的正确使用姿势
什么是日志 日志：记录程序的运行轨迹，方便查找关键信息，也方便快速定位解决问题。 日志的作用 1、排查和定位错误的手段 日志的作用就是在测试、生产环境没有 Debug 调试工具时开发和测试人员定位问题的手段。日志打得好，就能根据日志的轨迹快速定位并解决线上问题，反之，日志输出不好，不仅无法辅助定位问 ......
vue学习六
<div id="app6"> <div v-for="item in list">{{ item }}</div> </div> <script> const app6=new Vue({ el:'#app6', data:{ list:["1","2","3","4","5"] } }) </s ......
vue学习五
<div id="app5"> <button @click="exchange(-5)">点我减五</button> <button @click="exchange(5)">点我加五</button> </div> <script> const app5=new Vue({ el:'#app5' ......
vue项目创建和启动、ElementUI的安装和快速学习
5.创建Vue项目 方式一：命令行（不推荐） 方式二：图形化 先找到项目想要创建的位置，去到该目录下，输入cmd回车 输入 vue ui回车 可能会遇到的问题：Failed to get response from /vue-cli-version-marker 解决办法： 找到 .vuerc文件， ......
Lithosphere新项目
启动Lithosphere新的子项目，Zircon，用Lithosphere技术来做个智能手表。 这篇文章很好，推荐：A Deep Dive into ARM Cortex-M Debug Interfaces | Interrupt (memfault.com) 我这是要转型硬件开发工程师吗？ ......
使用Git管理Unity项目
使用Git管理Unity项目 目录前置准备注册GitHub账号下载安装Git，进行基础的配置将自己的项目传到GITHUB 前置准备 注册GitHub账号 前往GitHub官网注册一个自己的账号，注意要开梯子进去。这些就不多说了 下载安装Git，进行基础的配置 1.前往Git官网下载安装git，安装期 ......
[Vue]初始Vue
Vue2，建议新人直接饮用vue.js文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale= ......
Error: Vue packages version mismatch: - vue@2.6.14 (D:\前端\vue01\node_modules\vue\dist\vue.runtime.common.js)- vue-template-compiler@2.7.14 (D:\前端\vue01\node_modules\vue-template-compiler\package.json)
Error: Vue packages version mismatch: - vue@2.6.14 (D:\\前端\vue01\node_modules\vue\dist\vue.runtime.common.js) - vue-template-compiler@2.7.14 (D:\前端\vu ......
输入vue ui出现Failed to get response from /vue-cli-version-marker
解决办法： 找到 .vuerc文件，位置在C:\Users\当前用户.vuerc 将packageManager修改如下： 原因是本地hadoop环境变量回合vue项目有冲突，他们都要用到yarn集群 修改后再重新输入vue ui，没有报错信息且自动打开Vue项目管理器的页面 ......
Ubuntu下Tiny6410 嵌入式 Qt 开发环境的搭建
原文:https://www.pianshen.com/article/73721187848/ Ubuntu 下 Tiny6410 嵌入式 Qt 开发环境的搭建首先要准备好交叉编译所需要的软件包：（1）arm-linux-gcc-4.5.1-v6-vfp-20101103.tgz（交叉编译环境）（ ......
java项目实践-webapp-mytomcat-day16
目录1. http协议2. 自定义的web框架3. 具体实现4. 启动 1. http协议 CS架构 建立连接“三次握手” 断开连接 “四次挥手” 三次握手： client：可以与你建立连接吗？ server：可以的 client: 我也可以了 四次挥手： client：我要断开 server：可以 ......
使用Pycharm环境，搭建Django开发环境
早期都会直接在Linux系统下，直接把很多py包装到物理系统里。 不过事实证明，装在虚拟环境里要方便得多，尤其是早期很多工程做到一半发现写不下去了。 假如IDE选择的是Pycharm的话，实际上在它的工具里，就非常方便了。 新建一个工程后，在Pycharm里，点击如上图所示的蓝色按钮，就进入了虚拟环 ......
手撕Vue-查找指令和模板
接着上一篇文章，我们已经实现了提取元素到内存的过程，接下来我们要实现的是查找指令和模板。 大致的思路是这样的： 遍历所有的节点 需要判断当前遍历到的节点是一个元素还是一个文本 如果是一个元素, 我们需要判断有没有v-model属性 如果是一个文本, 我们需要判断有没有{{}}的内容 那么随着思路的展 ......
Anaconda环境迁移：直接将之前搭建好的环境从一个机子迁移到另一个机子（Anaconda3虚环境复制迁移）
Anaconda环境迁移：直接将之前搭建好的环境从一个机子迁移到另一个机子 把电脑中的虚拟环境从一个文件夹迁移到另一个文件夹，或者把一台主机中的某个虚拟环境迁移到另一台主机上。 (tf115) [med tf115]# conda env list# conda environments:#base ......
小白之vue脚手架搭建
（1）cmd命令行安装脚手架工具，安装前设置镜像不然安装很慢。 安装成功 （2）创建vue项目名字叫vue 选择最后一行 新特性回车 上下箭头选择工具，空格表示选中，绿色表示选中的工具，并回车进行下一步。 选择 2.x，选择y 选择带.json 选择no不保存预制（忘了截图），回车开始创建 ......
Vue3中的生命周期
Vue3生命周期-CSDN博客 一、Vue3中的生命周期1、setup() : 开始创建组件之前，在 beforeCreate 和 created 之前执行，创建的是 data 和 method 2、onBeforeMount() : 组件挂载到节点上之前执行的函数； 3、onMounted() : ......
项目开发中数据库表要不要加外键约束？
引言 在实际项目开发中，数据库表设计的主键和索引是不可少的，不仅可以优化数据检索速度，开发人员还省不其它的工作，相信这点没有人会有疑问。但是，数据库表设计是否需要外键约束，就存在不少争论。争论主要有两个问题：一个是如何保证数据库数据的完整性和一致性；二是如何保证数据库的性能更好。 添加外键约束的理由 ......
【Vue 2】过渡
前言 Vue 提供了多种方式来实现过渡效果。 在CSS过渡和动画中自动应用class 配合CSS动画库 在过渡钩子函数中使用JavaScript操作DOM 配合JavaScript动画库 单元素/组件的过渡 将元素或组件放在<transition>中可以在下列情形中触发过渡效果： 使用了v-if 使 ......
【Vue Router 3】入门
简介 Vue Router让SPA（Single-page Application）的构建更加容易。 Vue Router的功能： 嵌套的路由/视图映射 模块化的、基于组件的router配置 route params, query, wildcards 由Vue过渡系统支持的视图过渡效果 细粒度（f ......
【Vue 2】计算属性与侦听器
计算属性 vs 方法 vs 侦听器 计算属性的出现是为了解决模板内表达式太过复杂而变得难以维护。 假设我们知道长和宽，要计算一个矩形的面积，如果没有计算属性，我们可能像下面这样处理： <div id="app"> <input type="text" v-model="width"> <input ......
小白之创建第一个vue实例（vue2）
（1）安装node.js，尽量16+版本 （2）打开idea创建vue目录，再在该目录下创建vue1.html文件，并敲入下列代码。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>大黄哥哥带你学vue</tit ......
vue style 原理
vue style 的实现主要通过css 的属性选择器 什么是属性选择器？ 答：用于判断标签属性的一种选择器 <style> .a[self_attribute]{ ... } </style> <!-- 生效 --> <div self_attribute class="a"></div> <!- ......