前端 终端 实战vue
安装node、npm和vue3
1. 首先安装node和npm node.js安装地址 https://nodejs.org/en/download/ 2. 下载完安装好后，打开终端命令验证是否安装成功 node -v npm -v 3. 安装vue3 npm install -g @vue/cli 4.创建vue3项目 npm ......
实战红队挖掘漏洞---用友时空KSOA v9.0版本ImageUpload任意文件上传漏洞+getshell
前言，本次笔记是记录在工作中的打红队时挖到的用友时空KSOA任意文件上传漏洞。 emmm，怎么说呢，就是又在一次加班码到晚上十点的时候，挖掘到了一个用友时空ksoa v9.0文件上传漏洞。 大家先看看长什么样吧，大概就这样！版本这么明目张胆的就展现在我面前，不找一下这个版本漏洞都对不起这么大个字在我 ......
Vue之后端交互、计算、监听、组件间通信
一、与后端交互三种方式 1、 2、 3、 4、小电影案例 html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdeli ......
4-web前端 盒子模型、行内块、浮动问题、无意义标签
1、图文对齐（搜索框） 图片标签是典型的行内块元素 除此之外行内块元素还有表单元素input、button （行内块元素既可以设置宽高又可以和行元素在一行 行内块的转换问题 display （block块、inline行、inline-block行内块、none隐藏 转换后两个块中间存在空隙问题 2 ......
vue:安装使用screenfull(screenfull@6.0.2/ vue@3.3.4)
一，官方站: 官网地址: https://sindresorhus.com/screenfull/ 代码地址: https://github.com/sindresorhus/screenfull.js 二，安装: 1,安装 root@lhdpc:/data/vue/responsive# npm ......
vue3 组件
学习随笔（Vue3 组件） 该随笔是根据b站小满zs的Vue3 + vite + Ts + pinia + 实战 + 源码 +electron的视频学习写的，Vue3 + vite + Ts + pinia + 实战 + 源码 +electron ......
vue:安装使用nprogress(vue@3.3.4)
一，官方地址: 官方站: https://rstacruz.github.io/nprogress/ 代码站: https://github.com/rstacruz/nprogress 二，安装/引入: 1,安装 root@lhdpc:/data/vue/responsive# npm insta ......
vue:run时报错:EACCES: permission denied(vue@3.3.4)
一，报错信息: [eslint] EACCES: permission denied, open '/data/vue/responsive/node_modules/.cache/eslint/43541cdc.json’ 如图: 二，解决 切换拒绝访问的文件的owner liuhongdi@lh ......
直播平台搭建，使用vue-pdf 实现pdf在线预览并且自定义预览框高度
直播平台搭建，使用vue-pdf 实现pdf在线预览并且自定义预览框高度 .pdf-preview { height: 100%; } 解决方案：提高指定样式的应用优先权（优先级） .pdf-preview { height: 100%; } // 穿透vue-pdf插件中的canvas样式 . ......
Serilog实战
提问 快速上手Serilog步骤 回答 引用 Serilog.Sinks.Async Serilog.Sinks.File Serilog.Sinks.Console 2.配置 appsetting.sjon 加入如下项 "Serilog": { "MinimumLevel": { "Default ......
2-web前端 音频、视频、表格、表单
1.音频 2.视频 3.有序无序列表 有序列表：ol>li ol内必须是li,li内没限制 无序列表：ul>li ul内必须是li,li内没限制 4.表格 th 字体加粗并居中 示例： 案例：个人简历 5.表单 针对表单整理的相关问题： <!-- action:行动 提交的地址 服务器地址 后台地址 ......
13_实战 USB鼠标
实战: USB鼠标 新建项目Embeded_USB 打开时钟晶振 打开Debug 打开USB PA12 PA11 自动打开 打开USB协议栈 修改时钟晶振 项目配置 Feil5 代码编写 JLink配置 项目运行 1项目编译, 下载后, 用usb连接到芯片安卓接口 2到桌面查看运行情况 ......
Vue-与后端交互的三种方式、箭头函数
与后端交互的三种方式 前后端需要打通 》从前端发送ajax 》ajax的核心：使用js发送http请求，接收返回 - 原生js，可以开启ajax，但是原生js开启，比较麻烦，需要做浏览器兼容，有坑（基本不写） - jq，写了个兼容所有浏览器的 $.ajax()，不仅仅有ajax，还封装了很多dom操 ......
02_实战项目Zlog日志框架
Zlog日志 注释控制日志打印 //printf("app start\n"); printf("app start\n"); printf("app start\n"); //printf("app start\n"); printf("app start\n"); //printf("app s ......
3-web前端 css 网页样式语言，基础语言、盒子模型、浮动
html和css的关系： HTML（HyperText Markup Language，超文本标记语言）是用于创建网页的标准标记语言。它负责定义网页的结构和内容。HTML使用各种标签来包含文本、链接、图 片、视频等元素，并可以与如JavaScript等其他技术结合使用，实现网页的动态功能。 CSS ......
1-web前端 基础标签 、图片、超链接
vscode 编译器下载地址: https://code.visualstudio.com/ 1、下载完vscode后安装的三个小插件：chinese（中文）、live serve、会了吧（翻译） 2、每个打开的网络页面都有html编码，可以进行编码查询和编码检查 3、vscode的三种创建编码文件 ......
vue3中的axios进行封装代理的使用（webpack）
1.安装axios npm install axios 2.在util文件夹下新建axios.js文件，用来处理axios拦截器 axios.js内容：（注意：其中router需要写成这种形式，不然会报 Uncaught (in promise) TypeError: Cannot read pro ......
Vue中的watch和mounted的区别
功能不同：watch是用来监听数据的变化，当数据变化时执行异步操作或开销较大的操作；而mounted是在Vue实例被挂载到DOM后执行的函数，主要用于初始化数据和操作DOM。 执行时间不同：watch是当数据变化时执行，而mounted是在组件被挂载到页面上后执行。 总的来说，watch更适合用来监 ......
12-Vue核心-绑定样式
class 与 style 绑定 1）在应用界面中，某个（些）元素的样式是变化的 2）class / style 绑定就是专门用来实现动态样式效果的技术 class 绑定样式 写法： v-bind:class = "xxx" 或 :class = "xxx" ，xxx 可以是字符串、对象、数组 1） ......
VUE 给table添加index
el-table :data="data" :row-class-name="tableRowClassName" tableRowClassName({row, rowIndex}) { row.index = rowIndex; }, ......
前端相关字符串
Unicode是国际标准字符集，它将世界各种语言的每个字符定义一个唯一的编码，以满足跨语言、跨平台的文本信息转换。 Unicode只是一个符号集，它只规定了每个符号的二进制值，但是符号具体如何存储它并没有规定。因此，Unicode出现了多种存储方式，常见的有UTF-8、UTF-16、UTF-32，它 ......
前端0基础笔记（2023最新版黑马前端教程笔记）
标签语法 HTML——超文本标记语言 标记是带尖括号的文本 标签成对出现，中间包裹内容 <>里面放英文字母（标签名） 结束标签比开始标签多/ 拓展： 双标签：成对出现的标签 单标签：只有开始的标签，没有结束标签 < b r >:换行 < h r>:水平线 HTML基本骨架： html:整个网页 he ......
震惊！对话就能生成网页，前端er又药丸了？
前两天，Vercel突然推出了v0.dev，用户通过语言描述就能生成精美UI页面，小伙伴们惊掉了下巴。。 V0是何方神圣 带着期待的心情对官网https://v0.dev一番摸索的探索，了解到v0是通过AI模型技术生成交互页面，当前官网的交互是基于Shadcn UI和Tailwind CSS，最终生 ......
Vue-js循环方式、v-model的使用、事件处理、表单控制、购物车案例
js循环方式 在es6语法中：（以后尽量少用var有很多坑） - let：定义变量 - const：定义常量 1. 方式一：for循环，基于索引的循环 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Titl ......
前端远程调试方案 Chii 的使用经验分享
前端远程调试方案 Chii 的使用经验分享 Chii 是与 weinre 一样的远程调试工具 ，主要是将 web inspector 替换为最新的 chrome devtools frontend 监控列表页面可以看到网站的标题链接，IP，useragent，可以快速定位调试页面，监控页信息完善，支 ......
Vue之js循环方式、v-model 的使用、事件处理、表单控制、购物车案例、v-model修饰符
js循环方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js循环方式</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6. ......
vue-dayu03
js循环 方式一：基于索引的循环 <script> let i=0 for (;i<10;){ console.log(i) i++ } let good_list = [1, 2, 3]for (let j = 0; j < good_list.length; j++) { console.log ......