前端 终端 实战vue
vue2.0，把vform666、workFlow开源组件集成到vue-admin-template框架上心得体会
以上三个都是vue2版本的开源项目，有的已经有vue3版本了，我把他们集成到一起，是出于练习的目的，也是消磨时间。 vue-admin-template是一个很基础简洁的后台管理系统框架；vform666是可以用作表单低代码开发的组件项目；workFlow是模仿钉钉的工作流的组件项目，这三个项目在g ......
Vue中的ref和$refs
ref 和 $refs 作用：利用ref 和 $refs 可以用于获取dom元素，或组件实例 特点：查找范围 -> 当前组件内（更精确稳定） 注意:在操作ref获取dom元素时，最快也得是mounted时期获取，也就是页面渲染之后 使用步骤： 目标标签-添加ref属性 <div ref="chart ......
Vue2中的父子通信
父子通信流程图： 父组件通过props将数据传递给子组件 子组件利用$emit通知父组件修改更新 父组件传递子组件 注意点 但是需要注意的是，通过props传递的数据是只读状态的，也就是说，我们不能去修改这个值。 注意：props是只读的，如果直接对props中的数据进行修改，Vue就会发出警告。如 ......
记录--啊？Vue是有三种路由模式的？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 众所周知，vue路由模式常见的有 history 和 hash 模式，但其实还有一种方式-abstract模式（了解一哈~） 别急，本文我们将重点逐步了解： 路由 + 几种路由模式 + 使用场景 + 思考 + freestyle 路由概念 ......
11 11 vue3代码优化
使用axios发送异步请求是这种格式，现在异步请求都封装到api中。说法如下： 接口调用的js代码一般都会封装到js文件中，并一函数的形式暴露给外部，例如： 这张图片包括了没有参数和有参数的两种情况 然后在组件中的script中调用函数就行，但这样不行，好像跟什么同步异步有关，反正这样是无法运行的， ......
vue2 vue.min.js和vue-cli-service build --target lib 构建的.min.js的压缩原理 源码分析
1 vue-cli-service --target lib https://github.com/vuejs/vue-cli/blob/f0f254e4bc81ed322eeb9f7de346e987e845068e/packages/%40vue/cli-service/lib/commands ......
vue里面数据
<template> <div> <BaseCountItem></BaseCountItem> <br> <BaseCountItem></BaseCountItem> <br> <BaseCountItem></BaseCountItem> </div> </template> <script> ......
vue完成记事本小功能（没有css样式）
app.vue <template> <div class=""> <SchuRuKuang @Add="handleAdd"></SchuRuKuang> <LieBiaoZhanShi :list="list" @delOne="handledelOne"></LieBiaoZhanShi> < ......
Goweb开发之Iri框架实战，Goweb开发架构设计
Goweb开发之Iri框架实战，Goweb开发架构设计 一、基础学习 （一）网络请求方法 iris框架 创建的后端应用支持 Get、Post、Head、Options、Patch、Delete、Put方法 package irisLearn import ( "fmt" "github.com/ka ......
Lodash-前端 js工具库
官网：Lodash 简介 | Lodash中文文档 | Lodash中文网 (lodashjs.com) import _ from 'lodash' const dialogHandler = (val) => { if (val) { listCompanyByCurrentUserIdFn() ......
深度解析NLP文本摘要技术：定义、应用与PyTorch实战
在本文中，我们深入探讨了自然语言处理中的文本摘要技术，从其定义、发展历程，到其主要任务和各种类型的技术方法。文章详细解析了抽取式、生成式摘要，并为每种方法提供了PyTorch实现代码。最后，文章总结了摘要技术的意义和未来的挑战，强调了其在信息过载时代的重要性。 关注TechLead，分享AI全维度知 ......
vue/eslint_vue/no-side-effects-in-computed-properties报错
出现这个错误的缘由是因为我在vue3中的computed中, 把computed的回调函数当做数据监听器处理程序, 在里面修改了ref定义的变量数据的值. const curArticle = computed(() => { if (curArticleList.value.length 0) { ......
解决vim在终端ctrl+i无法跳转问题
总所周知，终端里使用vim只能Ctrl+o跳转到上一个位置，不能Ctrl+i跳转到下一个位置。因为xterm中tab和ctr+i都是一样，传递的键值是9，所以在vim中无法将tab和ctr_i分离使用。 这篇文章来解决这个问题。ctrl+g用于显示正在编辑的文件名，文件大小和位置信息，今天就牺牲ct ......
vue中执行npm install提示：npm WARN deprecated core-js@2.6.12
场景： 在执行npm install时提示npm WARN deprecated core-js@2.6.12，导致安装不了 提示的意思是：版本低不再维护了，让升级upgrade your dependencies to the actual version of core-js. npm WARN ......
xshell终端——多个窗格同步输入——xshell同时控制多个窗口的快捷方式
参考： https://blog.csdn.net/m0_58347801/article/details/129551382 突发发现了终端的另类用法，就是多个窗格同步输入的方法，虽然说这个方法平时确实没啥用，但是突然用到了发现还不赖。 发现在配置Hadoop集群的时候这个操作还真不赖。 选择多窗 ......
文件阅读器的使用——利用文件阅读器将选中的文件图片展示到前端页面
代码示例： # HTML部分 <form action=""> <div class="form-group"> <label for="id_file"> 用户头像 {% load static %} <img src="{% static 'img/default.png' %}" alt="" ......
conda 中设置 启动终端自动激活或者非激活base环境
001、设置启动终端自动激活 conda config --set auto_activate_base true ## 启动终端自动激活 001、设置启动终端不自动激活 conda config --set auto_activate_base false ## 启动终端不自动激活 其实质是修改了 ......
Vue源码学习(十六):diff算法(三)暴力比对
好家伙，这是diff的最后一节了 0.暴力比对的使用场景 没有可复用的节点：当新旧虚拟 DOM 的结构完全不同，或者某个节点不能被复用时，需要通过暴力比对来创建新的节点，并在真实 DOM 上进行相应的插入操作。 0.1.例子一： // 创建vnode let vm1 = new Vue({ data ......
vue指令实现input自动聚焦
vue指令实现自动聚焦 代码如下： AutoFocus.js import Vue from 'vue' // 插件对象(必须有install方法, 才可以注入到Vue.use中) export default { install () { Vue.directive('fofo', { inser ......
ElementUI2+Vue2实现日期选择长期功能
ElementUI2+Vue2实现日期选择长期功能 效果如图： 代码如下： <template> <div> <el-row> <div class="block"> <span class="demonstration">带快捷选项</span> <el-date-picker v-model=" ......
vue如何判断组件是否注册
在 Vue 中，你可以通过检查 Vue 实例的 $options.components 属性来判断一个组件是否已经被注册。这个属性包含了所有已经被注册的组件。 以下是一个示例： methods: { isComponentRegistered(componentName) { return this ......
Vue中网络图片懒加载工具
在滑动列表视图中如果有网络图片需要加载直接给imag标签赋值src，会造成没有显示的item中图片也直接加载，势必浪费网络资源。 创建一个插件，让列表中的item出显的时候在加载图片从而减少网络请求。具体方法就是给img标签添加一个新的属性暂时先保存对应的url，当item滑动出现到一定值时触发事件 ......
vue2页面Uncaught runtime errors
当vue2请求错误，或者出现其它错误时，界面会出现一个遮罩层提示Uncaught runtime errors 解决方法： 1.打开vue.config.js或者vue.config.ts文件 2.配置devServer devServer: { // 解决页面弹出红色报错遮罩层 client: { ......
Vue基础
初识VUE <div id="demo"> <h1>Hello，{{name.toUpperCase()}}，{{address}}</h1> </div> <script type="text/javascript" > Vue.config.productionTip = false //阻止 ......
vue-cli-service vue.config.js配置 productionSourceMap与webpack中的devtool 关联详细解释
https://webpack.js.org/configuration/devtool/ https://cli.vuejs.org/zh/config/#productionsourcemap https://github.com/vuejs/vue-cli/blob/f0f254e4bc81e ......
前端存储：localStorage、sessionStorage
IDE：HBuilder X 3.8.12 -- 序章 前端存储数据的方式 有以下几种： JavaScript Cookie Web存储 localStorage sessionStorage HTML5 Web SQL 数据库 IndexedDB 本文测试其中的 Web存储：localStorag ......
Vue中 name 有什么作用？data 为什么是函数而不是对象？
Vue中 name 有什么作用？ 项目使用 keep-alive 时，可搭配组件 name 进行缓存过滤 DOM 做递归组件时需要调用自身 name vue-devtools 调试工具里显示的组见名称是由 vue 中组件 name 决定的 data 为什么是函数而不是对象？ 组件中 data 是 V ......
vue+css实现的伪3d旋转罐+液位动态变化
话不多说先看效果： 设计思路： 罐是做了三个位置（中=>左，左=>右，右=>中）的动画效果，每个罐轮流使用一次，来实现旋转的效果。 中间的光亮做了个变形延迟。 罐的透明效果是使用了三层，即最底层是粒子不透明图片，中层是液体组件，最上层是罐体png图片。都是用了绝对定位，请务必设置好位置。 液体组件中 ......