前端 终端 实战vue
VUE基础-条件渲染
使用 v-if 指令来有条件地渲染元素： 也可以使用 v-else 和 v-else-if 来表示其他的条件分支： 完整示例： ``` toggle {{awesome}} Yeah Yeah Oh no 😢 ``` ......
求推荐丨想提升实战技能，寻找靠谱的网络靶场！
背景介绍： 自学网络安全知识，具备一定的理论基础，缺乏实战经验，想去网络靶场体验一下，通过实操能快速提升实战技能！ 可推荐的网络靶场： 经过对比后，发现春秋云境.com漏洞靶标多，类型丰富，最重要的是完成注册就能快速上手，就它了！ 春秋云境com介绍 作为首家云上靶场，基于平行仿真技术的成熟应用，集 ......
VUE基础-表单绑定
我们同时使用v-bind 和 v-on 来在表单的输入元素上创建双向绑定： 完整示例如下： ``` {{ text }} ``` 为了简化双向绑定，Vue 提供了一个 v-model 指令，它实际上是上述操作的语法糖： `````` v-model 会将被绑定的值与 ` `的值自动同步，这样我们就不 ......
在VUE中使用vue-baidu-map获取经纬度和搜索地址
在开发项目的时候，发现需要获取经纬度，由于这个项目是用vue写的，最后决定使用vue-baidu-map来快速获取经纬度 基于 Vue.js 封装的百度地图组件，运行流畅，代码简单易懂，几乎包含了百度地图官方的所有API，文档地址:https://dafrok.github.io/vue-baidu ......
VUE基础03-事件监听
##事件监听 使用`v-on`指令监听DOM事件： ```{{ count }}``` 因为其经常使用，`v-on` 也有一个简写语法： ```{{ count }}``` 完整实例 ``` count is: {{ count }} ``` ......
VUE基础02-熟悉绑定
## attribute绑定 vue中为了给属性绑定一个动态值，需要使用v-bind指令： `````` 指令是由 v- 开头的一种特殊 attribute。 冒号后面的部分 (:id) 是指令的“参数”。此处，元素的 id attribute 将与组件状态里的 dynamicId 属性保持同步。 ......
VUE基础01-响应式
## SFC（Single-File Component，缩写为 SFC） SFC 是一种可复用的代码组织形式，它将从属于同一个组件的 HTML、CSS 和 JavaScript 封装在使用 .vue 后缀的文件中。 ## 响应式 ### reactive() reactive() 只适用于对象 ( ......
Vue 学习 day1
摘要： 我们传入 createApp 的对象实际上是一个组件，每个应用都需要一个“根组件”，其他组件将作为其子组件。 应用根组件的内容将会被渲染在容器元素里面。容器元素自己将不会被视为应用的一部分。 .mount() 方法应该始终在整个应用配置和资源注册完成后被调用。同时请注意，不同于其他资源注册方 ......
Vue3+.net6.0 四 计算属性 computed
跟Vue2一样，我们在工作中使用data中的属性时，很多时候不是直接拿来用，而是要经过一些计算，判断，筛选的过程。 比如一个数组，我们可能在使用前要判断 有没有元素，是否包含某个元素，然后根据不同的情况有不同的展示方式，这些如果都写在html部分，会非常不好阅读，如果多个地方要做类似的判断，则会大大 ......
vue3中父组件与组件之间参数传递，使用(defineProps/defineEmits)，涉及属性传递，对象传递，数组传递，以及事件传递
## Vue3 中子父组件之间的通信 ### 一、父组件传递参数到子组件 采用defineProps #### 传递属性 父组件: ```vue 这是父组件 父组件像子组件传递参数 传递属性值 ``` 子组件: ```vue 这是子组件 属性值接收区 父组件传值接收区：字符型：{{ fatherMe ......
跨越HTTP无状态边界：Cookie与Session在Django中的实战应用
**本文深入探索了Django中的Cookie和Session，解析了如何应对HTTP协议的无状态性问题，说明其基础概念，分析工作原理，并讨论何时应选择使用Cookie或Session。文章进阶部分，提出高效管理Cookie和Session，以及如何利用它们进行用户身份验证。** ## HTTP协议 ......
【趣味JavaScript】我的天! 居然工作了5年的前端开发都不知道eval函数其中居然暗藏玄机!
>🚀 个人主页 **极客小俊** >✍🏻 作者简介：web开发者、设计师、技术分享博主 >🐋 希望大家多多支持一下, 我们一起进步！😄 >🏅 如果文章对你有帮助的话，欢迎评论 💬点赞👍🏻 收藏 📂加关注  NPM更新到最新版 使用npm install npm install -g npm 查看源 先看看源指向哪里： npm config get registry 默认是指向 https://registry.n ......
Vue3+.net6.0 三 响应式基础，methods
这里的示例都用选项式风格 在 Vue 3 中，数据是基于 JavaScript Proxy（代理） 实现响应式的。 这个示例中输出是false，因为当你在赋值后再访问 this.someObj，此值已经是原来的 newObj 的一个响应式代理。 需要注意的是newObj 并不会变成响应式。 <scr ......
前端基础-js篇（二）
1.break和continue有什么区别？ 共同点：break和continue都用于循环控制，但他们的工作方式有所不同。 区别：（1）. Break: 当循环遇到break语句时，它会立即终止当前正在执行的循环，并且完全跳出该循环，不再执行剩下的迭代。此外，程序将继续执行break语句后面的代码 ......
Vue插件
### 介绍 插件 (Plugins) 是一种能为 Vue 添加全局功能的工具代码。下面是如何安装一个插件的示例： ``` js import { createApp } from 'vue' const app = createApp({}) app.use(myPlugin, { /* 可选的 ......
14-前端模块化
# 1. 为什么要模块化 随着前端项目越来越大，团队人数越来越多，多人协调开发一个项目成为常态。例如现在小明和小张共同开发一个项目，小明定义一个aaa.js，小张定义了一个bbb.js。 > aaa.js ```javascript //小明开发 var name = '小明' var age ......
vue-electron 批量生成 PDF
> 最近有个需求，需要批量下载 pdf，单份还好，但多份时会超时。 需要改成一份一份下载，先选择下载的存储路径，再自动下载到选择的目录中，一开始使用了 will-download，但在测试过程中，测服下载速度很慢，发现保存地址还是会弹出来，下载一次弹出一份。 因此打算试试利用 electron 原来 ......
ubuntu 终端ESP32系列 idf.py monitor 键盘快捷键
IDF Monitor 使用esp-idf-monitor包作为串行终端程序，用于在目标设备的串行端口之间转发串行数据。它还提供一些 IDF 特定的功能。 IDF Monitor 可以通过运行从 IDF 项目启动。#idf.py monitor 为了与 IDF Monitor 轻松交互，请使用表中给 ......
【HTML+CSS兼容性】 li中插入img元素之间存在空隙BUG问题+解决方案 前端零基础必须知道的事情!
>🚀 个人主页 **极客小俊** >✍🏻 作者简介：web开发者、设计师、技术分享博主 >🐋 希望大家多多支持一下, 我们一起进步！😄 >🏅 如果文章对你有帮助的话，欢迎评论 💬点赞👍🏻 收藏 📂加关注 ![](https://img-blog.csdnimg.cn/8980b6c ......
【开发工具】WebStorm 前端开发神器菜鸟必备,全网最稳定靠谱的安装教程 一镜到底、全程图文并茂、通俗易懂!
>🚀 个人主页 **极客小俊** >✍🏻 作者简介：web开发者、设计师、技术分享博主 >🐋 希望大家多多支持一下, 我们一起进步！😄 >🏅 如果文章对你有帮助的话，欢迎评论 💬点赞👍🏻 收藏 📂加关注 ### 介绍 🙂 ![](https://img-blog.csdnimg. ......
永磁同步电机pmsm二阶全局快速终端滑模控制matlab模型 自己
永磁同步电机pmsm二阶全局快速终端滑模控制matlab模型自己做的永磁同步电机gftsmc控制。控制思路如图2。优点在于电机参数修改后，修改相应的定义块就可以，简单粗暴方便。有连续型的，也有离散型的。还有pi控制的，也是一样，参数修改简单粗暴购前需知:1.该模型是基于2021的simulink搭建 ......
内存溢出案例实战
内存溢出案例实战一.JVM内存参数配置1.给项目的tomcat的catalina.sh添加配置参数cd /usr/src/tomcat-pinter/binvi catalina.sh在第二行添加以下配置：JAVA_OPTS="-Xms512m -Xmx512m -Xmn256m -Xss1024k ......
前端Vue自定义商品订单tabs标题栏选项卡组件 可设置文字下划线颜色
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
前端Vue自定义精美横向步骤条组件 水平步骤条组件 可用于电商跟进商品订单状态
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
vue-day15--key的作用与原理
面试题 react vue 中 的key 有什么作用（key 的内部原理） 1.虚拟DOM中key的作用 key是虚拟对象的标识，当数据发生变化时，Vue会根据新数据生成新的虚拟DOM，随后Vue进行新虚拟DOM与旧虚拟DOM的差异比较。 2.对比规则 ①旧虚拟DOM找到了与新虚拟DOM相同的key ......
vue-day15--列表渲染
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>列表渲染< ......
web前端 第四天总结
案例1：盒子模型 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> ......
前端框架及项目面试－聚焦Vue、React、Webpack
第1章 课程导学介绍课程制作的背景和课程主要内容。第2章 课程介绍先出几道面试真题，引导思考。带着问题来继续学习，效果更好。第3章 Vue 使用Vue 是前端面试必考内容，首先要保证自己要会使用 Vue 。本章讲解 Vue 基本使用、组件使用、高级特性和 Vuex Vue-router ，这些部分的 ......
SkyWalking入门与实战
## SkyWalking部署 ### 一、基础介绍 #### 1.1 概念 SkyWalking是一个国产的开源框架，2015年由吴晟个人开源，2017年加入Apache孵化器，国人开源的产品，主要开发人员来自于华为，2019年4月17日Apache董事会批准SkyWalking成为顶级项目，支持 ......