前端 终端 实战vue
vue 树形结构展示
1、效果图 2、代码 子组件 点击查看代码 <template> <div id="tree"> <div class="checkThem" > <div v-for="item in treeList" :key="item.id"> <!-- 一级的 --> <div class="check ......
老杜Vue实战教程完整版笔记（5）Vuex
接上篇文章，分享动力节点老杜全新版Vue教程笔记 学习の地止：https://www.bilibili.com/video/BV17h41137i4 5 Vuex 5.1 vuex概述 vuex是实现数据集中式状态管理的插件。数据由vuex统一管理。其它组件都去使用vuex中的数据。只要有其中一个组 ......
老杜2023最新Vue实战精讲（五）Vuex
动力节点老杜全新版Vue教程笔记分享给大家 学习の地止：https://www.bilibili.com/video/BV17h41137i4 视频教程从Vue2开始讲解，一步一个案例，知识点由浅入深，然后很自然的过度到Vue3版本。Vue3是目前企业中使用最多的一个版本。 视频中会把每一个Vue的 ......
直播电商平台开发，vue显示列表中的多张本地照片
直播电商平台开发，vue显示列表中的多张本地照片 注意这里的路径不能使用{{this.id}}这种变量，且要使用require（）函数并将路径断开 <div class="booksnew_card" v-for="(item,index) in bookList" :key="item.id"> ......
结合vue的transition使用，封装一个高度自适应的手风琴效果
<transition @before-enter="beforeEnter" @enter="enter" @after-enter="afterEnter" @before-leave="beforeLeave" @leave="leave" @after-leave="afterLeave"> ......
Python通过终端 cmd 获取GPU相关信息
# 获取GPU相关信息 def get_gpu_info(): try: cmd_out = subprocess.check_output('nvidia-smi --query-gpu=name,memory.used,memory.total --format=csv,noheader', s ......
Vue3+typescript如何给元素添加一个Ctrl+s的事件，用于保存文件？
如下代码，建议用这个，e.keyCode 已经过时，后面都是用 e.key:string. onMounted(() => { window.addEventListener('keydown', (e) => { if (e.ctrlKey && e.key 's') { // 检查是否按下了 C ......
ts文件可以操控vue文件里面的ref元素吗
ts文件可以操控vue文件里面的ref元素吗 export const fileInputElement = ref<null | HTMLElement>(null); 我在ts文件里获得fileInputElement 我能操控vue文件里ref为fileInputElement的元素吗 imp ......
【前端可视化】大屏scale适配vue3 hooks
useScalePage.js import { onMounted, onUnmounted } from 'vue'; import _ from 'lodash'; /** 大屏适配的 hooks */ export default function useScalePage(option) ......
前端Token刷新 重新请求返回underfined
在刷新Token ok后 数据有返回，但是 最开始的请求那里总是underfined，这个找了一天后找到原因，记得return, 没有 return就是underfined ......
控制台报错：[Vue warn]: Error in render: "TypeError: Cannot read properties of null (reading 'length')" found in
[Vue warn]: Error in render: "TypeError: Cannot read properties of null (reading 'length')" found in ... ......
实战案例 | 双束聚焦离子束（DB-FIB）和透射电子显微镜（TEM）在芯片失效分析中的组合应用
在做HTGB（高温栅偏测试）项目时，出现了Pass die漏电较小，Fail die IGSS漏电过大 (＞200nA) 的情况。需要对漏电大的芯片进行复测，同时定位漏电所在的位置（热点Hot spot）。之后再利用FIB/TEM对漏电位置进行微观结构/成分分析，找到漏电点所在的膜层；最后基于电镜分 ......
vue el-table 指定列相同数据合并行展示
参考：https://www.ycmbcd.com/blog/html/16648550611992.html 1、效果 2、数据 [ { "date":"2016-05-02", "name":"王小虎", "address":"上海市普陀区金沙江路 1518 弄" }, { "date":"20 ......
前端代码规范
前端代码规范 引用自：公众号：前端小川 大多数具有一定规模的公司，都有自己的前端代码规范，没有或者准备要制定自己公司代码规范的可以参考这些代码规范 9个秘籍里面有6个文档、1本书籍和2个工具，认真看完这9个秘籍，一定会提升代码质量，让你写出漂亮的代码 秘籍一：京东凹凸实验室前端代码规范 网址：htt ......
Vue的生命周期的详解
Vue的生命周期 Vue的生命周期是每个使用Vue框架的前端人员都需要掌握的知识，以此作为记录。 Vue的生命周期就是vue实例从创建到销毁的全过程，也就是new Vue() 开始就是vue生命周期的开始。Vue 实例有⼀个完整的⽣命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲 ......
Vue3实现组件级基类的几种方法
Vue3的组件有三种代码组织方式 纯Option API （不含setup） option API + setup 纯 setup （即composition API） 对于这三种形式，设置基类的方法也略有不同。 使用 mixins、extends vue3提供了 mixins和extends，但是 ......
初识esbuild、构建vue3脚手架
esbuild 非常快速的 web 打包器,使用 go 语言编写。 📦 特点： 无需缓存也能很快速的编译打包。 内置 js、css、ts、jsx 类型文件编译。 支持 es6 和 commonjs 模块。 可以编译打包成 esm 模块和 common JS 模块 tree shaking 摇树优化 ......
简单的前端登录页面
springboot整合了springmvc的拦截功能。拦截了所有的请求。默认放行的资源是：resources/static/ 目录下所有静态资源。（不走controller控制器就能直接访问到资源）。 html页面如果放在resources/templates目录下，则需要走controller控 ......
Vue3路由正确写法
import { createRouter, createWebHistory } from 'vue-router' import Home from '@/view/Home.vue'; import Login from '@/view/Login.vue' const routes = [ ......
DX12 实战 BlinnPhong & 纹理贴图
前言 本篇将展示如何实现BlinnPhong光照，以及为人物模型贴上纹理 对于理论不清楚的小伙伴可以看这图形学理论 局部光照，[图形学理论 纹理贴图](https://www.cnblogs.com/chenglixue/p/17109214.html) 具体代码看这github.com 材质 由于 ......
vue2源码-十六、异步组件
异步组件 Vue 中异步组件的写法有很多，主要用作大的组件异步加载的markdown组件editor组件。就是先渲染一个注释标签，等组件加载完毕，最后再重新渲染 forceUpdate（图片懒加载）使用异步组件会配合 webpack 原理：异步组件默认不会调用 Vue.extend()方法 所有Ct ......
Mac终端出现 brew command not found 解决
MacOS 上您需要安装 unrar 以支持 PaddlePaddle，可以使用命令brew install unrar 执行命令后发现 brew 不存在 jimmy@MacBook-Pro ~ % brew install unrar zsh: command not found: brew ji ......
前端获取ip地址、获取经度、纬度
记录一次js获取ip地址，经纬度 开始使用过很多的方法 const getLocalIP = async () => { const pc = new RTCPeerConnection(); pc.createDataChannel(''); const offer = await pc.crea ......
Vue2实现部分页面使用rem布局
1.计算rem值的比例，这里是1920的设计图； setRem(){ /** * @file: index.vue * @method: setRemPc * @param: * @return: * @description:计算rem大小 * @date: */ var whdef = 100/ ......
字节前端--深入JS
首先先介绍JS的基本概念： 比如是单线程，动态，弱类型等等。 除了这些东西之外还有： 下面的一些基础概念： JavaScript 是一种脚本语言，通常在网页上运行。 JavaScript 不需要编译，因为它是一种解释性语言。 在网页上添加 JavaScript 的方式有多种，包括内联脚本、嵌入式脚本 ......
C#实现 通过ffmpeg拉取海康摄像头rtsp流转m3u8，并在前端播放的解决方案
需要的资源： ffmpeg、海康客户端 IVMS-4200 V3,3,1,8、VCL播放器 开发前准备工作： 1. 配置ffmpeg环境变量,将ffmpeg.exe的路径配入Path环境变量(为了减少篇幅，不懂的麻烦自行百度) 百度的时候， C#通过 Process 命令调用进程网上很多都说直接在命 ......
新品首发丨计讯物联5G水利遥测终端机TY511-B3，推动5G+智慧水利再进化
当前，水利在全面感知、全面互联、智慧应用等方面较其他行业存在明显差距。基于物联网行业通信技术的不断突破和水利行业对高速移动通信的强烈需求，5G移动通信以高速率、大带宽、低时延、广连接等特点让水利数据快速高效地传输成为可能，逐渐成为水利行业高质量发展的重要驱动力量。计讯物联作为5G+智慧水利的领军企业 ......
vue3 ts 项目文件夹解析
vue3 ts 项目文件夹解析 layouts 文件夹通常用于存放应用程序中的布局组件或布局相关的文件。 布局组件是用于包装应用程序中的页面内容的组件，通常包含头部导航、侧边栏、页脚、页面标题等等。布局组件可以在不同的页面中共享，并且可以为应用程序带来一致的外观和体验。 core 存放应用程序中的核 ......
前端学习笔记--主流web框架
<!doctype html> <html> <head> <meta charset='UTF-8'><meta name='viewport' content='width=device-width initial-scale=1'> <style type='text/css'>html {o ......
vue2实现饼图Pie组件封装
实现如下效果： 如果不会请移步到官网的栗子，请点击查看 直接给大家上代码： 整体代码片段 1 <template> 2 <div ref="echarts" style="width: 100%; height:300px;"></div> 3 </template> 4 <script> 5 /* ......