前端 终端 实战vue
vue简单适配方案
# vue2+webpack 使用 ***postcss-pxtorem*** 插件 ```json npm install postcss-pxtorem -dev --save ``` 在vue.config.js中 ```js module.export = { ... css:{ loade ......
用vue-contextmenujs进行右键菜单的操作
1.安装依赖 npm install vue-contextmenujs 2.引用在main.js中 import Contextmenu from "vue-contextmenujs" Vue.use(Contextmenu); 3.使用示例 我是在elementui表格中使用的 <templa ......
前端课的总结
在这个课上我学会了很多知识，包括之前大学学过的，也包括没学过的，总而言之，在这个课上学到了很多有用的东西除了学习知识，还积累了一些好句子 我认为比学习更重要的是要知道为什么去学习，学他的意义在哪里。而后我们要进行专升本的学习，这也是为当时高考的年少轻狂买单， 我很喜欢nba解说于嘉老师说过的几句话， ......
使用vue-clipboard2进行复制操作
1.安装依赖 npm install --save vue-clipboard2 2.引入 import VueClipBoard from 'vue-clipboard2' Vue.use(VueClipBoard) 3.示例有两种使用方法 参考https://blog.csdn.net/Li8L ......
使用Vue CLI创建uniapp项目，搭建模板
使用Vue CLI创建uniapp项目，搭建模板，不仅可以HBuilder打包，也可以npm命令行运行及打包、发布。 要使用 Vue CLI 创建 Uniapp 项目并配置模板，以便在 HBuilder 中打包以及使用 npm 命令行运行、打包和发布，可以按照以下步骤进行操作： 1. 安装 Vue ......
前端播放m3u8格式视频
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>前端播放m3u8格式视频</title> <link href="https://vjs.zencdn.net/7.4.1/video-js.css" r ......
【13.0】前端基础JavaScript之JS事件案例
# 【13.0】前端基础JavaScript之JS事件案例 # 【一】开关灯示例 ```html Title 变色 ``` # 【二】input框获取/失去焦点 ```html Title ``` # 【三】实时展示当前时间 ## 【1.0】基础版 ```html Title ``` ## 【2.0 ......
vue实现接受后台文件流转文件并下载
接受到的文件流是这样的 1，首先在请求时加上 responseType:'blob' request({ url: "url", method: "get", responseType:'blob', //加上这一行 params:params }) 2,在获取到返回来的文件流后进行处理 //传的参 ......
【14.0】前端基础jQuery之引入
# 【14.0】前端基础jQuery之引入 # 【一】什么是jQuery - jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 - jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编 ......
使用vue-super-flow的使用进行工作流的梳理
1.安装依赖 npm install vue-super-flow 2.在页面中引用 <template> <super-flow></super-flow></template> <script > import SuperFlow from 'vue-super-flow' import 'vu ......
前端Vue自定义顶部导航栏navBar 导航栏搜索框searchBar 导航栏右侧菜单按钮button
#### 前端Vue自定义顶部导航栏navBar 导航栏搜索框searchBar 导航栏右侧菜单按钮button，下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13342 #### 效果图如下:  ### 1. 添加Swagger-UI配置,修改MyBatis Generator注释的生成规则 文档地址:https://www.macrozheng.com/mall/architect/mall_arch_02.html#%E7%B ......
模型剪枝：Network Slimming剪枝实战
本文来自公众号“AI大道理” Network Slimming剪枝是比较广泛的一种模型剪枝方法，作者来自清华大学、英特尔中国实验室、复旦大学和科内尔大学。 添加图片注释，不超过 140 字（可选） 1、Network Slimming剪枝理论 Network Slimming剪枝是结 ......
Git安装与windows终端配置Git-bash
### Git概述 #### 简介 Git是一个分布式版本控制工具，通常用来对软件开发过程中的源代码文件进行管理。通过Git仓库存储和管理这些文件，Git仓库分为两种： * 本地仓库：开发人员自己电脑上的Git仓库 * 远程仓库：远程服务器上的Git仓库 commit：提交，将本地文件和版本信息保存 ......
11：vue3 组件传递数据 Props
1、父子组件通过Props传递数据，数据可以为固定数据，也可以多个数据，也可以动态数据 新建Parent.vue组件 1 <template> 2 <h3>Parent</h3> 3 <Child gd_title="Parent传固定数据" gd_title2="传递第二个参数" :dt_titl ......
vue（三）模板语法
{{}} 数据绑定最常见的形式就是使用Mustache {{}}（双大括号）语法的文本插值 {{}} 还接受单个表达式，如加减运算、三元运算等。 一般配合js中的data()设置数据 <span>Message: {{msg}} </span> export default { name:"tom" ......
分页查询-前端
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .el-table .warning-row { background: oldlace; } .el-table ......
vue（二）vue组件
单文件组件 在其他框架都鼓励把模板、逻辑和样式的代码区分成不同文件的时候，Vue 却反其道行之。使用单文件组件，Vue 把模板、相关脚本和 CSS 一起整合放在 .vue 结尾的一个单文件中。这些文件最终会通过 JS 打包工具（例如 Webpack）处理，这意味着你可以使用构建时工具。你可以使用比如 ......
vue（一）vue项目结构
安装 Vue npm install -g @vue/clivue --version 创建vue项目 vue create vue-demo 运行项目 cd vue-demonpm run serve 安装vue高亮插件：vscode安装 volar 项目结构 Vue的默认包管理器为 yarn。。 ......
vue3 安装 3d-force-graph
1.首先创建vue3的项目 2.创建好后通过开发工具打开项目并打开命令行，输入指令 npm install 3d-force-graph 安装即可 3.在使用的页面中引入 3d-force-graph <!--官网的 basic案例--> <template> <!-- ref 用于在组件中引用当前 ......
Vue 3.0 reactive/effect
reactive.js: import { isObject } from "../utils"; import { track, trigger } from "./effect"; export function reactive(target) { // 判断 target 类型 // 如果是 ......
Lord Of The Root: 1.0.1实战
##**前言** Description:我创建这台机器是为了帮助其他人学习一些基本的CTF黑客策略和一些工具。我瞄准了这台机器，使其在难度上与我在OSCP上破解的机器非常相似。 这是一个引导到根计算机将不需要任何来宾交互。 有两种设计的权限提升方法。 ##**靶机环境** kali 192.168 ......
关于前端页面设置省略号ellipsis的问题
当内容超过宽度时，禁止换行，使用省略号...代替溢出的内容，一般这样的需求都会经常遇到。 使用css的text-overflow: ellipsis属性，可设置省略号，需要注意的是：1. 如果设置了display: flex，则换行无效。2. 一定要设置宽度 根据标签层级不同，设置省略号的css样式 ......
【12.0】前端基础JavaScript之DOM
# 【12.0】前端基础JavaScript之DOM # 【一】什么是DOM/BOM - 截至目前为止，我们虽然已经学会了js语法，但是还是没办法跟浏览器进行交互 - BOM(Browser Object Model) - 浏览器对象模型 - js代码操作浏览器 - DOM(Docunment Ob ......
数维图Sovit3D快速搭建5G智慧交通系统前端
前言 城市交通是城市社会活动、经济活动的纽带和动脉，对城市经济发展和人民生活水平起着极其重要的作用。 背景 随着我国城市化进程不断加快，现代城市交通问题日益受到人们的关注。特别是汽车数量的与日俱增，给城市带来了大量的污染，极大地影响了城市的发展，而拥堵的道路交通也是我国各大城市发展面临的实际问题。对 ......
基于vue-cli 5 和webpack 5实现微前端
有这么一个需求，项目里有很多业务模块，它们都有引用一些公共组件，每个业务模块打包后都是一个独立的应用，当公共组件修改时，单独打包公共组件，其他应用能够不需要重新构建，就能直接使用最新的公共组件，要怎么实现？ 一开始我想到的是使用网络资源，就是把公共组件打包后的js文件放到服务器，其他应用通过scri ......
向AI请教能否用图片生成vue代码
Can figma generate vue code based on a screenshot captured from an android app? Wed, Jul 5, 2023, 3:49 pm avatar No, Figma does not natively generate ......
vue脚手架创建与环境安装(转载)
1.安装 Node.jsDownload | Node.js 在这里👆下载的是最新版，如果要安装以前的版本👇，页面往下拉找到 Previous Releases—Donloads—下载msi文件。 1.1 一直next即可安装成功。 1.2 安装后在cmd控制台输入node -v和npm ......
【笔试实战】LeetCode题单刷题-编程基础 0 到 1【三】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ......