前端 终端 实战vue
技术博客：Vue中各种混淆用法汇总
技术博客：Vue中各种混淆用法汇总 摘要 本文主要介绍了在Vue中使用的一些常见混淆用法，包括new Vue()、export default {}、createApp()、Vue.component、Vue3注册全局组件、Vue.use()等，以及如何使用混淆器对代码进行加固，保护应用安全。 ......
Vue混淆与还原
引言 Vue是一种流行的JavaScript框架，用于构建用户界面。它简单易用且功能强大，备受开发者喜爱。然而，在传输和存储过程中，我们需要保护Vue代码的安全性。混淆是一种有效的保护措施，可以加密和压缩代码，使其难以被理解和修改。本文将介绍Vue混淆的概念以及如何进行还原。 混淆 混淆是将Vu ......
vue3 之 封装hooks
注意： 使用 Hooks 来做的话，需要封装一个以 use 开头的函数，自定义 Hooks 有一个潜规则，就是要 use 开头 一、相关链接 ① 已经封装好可直接使用的：https://vueuse.org/core/useMounted/ ② 为什么要在Vue3中多使用Hooks？好处是啥？ ： ......
Vue使用el-cascader实现地区选择器组件
1. 使用组件-效果展示（推荐） 1.2 安装组件依赖（默认是V6版本，旧版本V5.02） 官方文档地址（二级联动，三级联动包含教程）：https://www.npmjs.com/package/element-china-area-data npm install element-china-ar ......
vue3引入mitt（eventBus）
版本 "mitt": "^3.0.1" 1、npm install mitt 2、项目下创建文件夹eventBus 建 myEventBus.js import mitt from 'mitt'export default mitt() 3、组件里监听 组件A import myEventBus f ......
前端开发-视口（布局视口、视觉视口、理想视口）
首先必须要明白一点：（假设手机分辨率3200 * 1420），css中的1px不一定等于实际屏幕的1px（这里有1420px）,系统会自动匹配一个最合适的比例（假设这个比例为3.5），用屏幕的3.5px 去渲染css中的1px，也就是说，所有的显示屏幕，不管你的分辨率是多少，系统都会自动匹配一个最适 ......
vue3引入pinia
1、npm install pinia 2、在项目目录建store文件夹创index.js import { createPinia,defineStore } from "pinia";const pinia = createPinia()pinia.state.valueconst token ......
KubeKey 升级 KubeSphere 和 Kubernetes 补丁版本实战指南
作者：运维有术 前言 知识点 定级：入门级 KubeKey 如何升级 KubeSphere 补丁版本 KubeKey 如何升级 Kubernetes 补丁版本 KubeSphere 和 Kubernetes 升级准备及验证 KubeKey 升级 KubeSphere 和 Kubernetes 的常见 ......
机器学习-逻辑回归：从技术原理到案例实战
在本篇文章中，我们对逻辑回归这一经典的机器学习算法进行了全面而深入的探讨。从基础概念、数学原理，到使用Python和PyTorch进行的实战应用，本文旨在从多个角度展示逻辑回归的内在机制和实用性。 关注TechLead，分享AI全维度知识。作者拥有10+年互联网服务架构、AI产品研发经验、团队管理经 ......
小程序开发实战案例之二｜如何实现小程序支付
上一章讲完如何获取用户信息授权 后，下一步就可以进行小程序支付了。 本期就来介绍下支付宝小程序支付如何实现。 PS：接入前的准备工作可以参考：接入准备；接入指南可参考：接入指南～ 获取小程序支付权限 获取权限分为三步：分别是 账号开通 JSAPI 支付、账号与小程序账号绑定 以及 小程序绑定 JSA ......
【VUE】vue动态变换背景图片的实现 +背景图片铺满+ 一般路由的配置
一 、动态变换背景图片的实现 代码如下： <template> <div class="body" v-loading="loading" :style="{ backgroundImage:'url('+ bgi +')' }"> </div> </template> <script> data ......
Vue
VUE vue 渐进式 将复杂的东西给处理，只需要调用api 就可以 进行网页的设计 前端框架的 几乎都一样 vue： react:facebook angualr:谷歌 库的区别与库的区别 jquery库：对dom的操作 art-template库：模板引擎的渲染 高效 框架：大而全，简单渲染+请 ......
Vue-Router
Rouer组件 可以构造单页引用 多页应用：mpa 每一个页面都是一个html文件 方便seo优化 单页应用：spa 知乎网站 掘进 百度移动端 单页用于取决情况： 1.用户群体比较多 原理：相当于一个a标签，导航栏上切换不同的视图 大部分做的vue 使用都是后台管理程序 在使用router是 vu ......
Vue-Vuex
Vuex vuex 是专为vue.js应用程序开发的管理模式，它采用集中式储存管理应用的去全部组件状态，并以响应的规则邦正状态可以以一种可预测的方式变化 主要管理数据 使用vuex的时机，vuex相当于商店，谁都可以取买卖东西 当两个组件没有关系的情况下 1.如果项目中型或者大型，不推荐 使用 父子 ......
vue 树形选择器数据处理 + 搜索查询时每一层级都可选
vue 树形选择器 主要用后端处理显示数据 根据 el-Element 官网可知，想要使用树形选择器 <el-tree-select> 就要提供以下形式的数据： data = [ { value: '1', label: 'Level one 1', children: [ { value: '1- ......
第三阶段前端随手笔记
1.let细节 注意 直接输出x,会报错！ 在输出语句后面使用var定义变量x，会变量提升，输出undefined 2 Vue 笔记 1 控制台直接使用vm对象 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v ......
vue3使用虚拟化表格自定义表格并动态生成表头
element Plus的虚拟化表格用的是lang=tsx,先安装 cnpm i @vitejs/plugin-vue-jsx 然后去vite.config.ts里加配置 import vueJsx from '@vitejs/plugin-vue-jsx' plugins: [ vue(), vu ......
记录--Vue使用CDN引入，响应式失效？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 最近心血来潮，想要在本地开发时，也用CDN的方式引入 Vue，想着既然通过CDN引入了，那么在项目中就没必要再 import Vue，然后把项目中引入 Vue 的地方都删掉，结果改完后，界面看似正常运行，但数据变更后，界面没有重新渲 ......
vue项目：如何在编辑用户信息后，能够及时更新layout下的navar组件中的用户名，而不是手动刷新？
问题描述：layout下的navar组件中展示用户名，初始化时进入layout层会进入mouted中请求接口数据展示名称，但是在编辑弹框中编辑成功后，关闭弹框，此时不会走layout的mouted，因为layout组件的mouted已经加载过一次了，不手动刷新浏览器是不会走mouted生命周期的。那 ......
vue的响应式原理：依赖追踪
在明白原理之前，我们有很多表面现象、使用场景需要记忆。明白了原理后，你会发现它们已经不需要记了，因为从原理出发，你自己都能把它们推导出来，一切是那么的自然而然。感觉就是：这还用记吗？很明显嘛！ 之前我对vue的响应式原理，只是一知半解，导致开发中经常会出现疑问，比如：为什么有的数据它不响应？模板中用 ......
vue3 demo
<script setup> import { computed, ref } from "vue"; // const blog = ref({ // title: "Vue3 基础教程", // content: "Vue3 在 Vue2 的基础上做了很多优化", // link: "https ......
Systemd 入门教程：实战篇
一、开机启动 对于那些支持 Systemd 的软件，安装的时候，会自动在/usr/lib/systemd/system目录添加一个配置文件。 如果你想让该软件开机启动，就执行下面的命令（以httpd.service为例）。 $ sudo systemctl enable httpd 上面的命令相当于 ......
PostgreSQL: select for update实战
场景 需要获取用户申请的流水号，其值记录在number_of_form表中。但当多个用户同时申请时，会出现单号重复的情况，现在需要保证单据号码的一致性 解决方案 以我搜寻来看，大体有两种做法。 悲观锁：总是假设最坏的情况，也就是每次拿数据的时候，都认为别人会修改，所以每次拿数据，都会对符合条件的数据 ......
JeecgBoot 框架升级至 Spring Boot3 的实战步骤
总有人问 JeecgBoot 何时支持 jdk17 和 springboot3，目前官方已经推出了 SpringBoot 3 分支，大家可以提前下载体验 https://github.com/jeecgboot/jeecg-boot/tree/springboot3 ......
[转]vue3+tsx开发语法详解
原文地址:vue3+tsx开发语法详解 - 知乎 很多组件库都使用了TSX的方式开发，主要因为其灵活性比较高，TSX和SFC开发的优缺点就不介绍了，这里主要说一下将SFC项目改造为TSX的过程。 安装JSX库 pnpm install @vitejs/plugin-vue-jsx -D 安装完之后在 ......
[转]在 vue3 中优雅的使用 jsx/tsx
原文地址:在 vue3 中优雅的使用 jsx/tsx - 掘金 前言 相信 react 的伙伴对于 jsx/tsx 都不陌生吧，现在在 vue3 中也可以使用 jsx/tsx 语法拉。 安装插件（@vitejs/plugin-vue-jsx） vite官方提供了官方的插件来支持在vue3中使用jsx ......
vue3 01项目的创建
npm init vue@latest 看需求选择 紧接着cd 到自己的项目文件下 npm i一下安装依赖 npm run dev 启动项目 ......
【实战技能】 单步运行源码分析，一期视频整明白FreeRTOS内核源码框架和运行机制，RTOS Trace链表功能展示
从源码的角度来看，OS内核源码就是通过各种链表组装起来的，FreeRTOS就是下面几个链表组成的。FreeRTOS的调度，任务切换就是倒腾这几个链表。而其它的几款OS是一个链表就一撸到底了，FreeRTOS是搞了好几个。所以视频里面就重点介绍下这个，其它的支持的也做个拓展说明。 搞清楚这几个链表也就 ......
学习Vue3 第六章（认识Ref全家桶）
ref 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象仅有一个 .value property，指向该内部值 <template> <div> <button @click="changeMsg">change</button> <div>{{ message }}</div> ......
c++17实战手册（1）
目录C++17概述 C++17概述 C++是基于C语言（ISO/ IEC 9899 : 2011标准定义）扩展形成的程序设计语言，对C语言提供的机制作了以下扩充： 更多的数据类型 类 模板 异常 名字空间 额外的库机制 ......