前端 终端 实战vue
黑马前端必会单词300个-美式发音-2023
# 墨墨背单词 - 使用墨墨的云词库搜索：**黑马前端必会单词 300 个** - 艾宾浩斯记忆法的虚假与真相 [科普视频](https://www.bilibili.com/video/BV1yF411s7SN) ![image](https://img2023.cnblogs.com/blog/ ......
前端工程项目规范化
> 在 vue3 、ts、vite 项目中使用 eslint与prettier与stylelint与husky的详细指南 ## 创建项目 这里以vue项目为例 ```bash pnpm create vite my-vue-app --template vue-ts ``` 为什么需要eslint与 ......
【解决】Vue 高德地图自定义地图样式，无法显示、无法生效的问题
之前修改这个搜索框的样式，一直不生效，后面经过查找发现问题如下： 1、不能把样式放在scoped样式里面，还有就是不能写deep ......
vue xlsx组件 导出的excel表头插入内容
主要就是sheet_add_dom这个方法， dom是带有table标签元素的dom节点。 timeData是个二维数组：[["条件1","条件2"]，["值1","值2"]]; 如果是要在表格内容行里面插入内容，可以直接在与表格绑定的对象上，插入内容就可以了。 /*timeData 是二维数组*/ ......
Vue路由中resetRouter重置routes的参数hidden时无法生效
记录：如题，当在静态的router中设置伪权限，即设置routes路由的参数hidden 代码如下： import store from "@/store"; // 伪权限，设置定时器的原因是router/index.js中无法及时拿到store var timer = setInterval(() ......
前端项目中，一些好的写法
### 请求 ``` const handldeComfirmTermwork = async (params) => { // async 异步函数标识 try { //捕获错误信息 const { id, sid, label } = params // 解构赋值 const res = awa ......
Vue3 中组合式API 与 React Hooks 的区别是？
Vue3 中组合式API 与 React Hooks 的区别是？ 1. 调用顺序 Vue3：组合式API不限制调用顺序，可以有条件地进行调用 React-hooks：有调用顺序的限制，不可以写在条件分支中 查看源码分析：例如：useState定义的变量会放在一个数组中，在条件分支中需要根据条件定义变 ......
vue解决密码input框内回显浏览器之前保存的账号密码
问题： 浏览器保存登录的账号密码之后，在界面修改会自动回显到input框内，影响观感使用。 解决办法： 给input加上属性 autocomplete="new-password" readonly onfocus="this.removeAttribute('readonly'); this.ty ......
nethunter终端进入KALI时报错问题
在我的设备安装`Nethunter`成功后，使用`NetHunter`内置的连接终端工具连接时报了一个这样的错误 ```shell zsh: failed to load module `zsh/zle': /usr/lib/aarch64-linux-gnu/zsh/5.9/zsh/zle.so: ......
vue介绍和基本使用，插值语法，文本指令和事件指令
# 1 前端的发展史 ```python # 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 -javascri ......
GNS3+SecureCRT+WireShark项目实战
GNS3+SecureCRT+WireShark项目实战 一、安装WireShark 在安装WireShark前先安装winpcap 双击安装包，按照默认直接一直下一步完成安装 二、安装GNS3 双击安装包，按照默认直接一直下一步完成安装 三、安装SecureCRT 四、在GNS3中进行设置关联Se ......
Vue之前端的发展史、介绍 和 基本使用、第一个helloworld、插值语法、文本指令、事件指令
[toc] # 一、前端的发展史 - 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 -javascript=E ......
vue发展历史&差值语法&文本指令
## 1 前端的发展史 ```python # 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 -javascr ......
java为实体动态添加字段 并返回给前端
对于线上已经在用的接口，要动态的扩展返回数据的字段，并且不同的调用商需要的字段不一样，为了A客户增加了一个字段，不能把字段返回给B，防止B客户那边也要升级接口。对于开始加一两个字段我还可以接受：每次返回不同的实例，渐渐的我觉得力不从心了，代码重复太多了，就想到了能不能动态的添加字段呢？首先引入mav ......
活动回顾丨首期阿里云 Serverless 技术创新实战营上海开讲（含 PPT 下载）
5 月 27 日“阿里云 Serverless 技术实战与创新”上海站圆满落幕。活动现场邀请了来自阿里云 一线技术专家，分享当前 Serverless 趋势和落地实践过程中的挑战和机遇；带来 数据库 Serverless 技术架构及应用实践；浅析云原生时代开发者需要的 Serverless 能力，为... ......
vue3实现元素监听滚动事件
// useScroll.js import { debounce } from '@/common/util.js' export default function useScroll(elRef) { console.log('########3useScroll', elRef.value) ......
vue2项目中使用dhtmlx gantt甘特图插件
官网示例地址：https://docs.dhtmlx.com/gantt/samples/ 可以在这里查看绑定数据的格式 ### 安装依赖 ``` npm install dhtmlx-gantt --save ``` ### 创建一个甘特图组件 ```javascript ``` 到这里传入数据就 ......
前端实现全屏展示
## 实现 ```html {{ isFullscreen ? "退出全屏" : "全屏" }} ``` ```js mounted() { //监听是否进入全屏模式 document.addEventListener("fullscreenchange", e => { if (document. ......
vue导出word,docxtemplater,多重遍历，图片以及判断
因为项目报告导出pdf断页问题不能得到很好的解决，所以决定导出word。中间踩过的坑，今天聊作记录，分享与复盘。 其中主要用得到的是docxTemplater，docxTemplater是一个通过模板文件生成word的库，它能最大程度的保证最终生成的word的样式的完整和还原。 1、 依赖安装 // ......
使用vue的简单的纯前端JS验证码实现
## 使用vue的简单的纯前端JS验证码实现 感觉人不能在SQL里面淹死，得看看别的东西了 因为是上班摸鱼偷摸搞的，所以人比较懒，很多东西也懒得修修改改，直接放在一个html文件下了 页面如下  1.文档在线预览（一）通过将txt、word、pdf转成图片实现在线预览功能05-302.文档在线预览（二）word、pdf文件转html以实现文档在线预览05-30 3.文档在线预览（三）使用js前端实现word、excel、pdf、ppt 在线预览06-01 目录 实现 ......
Vue3 尝试小记
### 1.安装vue 使用 npm 或 yarn 安装 Vue 3： ```javascript # npm npm install vue@next # yarn yarn add vue@next ``` ### 2.创建项目文件夹 在命令行中，输入以下命令，在根目录下创建一个项目文件夹： m ......
作为一个后端，要拉前端代码下来在自己电脑，并且跑起来--以下步骤很精准
1.安装nodejs--注意nodejs的版本--尽量不要用高版本的，坑多2.验证nodejs是都安装成功 cmd node -v--出现版本号就说明安装成功2.安装vscode 类似idea--运行工具--打开前端项目如何运行vue项目（运行githug下载的vue项目） - CodeAntenn ......
Vue通用下拉树组件@riophae/vue-treeselect的使用
vue-treeselect是一款下拉树通用组件。@riophae/vue-treeselect 是一个基于 Vue.js 的树形选择器组件，可以用于选择树形结构的数据。它支持多选、搜索、异步加载等功能，可以自定义选项的样式和模板。该组件易于使用和扩展，适用于各种类型的项目。 npm：https:/ ......
前端学习路线图roadmap（转）
# 前端学习路线 > 这份学习路线并不完美，也不会有最终形态，正如前端不可预见、永无止境的未来。 💂 + 💻 = 👴🏽 建议先观看视频导读：https://www.bilibili.com/video/BV1nh411e7oG/ ## 路线特点 1. 一份全面的前端知识点大梳理和汇总 2. ......
uniapp+vue3+ts 使用pinia报错
"hasInjectionContext" is not exported by "node_modules/vue-demi/lib/index.mjs", imported by "node_modules/pinia/dist/pinia.mjs". 11:36:19.397 at ../no ......
C++控制台实现串口类似超级终端收发功能
#include <iostream> #include <windows.h> #include <thread> class SerialPort { public: //构造函数，打开串口并设置参数 SerialPort(const char* portName) { hSerial = Cr ......
vues全局使用WebSocket 多次吊起
// import { showInfoMsg, showErrorMsg } from '@/utils/popInfo' // import ElementUI from 'element-ui'; import { Toast } from 'vant'; function initWebSo ......