教程npm vue
vue通过表格当中的数据渲染表格
<el-table-column label="审核状态" width="120"> <template slot-scope="scope"> <div v-if="scope.row.examStatus == 'false'">未审核</div> <div v-else>已审核</div> < ......
小甲鱼Delphi教程37课《读写修改记录型文件》源码
说明:本程序用delphi10.4重写编写 一、最后效果 二、源码 1 unit Unit1; 2 3 interface 4 5 uses 6 Winapi.Windows, Winapi.Messages, System.SysUtils, System.Variants, System.Cla ......
手撕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 } }, } 公共 ......
香橙派3b无屏幕ssh连接教程
作为小白的我这几天买了个香橙派3b 经过这几天的折腾,终于进入了ssh终端(大喜 我买的是官店的8G,创客价299,连着一起买了一个闪迪的64gTF卡 简单总结一下搭建过程: 物理准备:一台电脑,香橙派与一张16G以上的tf卡,tf读卡器(一般会送)一根网线,type-c线 第一步:烧录ubuntu ......
磁力搜索引擎大全教程,如何使用磁力链接。
磁力链接是一种特殊的下载链接,磁力链接可以理解为一个文件识别码,而并非具体的资源地址,下载软件需要拿着这个识别码去整个互联网(DHT网络)去寻找持有该资源的用户(节点),如果找到则可以进行传输下载。一般年代越久远的磁力链接下载成功的几率越小,因为持有该资源的节点越少。一般使用网盘下载的成功率最高,因 ......
vue调用完一个接口 全局中才调用另外N个接口
mounted(){ // 先调用initParam接口 再调用第二个接口 this.initParam().then((res)=>{ this.getDataList(); }) },// 1. 把方法挂载到全局 methods: { async initParam(){ const {code ......
Vue3 Element-Plus 一站式生成动态表单
数据接口设计 type TreeItem = { value: string label: string children?: TreeItem[] } export type FormListItem = { // 栅格占据的列数 colSpan?: number // 表单元素特有的属性 pro ......
Windos操作系统下的Zookeeper安装图文教程
凯哥已经准备好最新版本3.9.1且已经配置好了。既获取到配置好的。 获取到凯哥准备的安装后,只需要修改一下配置。将解压包解压后,找到conf文件,里面有个zoo.cfg配置文件。如下图: 下载后conf文件夹内容 打开zoo.cfg配置文件后,找到13、14这两行。将dataDir和dataLogD ......
kafka安装教程
检查java8 没有就安装 java -version 安装jdk1.8 yum -y install java-1.8.0-openjdk 下载kafka (网速很慢) wget https://dlcdn.apache.org/kafka/3.5.0/kafka_2.13-3.5.0.tgz 解 ......
Vue 设置为history模式之后,刷新页面报404错误的解决办法
网上搜索出现很多修改前端或后端的方法试了都不行,后来在IIS中添加URL重写规则就解决了(如果没有Url重写模块,需要下载安装:rewrite_amd64_zh-CN.msi),设置重写之后会在网站前端根目录下生成一个web.config文件。所以如果嫌配置url重写麻烦的话,直接把这个web.co ......
vscode如何配置运行vue项目
在vscode中如何调试运行vue项目 在.vscode中添加launch.json内容如下 { // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=8 ......
一个简单案例的Vue2.0源码
本文学习vue2.0源码,主要从new Vue()时发生了什么和页面的响应式更新2个维度了解Vue.js的原理。以一个简单的vue代码为例,介绍了这个代码编译运行的流程,在流程中原始DOM的信息会被解析转换,存在不同的对象中。其中关键的对象有el、template、ast、code、render、r... ......
uniapp脚手架中vue3项目配置`@`,并且在vscode中有提示
uniapp脚手架中vue3项目配置@,并且在vscode中有提示 在vite.config.js中配置一下代码 import { defineConfig } from "vite"; import uni from "@dcloudio/vite-plugin-uni"; import { re ......
Vue多页面和单页面的场景
开发分类 实现方式 页面性能 开发效率 用户体验 学习成本 首屏加载 SEO 单页 一个html页面 按需更新性能高 高 非常好 高 慢 差 多页 多个html页面 整页更新性能低 中等 一般 中等 快 优 场景 单页面应用 系统类网站 内部网站 文档类网站 移动端站点 多页面应用 公司官网 电商类 ......
在单页HTML中使用npm包
在单页 HTML 中使用 npm 包 在笔者印象中,上一次写单页 HTML 还是在刚开始接触前端开发,学习 HTML 和 JavaScript 的时候。自从开始用 Vue 和 React 这样的框架之后,就几乎再也没写过单页应用了。框架和 npm 给开发带来了很多便利:对于想用的包,npm inst ......
NODE.JS安装配置npm
node.js下载地址:https://nodejs.cn/ 设置环境变量 然后CMD 进入输入命令 node -v npm -v 显示版本则配置成功 配置NPM 查看镜像,缓存路径,全局文件夹: npm config ls 配置下载镜像为淘宝地址,加速 npm config set registr ......
【前端VUE】VUE环境安装
nodejs安装 nodejs教程 https://blog.csdn.net/muzidigbig/article/details/80493880 检查是否安装成功 VUE安装 npm install -g @vue/cli 创建VUE项目 vue create 项目名称 第一个和第一个是默认的 ......
vue3+element-Plus表格滚动联动
const Table0 = ref() const Table1 = ref() function syncScroll() { for (let i = 0; i < compareData.compareInfo.length; i++) { let firstTable = Table0.v ......
Vue3 + antDesign3.x 汉化 中文(解决日期混合中英文模式
依赖项版本 "ant-design-vue": "^3.2.20", "dayjs": "^1.11.10", "vue": "^3.0.5", 依赖处理 main.js中 import { createApp } from 'vue' import Antd from 'ant-design-vu ......
verdaccio安装及发布包到npm私有仓库教程
前言 在公司里我们有很多需要公共组件或者是工具函数工具类,和一些封装的sdk,这样的代码有的核心的不方便发布到外网中,所以这就是我们为什么需要搭建 npm 私有仓库。 verdaccio 是一个非常方便使用和管理的 npm 私有仓库搭建工具,搭建好后设置 npm 源为 verdaccio 服务就可以 ......
Vue 项目配置自动更新,自动刷新页面
今天用户反馈使用页面的时候,有时候点击没反应,排查下来,是因为发布版本的时候,用户那边没有加载最新的文导致的,然后根据思路,做了这个自动更新的功能 效果预览 http://demo.webwlx.cn/#/update 实现思路 1. 把当前版本的编译时间,通过环境变量的方式保存起来 打开 vite ......
适合小白的 nvm 安装配置教程
适合小白的 nvm 安装配置教程 目录适合小白的 nvm 安装配置教程nvm 简介一、nvm 的安装与配置1、install nvm2、base command【主要验证 nvm 是否安装成功】3、configure taobao mirror二、node 的安装与配置1、install node2 ......
Vue 该如何实现组件缓存?
在面向组件化开发中,我们会把整个项目拆分为很多业务组件,然后按照合理的方式组织起来,那么自然会存在组件之前切换的问题,vue 中有个动态组件的概念,它能够帮助开发者更好的实现组件之间的切换。但是在面对需求频繁的变化,切换组件时,动态组件在切换的过程中,组件的实例都是重新创建的,而我们需要保留组件的状 ......
npm报错集锦
1、@babel/core错误 原因: babel-core 与 babel-loader 版本之间兼容不一样 解决: 安装如下对应版本 babel-core@7x + babel-loader@8.x 、babel-core@6.x + babel-loader1@7.x 等 2、包4048错误 ......
使用云服务器搭建Socks5最详细教程
近期有比较多的小伙伴在问如何搭建Socks5代理实现游戏加速,这里就给大家放出一个详细教程,截图全部都是亲自测试有效的。 首选肯定是开通云服务器,要做游戏加速的话,可以开通香港或者美国的云服务器,服务器安装centos7以上的系统。 这里就以蓝米云的云服务器为例,测试蓝米云的香港和美国服务器都可以使 ......
Vue-路由(vue-router)
路由:Vue-router(vue路由插件) 先了解下 route、routes、router三者之间的区别 (加$只是为了区别其它变量) router:一般指的是路由实例 ,如:vue的编程式导航 this.$router.push() routes:指创建 vue-router 路由实例的配置项 ......
vue-route
路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容。Home按钮 => home 内容, about按钮 => about 内容,也可以说是一种映射. 所以在页面上有两个部分,一个是点击部分,一个 ......
Vue-mixins(混入)
mixins: [混入变量名称] 说明:不需安装,直接使用, 作用:多用于 提取公共 类似的数据和方法,和组件<script/>中书写一样,data、methods、钩子函数 使用:引入之后,同组件使用 script 中的数据和方法一样使用 功能点:引入之后,相当于mixins下的数据、方法和钩子函 ......