前端 终端 实战vue

vue2 指令- unaipp

指令 指令是有 v- 前缀的特殊属性。 指令属性的值预期是单个 JavaScript 表达式 (v-for 是例外情况)。 指令的作用是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。 一些指令能够接收一个“参数”,在指令名称之后以冒号( : )表示。 v-bind 动态地绑定一个 ......
指令 unaipp vue2 vue

odoo owl前端 action 通知

setup (){ this.action = useService("action"); } this.action.doAction({ type: 'ir.actions.client', tag: 'display_notification', params:{ 'title': "提醒", ......
前端 action odoo owl

手撕Vue-构建Vue实例

前言 要想使用Vue必须先创建Vue的实例, 创建Vue的实例通过new来创建, 所以说明Vue是一个类, 所以我们要想使用自己的Vue, 就必须定义一个名称叫做Vue的类。 只要创建好了Vue的实例,Vue就会根据指定的区域和数据,去编译渲染这个区域,所以我们需要在自己编写的Vue实例中拿到数据和 ......
Vue 实例

vue 学习笔记

https://www.bilibili.com/video/BV13m4y1Y7MD 安装 vue cli 1 安装 node.js 要求 node.js 12+版本, https://nodejs.org/zh-cn 首页下载安装lts版本,如果已安装就覆盖安装 vscode 终端或cmd中 输 ......
笔记 vue

第8期ThreadX视频教程:应用实战,将裸机工程移植到RTOS的任务划分,驱动和应用层交互,中断DMA,C库和中间件处理等注意事项

视频教程汇总帖:https://www.armbbs.cn/forum.php?mod=viewthread&tid=110519 这个是我们初学RTOS面临的最直接问题,很多时候,简单的RTOS机制明白了,API也会调用了,就是添加到RTOS后,总感觉那里不对劲,怎么使用才是正确姿势。 针对这些问 ......

前端利用fetch实现服务器健康检查

最近公司赛事较多,一些大型赛事部署了多台服务器,为了实时了解的运行状态,保障服务器正常运行,我用前端实现了一个服务器健康检查程序,可设置自动轮询检查或手动检查。 使用fetch发送ajax请求(服务器需要设置允许跨域),判断请求状态和结果来得出正常、超时、连接失败状态。代码使用vue3了浏览器版前端 ......
前端 服务器 fetch

vue3+vite+ elementplus项目部署到gitee pages并发布

1.在gitee上新建仓库 命名:demo-vite-vue3 2.把新建的仓库克隆到本地 3.在本地的master分支编写代码并上传 把分支定位在master分支上 通过git工具把本地完成的代码上传到gitee的demo-vite-vue3仓库中去 git pull git add . git ......
elementplus 项目 gitee pages vue3

Vue框架快速上手

Vue基础 vue指令 内容绑定 v-text 设置标签的内容一般通过双大括号的表达式{{ }}去替换内容 {{ hello }} v-html 与v-text类似区别在于html中的结构会被解析为标签设置元素的innerHTML,v-text只会解析文本 事件绑定 v-on 可以简写为@,绑定的方 ......
框架 Vue

Vue

Vue.js快速入门 一、前端技术栈 1、HTML:超文本标记语言。 2、CSS:样式层叠器。 3、javaScript:弱类型脚本语言,常用于动态DOM操作。 常用:ES5(所有浏览器支持)、ES6(主流使用,主流浏览器支持,可通过WebPack脚手架编译成ES5语法)。 4、JQuery:大家熟 ......
Vue

渗透测试实战-CS工具使用

使用Cobalt Strike工具做渗透测试,本文包含搭建CS服务器,通过生成克隆钓鱼网站和生成木马进行后渗透,熟悉使用CS工具和理解测试原理。 ......
实战 工具 CS

【前端动画】—— 再看tweenJS

16开始接触前端,一直对一个问题特别感兴趣,那就是js动画,也就是从那时起开始探究动画的各种表现形式,也是那个时候开始意识到编程这块东西最终考验的就是抽象和逻辑,而这一切完全是数学里边的东西。最早接触tweenJS是去年还是前年来着有点忘了,不过当时有点不大看得懂,勉勉强强算是过了一遍,不过有了这个 ......
前端 tweenJS 动画

《供应商管理与运营实战》的笔记

供应商管理与运营实战 柳荣 沙静 著 前言 2023-08-29 21:37 提及供应商管理,很多企业内部都认为是采购部门的事情,这样的认知对企业的发展有百害而无一利。在供应商和企业之间产生的各个触点,如研发环节、采购环节、生产环节、仓储物流环节等,都需要供应商管理,而这是通过跨团队协作才能完成的事 ......
实战 供应商 笔记

Vue之组件基础使用的总结

这两天学习Vue,框框往脑子里面记新东西,无奈本人太笨,记不住太多东西,因此发博客记录并且复习一下。 在学习组件之前,需要先搭建起来脚手架,首先需要安装好node.js(默认大家都安装了) 然后打开命令行窗口,创建项目的路径我就以桌面为例: 首先这是脚手架的官方说明 因此我们需要先全局安装cli的包 ......
组件 基础 Vue

【尚硅谷】Jenkins教程(从配置到实战)

课程链接: 01-Jenkins教程简介_哔哩哔哩_bilibili 课程笔记: https://files.cnblogs.com/files/henuliulei/Jenkins.zip?t=1696162767&download=true Jenkins Jenkins,原名 Hudson,2 ......
实战 Jenkins 教程

Vue3 appear 失效 如何使用 appear

最近在学习 vue3 的动画时遇到 appear 无法生效的问题 问题的具体表现: 看以下代码,按理应该来说,如果我们设置 fuct-appear-from,fuct-appea-active 后在元素初始出现时应该会有一个效果 html <Transition name="fuct" appear ......
appear Vue3 Vue

【13.0】Fastapi中的Jinja2模板渲染前端页面

【一】创建Jinja2引擎 # 必须模块 from fastapi import Request # 必须模块 from fastapi.templating import Jinja2Templates # 创建子路由 application = APIRouter() # 创建前端页面配置 te ......
前端 模板 Fastapi 页面 Jinja2

【matplotlib 实战】--堆叠面积图

堆叠面积图和面积图都是用于展示数据随时间变化趋势的统计图表,但它们的特点有所不同。面积图的特点在于它能够直观地展示数量之间的关系,而且不需要标注数据点,可以轻松地观察数据的变化趋势。而堆叠面积图则更适合展示多个数据系列之间的变化趋势,它们一层层的堆叠起来,每个数据系列的起始点是上一个数据系列的结束点 ......
matplotlib 实战 面积

MSF恶意程序利用【实战】

后门的生成是为了更好的理解渗透过程中的方法以及途径,进而达到更好的防护,而不是利用技巧去做攻击等不合理的行为。 思路:利用社会工程学中人的心理,为某些软件利用msf生成一些后门程序,进而通过带有后门的软件实现渗透获取shell 。 ......
实战 恶意 程序 MSF

Go每日一库之151:aurora(终端输出上色)

## 背景介绍 今天跟大家推荐一款可以给终端输出上色的工具--[aurora](https://github.com/logrusorgru/aurora)。 ![](https://img-blog.csdnimg.cn/20200405145155570.png) ## 极速上手 ### 准备工 ......
终端 aurora 151

Go每日一库之164:uiprogress(终端进度条)

今天给大家推荐的是在终端(terminal)下能够显示进度条的工具:**uiprogress**。先看下使用该包的效果图: ![](https://mmbiz.qpic.cn/mmbiz_gif/l6hSQtEH258bia0icDuQkibfAuS9T2cvlsXExKzbGhAOhQVzWfeN ......
uiprogress 进度 终端 164

Go每日一库之152:gomacro(终端运行go代码)

`[gomacro](https://github.com/cosmos72/gomacro)` 是一个近乎完整的 Go 解释器,用纯 Go 实现,它同时提供交互式 `REPL` 和脚本模式,并且在运行时不需要 Go 工具链(除了一些非常特殊的场景:在运行时导入第三方包)。它在 Go 标准库之外有两 ......
终端 gomacro 代码 152

Vue双向数据绑定原理-下

Vue双向数据绑定原理-下这一篇文章主要讲解Vue双向数据绑定的原理,主要是通过Object.defineProperty()来实现的,这里我们手写Vue双向数据绑定的原理。 首先我提出一个需求,我的需求是,快速监听对象中所有属性的变化。 首先得要有一个对象,对象的定义代码如下: <script> ......
双向 原理 数据 Vue

22.表单提交验证和前端MD5加密

onclick 用这个函数来绑定,onclick表示点击事件,当某个按钮被点击时发生表单加密就是为了在提交表单的时候对用户的个人隐私进行加密处理,利用md5进行加密可以有效避免恶意用户进行抓包来获取用户的隐私function f() { var zh =document.getElementById ......
表单 前端 MD5 22 MD

Vue双向数据绑定原理-中

defineProperty方法 defineProperty除了可以动态修改/新增对象的属性以外, 还可以在修改/新增的时候给该属性添加get/set方法, 从而实现数据劫持。 defineProperty get/set方法特点 只要通过defineProperty给某个属性添加了get/set ......
双向 原理 数据 Vue

vue:自定义validator/验证规则(element-plus@2.3.12)

一,官方文档地址: https://element-plus.gitee.io/zh-CN/component/form.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E6%A0%A1%E9%AA%8C%E8%A7%84%E5%88%99 二,js代码: 1 2 3 4 5 6 ......
element-plus validator 规则 element plus

vue:el-table在resize时报错(element-plus@2.3.12)

一,报错信息: Uncaught runtime errors: × ERROR ResizeObserver loop completed with undelivered notifications. at handleError (webpack-internal:///./node_modu ......
element-plus el-table 时报 element resize

vue中+芝士整形误判为字符型

if(this.chart '+'){ return this.num1*1 + this.num2*1 } 乘个一就i行啦! ......
字符 vue

vue处理响应式的思路

首先看如下js代码 let a = '张三'console.log(a) // 当前页面展示的是张三 a = '李四' 首先页面刚开始渲染的时候数据a为张三,之后将a修改为了李四以后页面不会发生改变,但是数据已经修改了,vue为了解决这一问题,采用响应式的办法。 通过对象的definePropert ......
思路 vue

Vue自定义指令

定义指令 全局定义 // 指令名称为:mydirec1 Vue.directive('mydirec1', { // 指令配置 }) // 指令名称为:mydirec2 Vue.directive('mydirec2', { // 指令配置 }) 之后,所有的组件均可以使用mydirec1和mydi ......
指令 Vue

【matplotlib 实战】--面积图

面积图,或称区域图,是一种随有序变量的变化,反映数值变化的统计图表。 面积图也可用于多个系列数据的比较。这时,面积图的外观看上去类似层叠的山脉,在错落有致的外形下表达数据的总量和趋势。面积图不仅可以清晰地反映出数据的趋势变化,也能够强调不同类别的数据间的差距对比。 面积图的特点在于,折线与自变量坐标 ......
matplotlib 实战 面积