教程npm vue
用Electron+vue+ffmpeg开发一个视频处理的工具
前端时间用electron+ffmpeg开发了一个视频压缩软件，然后越熟悉ffmpeg越觉得它的牛叉，以前觉得视频处理需要高深莫测的技术，ffmpeg为我解开了视频处理的神秘面纱。然后决定做一个视频处理的工具，包括视频压缩、视频剪切、视频合并、视频格式转换、视频添加水印，先上效果图。 上一篇文章介绍 ......
Vue中的路由
概念 1）理解： 一个路由（route）就是一组映射关系（key-value)，多个路由需要路由器（router）进行管理 2）前端路由：key是路径，value是组件 3）作用：设定访问路径，并将路径和组件映射起来（就是用于局部刷新页面，不需要请求服务器来切换页面） Route（路由） Route ......
uniapp vue可以通过mixins混入代码，可以通过下面方法混入template
vue全局混入template方法：在根目录vue.config.js（没有就新增）里添加一下代码 //红色部分是混入的自定义vue组件module.exports = { chainWebpack: config => { config.module.rule('vue').use('vue-lo ......
安装install的项目的报错sass npm ERR! node-sass@4.14.1 postinstall: `node scripts/build.js`
npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! node-sass@4.14.1 postinstall: `node scripts/build.js` npm ERR! Exit status 1 npm ERR! npm ERR! Fail ......
vue2+element+vue-quill-editor实现富文本框组件（使用链接引入视频+上传本地视频+上传本地图片）
参考文档：https://www.duidaima.com/Group/Topic/Vue/12272 前提不赘述，npm引入插件并全局导入 components文件夹下创建ArticleEditor.vue： <template> <div class=""> <!-- 富文本框 --> <qui ......
【Python入门教程】Python中函数的用法和意义
在Python中，函数是一种可重用的代码块，它可以被多次调用以执行特定的任务。函数可以帮助我们组织代码，使其更易于阅读和调试，同时还可以提高代码的可重用性和可维护性。 ......
.NET 8 Video教程介绍（开篇）
教程简介 本文将简单描述视频网站教程，视频网站是一个类似于腾讯视频一样的网站，视频资源用户自己上传，然后提供友好的界面查看视频和搜索视频，并且提供管理页面对于视频进行管理，我们将使用Blazor作为前端，并且由MasaFramework作为后端框架，一般情况下我们需要做简单的权限管理，对于用户登录我 ......
【源码系列#01】vue3响应式原理（Proxy）
Vue3中响应数据核心是 reactive ， reactive 中的实现是由 proxy 加 effect 组合，我们先来看一下 reactive 方法的定义 ......
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 ......
Video教程介绍（开篇）
教程简介 本文将简单描述视频网站教程，视频网站是一个类似于腾讯视频一样的网站，视频资源用户自己上传，然后提供友好的界面查看视频和搜索视频，并且提供管理页面对于视频进行管理，我们将使用Blazor作为前端，并且由MasaFramework作为后端框架，一般情况下我们需要做简单的权限管理，对于用户登录我 ......
JUnit单元测试使用教程（新手入门）
✨前言✨ 本篇文章主要在于，单元测试工具jUnit的简单认识及入门使用 🍒欢迎点赞 👍 收藏 ⭐留言评论 📝私信必回哟😁 🍒博主将持续更新学习记录收获，友友们有任何问题可以在评论区留言 @目录🍊 一，JUnit 单元测试框架介绍🍊 1，Junit单元测试框架🍊 2，优点🍊 二，单元 ......
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 ......
11月份读书笔记--《ERP原理与应用教程》
起因是因为要进行ERP系统的制作，但是缺少一些知识，于是在网上进行查找资料，毕竟先知道怎么做比瞎做要强太多了，在网上进行一些资料，实例的查找后，对于一些东西认识模糊不清，不认同，认为是错误的，大概是我自己的原因，太低级了已到达他们认为最基础的东西都不理解，于是花了一下午，大概两个多小时读了这本书，主 ......
在Vue3中使用Element-Plus分页（Pagination ）组件
在Vue3中使用Element-Plus分页（Pagination ）组件 开发过程中数据展示会经常使用到，同时分页功能也会添加到页面中。 记：在Vue3中使用Element-Plus分页组件与表格数据实现分页交互。 开始实现 引入表格和分页组件的H5标签。 <strong>Element-Plus ......
ng config -g cli.packageManager npm 命令行的使用
ng config -g cli.packageManager npm 这条命令是在 Angular CLI 环境下执行的，它的主要目的是全局设置 Angular CLI 使用的包管理器。这里，-g 代表全局设置，cli.packageManager 是你要配置的属性，npm 是你要设置的值。这条命 ......
vue项目中如何解决出现两次重新登录弹框的问题？
举例描述一下业务场景：当token过期，需要用户重新登录时，需要在页面弹框提示重新登录。 显然这个重新登录的提示弹框的逻辑是在响应拦截器中加的，我的代码如下：（只提供部分代码） 1 // 返回拦截器 2 service.interceptors.response.use( 3 response => ......
自定义Vue脚手架
创建一个vue项目，项目名叫custom 选择最下面的自定义脚手架 选择你需要的配置 选择vue版本 询问是否采用历史模式，默认是hash模式，history模式需要后端进行额外配置 选择CSS预处理器 选择eslint规范，这里选择的是无分号的规范 选择什么时候进行校验，这里选择的是保存时进行校验 ......
vue slot插槽
插槽（slot）是 vue 为组件的封装者提供的能力。允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽，可以把插槽认为是组件封装期间，为用户预留的内容的占位符，适用于父组件→子组件，$slots是组件插槽集，是组件所有默认插槽、具名插槽的集合，可以用来获取当前组件的插槽集。 插槽可 ......
vue项目中，如何去掉报错时出现的黑色遮罩？
比如在我们发送请求时 ，返回401，此时出现带有401提示信息的黑色遮罩，我们不想要这个遮罩出现，只需要在控制台有报错信息就好，如下图显示，如何解决呢？ 解决办法：在vue.config.js文件中配置如下代码即可： ......
火炬之光2 武器装备属性修改 教程
先在装备框 附魔框等等框里 点两下(拿起 放下)要改的装备 然后在点 读取 才能读到数据 附魔也是同样 两个读取 左边的是读取 百分之多少多少开头的属性 右边的是读取 传输/convey 开头的数据 然后自己改想要的值。 改完要附魔1次才能生效 点那按钮即可 也可以去附魔师 保存重启游戏也能生效 链 ......
npm降低版本,设置指定版本
npm降低版本,设置指定版本 方法一 npm 版本太高了，项目启不起来，或者其他需求需要低版本可能有些版本已经不支持下载了，可以去官网看看哪些还可以下载，大部分版本都还可以下载 npm install npm@6.14.12 -g 查看npm 版本，是否修改成功 npm -v 方法二 使用cnpm来 ......
Vue中跟 keep-alive 有关的生命周期是哪些？
在开发 Vue 项目的时候，大部分组件是没必要多次渲染的，所以 Vue 提供了一个内置组件 keep-alive 来缓存组件内部状态，避免重新渲染，在开发 Vue 项目的时候。 生命周期函数：在被 keep-alive 包含的组件/路由中，会多出两个生命周期的钩子:activated 与 deact ......
vue中遇到的函数执行顺序问题
vue中遇到的函数执行顺序问题 总结：vue中方法和方法间并未严格按照执行顺序执行的，可以使用async和await修饰符，使方法调用和执行是异步的。 在vue中的方法调用顺序是依次进行的，方法体内部也是依次执行的， 但是，两个方法体的执行顺序并不能严格控制，也就是说，并不一定是先执行完第一个方法后 ......