前端 终端 实战vue
vue3 ts 生命周期函数写法
写法1 import { defineAsyncComponent, ref, reactive, onMounted, nextTick, computed, watch } from 'vue'; // 页面加载时 onMounted(() => { initResize(); }); // 监 ......
Nginx环境搭建及前端部署教程（Windows版）
Nginx启动 启动方式一：双击nginx.exe，双击后你能看见一个小黑窗口一闪而过。 启动方式二：打开cmd命令窗口，切换到nginx解压目录下，输入命令 nginx.exe ，回车即可注意：如果安装目录是中文的情况，打开exe文件时会报错。打开浏览器：浏览器地址栏输入网址http://loca ......
2023版 STM32实战2 按键驱动(电路与代码都讲解)
常规电路(带上拉电阻) 阻值可选3.3/4.7/5.1/10 单位K 偷懒电路 利用GPIO内部的上拉模式 代码（直接拷贝使用） 这是一个按键控制灯亮灭的demo为了新手方便我直接都写在了main.c文件 #include "stm32f10x.h" void LED_Init(void) { GP ......
VS CODE，保存自动格式化vue代码配置 流程记录
进入vscode，ctrl+shift+p ,搜索Preferences: Open User Settings(json) ，然后把下面配置覆盖到原本的地方 { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false ......
vue十六
<div id="app16" style="text-align: center;margin-top: 10%;"> <div> <input id="sou" type="text" style="width: 40%;" v-model="word"> <button style="heig ......
vue15
<div id="app15"> <ul> <li v-for="(item , index) in news" :key="item.id" > {{ item.title }} <img alt="img" :src="item.img"> </li> </ul> </div> <script> ......
vue3 基础-Pinia 可能替代 Vuex 的全局数据状态管理
Pinia 初体验 Pinia.js是由Vue.js团队核心成员开发的新一代状态管理器，使用Composition Api进行重新设计的，也被视为下一代Vuex。 Pinia是一个Vue的状态管理库，允许跨组件、跨页面进行全局共享状态，也由于其设计的简洁性、和对typescript的良好支持，取代V ......
在Vue3中使用Element-Plus分页（Pagination ）组件
在Vue3中使用Element-Plus分页（Pagination ）组件 开发过程中数据展示会经常使用到，同时分页功能也会添加到页面中。 记：在Vue3中使用Element-Plus分页组件与表格数据实现分页交互。 开始实现 引入表格和分页组件的H5标签。 <strong>Element-Plus ......
前端笔记：React学习 1.1--配置环境
1.1 配置环境 React中文文档 React官网文档 安装Nodejs Nodejs官网 安装create-react-app 终端执行： npm i -g create-react-app 安装VSCode插件 Simple React Snippets Prettier - Code for ......
vue项目中如何解决出现两次重新登录弹框的问题？
举例描述一下业务场景：当token过期，需要用户重新登录时，需要在页面弹框提示重新登录。 显然这个重新登录的提示弹框的逻辑是在响应拦截器中加的，我的代码如下：（只提供部分代码） 1 // 返回拦截器 2 service.interceptors.response.use( 3 response => ......
VS Code 终端不是管理员权限问题解决办法
在VSCode中，我们打开终端，运行某些脚本工具时（此处运行的时 ts-node），提示： cnpm : 无法加载文件 C:\Program Files\nodejs\node_global\ts-node.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microso ......
自定义Vue脚手架
创建一个vue项目，项目名叫custom 选择最下面的自定义脚手架 选择你需要的配置 选择vue版本 询问是否采用历史模式，默认是hash模式，history模式需要后端进行额外配置 选择CSS预处理器 选择eslint规范，这里选择的是无分号的规范 选择什么时候进行校验，这里选择的是保存时进行校验 ......
vue slot插槽
插槽（slot）是 vue 为组件的封装者提供的能力。允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽，可以把插槽认为是组件封装期间，为用户预留的内容的占位符，适用于父组件→子组件，$slots是组件插槽集，是组件所有默认插槽、具名插槽的集合，可以用来获取当前组件的插槽集。 插槽可 ......
vue项目中，如何去掉报错时出现的黑色遮罩？
比如在我们发送请求时 ，返回401，此时出现带有401提示信息的黑色遮罩，我们不想要这个遮罩出现，只需要在控制台有报错信息就好，如下图显示，如何解决呢？ 解决办法：在vue.config.js文件中配置如下代码即可： ......
Vue中跟 keep-alive 有关的生命周期是哪些？
在开发 Vue 项目的时候，大部分组件是没必要多次渲染的，所以 Vue 提供了一个内置组件 keep-alive 来缓存组件内部状态，避免重新渲染，在开发 Vue 项目的时候。 生命周期函数：在被 keep-alive 包含的组件/路由中，会多出两个生命周期的钩子:activated 与 deact ......
前端骨架HTML
HTML5 如果将网页比作机器人，那么HTML就是骨架，CSS就是是表现与展示效果，JavaScript就是功能与行为 简单介绍 超文本标记语言HTML(HyperText Markup Language) 一、配置HTML编译器 1. 安装vscode 下面是官网： vscode官网 2. 安装v ......
阿里云卡片式硬件终端ASC01使用体验
大概今年三月份的时候，我收到一条短信说阿里云搞活动，本来这种短信我不会理会的，但是那天可能太闲了，于是点开看来看，结果就看到了一个只卖99元的卡片电脑（原价1000）。当时我就和我同学一起买了一个。 买回来后，发现只有一个巴掌大的合金卡片，手感质感真的非常好，上面有两个typeC接口，正当我打算连接 ......
前端项目容器化(Docker)打包部署
前端项目容器化(Docker)打包部署 新建一个vue项目 增加容器配置 docker命令打包镜像，部署本机 BiliBili视频同步发布 新建vue项目 使用vue官方脚手架创建一个项目 下面的demo使用默认配置 安装依赖并运行 # 使用vue脚手架创建项目 npm create vue@lat ......
FlutterApp实战·第01天：Flutter安装和配置
前面多文介绍了Dart编程语言的基本语法和语言特性。从本文开始，我们通过一个Flutter App的编码过程，完成Flutter的学习，包括Flutter基础知识，Flutter App启动页，Tab页，个人设置页，SQLite数据库，HTTP API调用，到最后Flutter App打包等…… ......
fortran实战手册（3）
目录read,write读写文件 read,write 读写文件 program learn implicit none character(10)::student_name character(20)::file_name integer::id integer::io_status chara ......
vue中遇到的函数执行顺序问题
vue中遇到的函数执行顺序问题 总结：vue中方法和方法间并未严格按照执行顺序执行的，可以使用async和await修饰符，使方法调用和执行是异步的。 在vue中的方法调用顺序是依次进行的，方法体内部也是依次执行的， 但是，两个方法体的执行顺序并不能严格控制，也就是说，并不一定是先执行完第一个方法后 ......
vue3+cesium导入行者app的gpx轨迹数据
软件版本： vue3.2 cesium1.110.0 vite:3.1.2 1)到行者APP的PC端官网下载gpx数据 2）将gpx文件放到项目里 这里要将行者导出的gpx文件修改一下，把 xmlns="http://www.topografix.com/GPX/1/0" 改为 xmlns="htt ......
vue通过表格当中的数据渲染表格
<el-table-column label="审核状态" width="120"> <template slot-scope="scope"> <div v-if="scope.row.examStatus == 'false'">未审核</div> <div v-else>已审核</div> < ......
手撕Vue-Router-知识储备
前言 本文是手写Vue-Router的第一篇，主要是对Vue-Router的知识储备，为后面的手写做准备。 那么 VueRouter 怎么实现呢？要想实现 VueRouter，首先要知道 VueRouter 它的本质是什么。 VueRouter 的本质 VueRoute 的本质是什么？VueRout ......
Vue的自定义指令
在使用自定义指令的标签写入v-'自定义指令名' <template> <div class="box" v-loading="loading"> </div> </template> export default { data () { return { loading:true } }, } 公共 ......
vue调用完一个接口 全局中才调用另外N个接口
mounted(){ // 先调用initParam接口 再调用第二个接口 this.initParam().then((res)=>{ this.getDataList(); }) },// 1. 把方法挂载到全局 methods: { async initParam(){ const {code ......