前端 终端 实战vue
vue实现路由懒加载（异步加载）及组件懒加载（异步加载）的方式
##转自：槐序之夏： https://blog.csdn.net/qq_42403643/article/details/129264032 一、为什么要使用路由懒加载 为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题。 二、定义 懒加载简单来说就是延迟加载或按需加载，即在需要的时候的 ......
关于vue2老项目的打包优化，实现首屏加载速度提升
##分析项目代码体积 yarn add webpack-bundle-analyzer 在webpack.dev.conf.js中配置 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlug ......
web前端样式绑定
#外联绑定 1.对象绑定： v-bind:class="classobject" 2数组绑定： v-bind:class="[class1,class2]" #内联绑定 <p v-bind:style="fontWeight:weight,color:color"> #非内联 <p v-bind:s ......
Java代理之jdk动态代理+应用场景实战
本文将先介绍jdk动态代理的基本用法，并对其原理和注意事项予以说明。之后将以两个最常见的应用场景为例，进行代码实操。这两个应用场景分别是拦截器和声明性接口，它们在许多开发框架中广泛使用。比如在spring和mybatis中均使用了拦截器模式，在mybatis中还利用动态代理来实现声明性接口的功能。因 ......
Vue中$attrs、$listeners的用法总结
用法如下： 1、v-on="$listeners" 父组件A，子组件B，孙组件C。C组件中emit事件后，在B中可以直接使用v-on="$listeners"接收，此时可以在A组件中的B上直接使用C中emit出来的事件。 2、v-bind="$attrs"父组件A，子组件B，孙组件C。A上设置值，若 ......
Vue3中无法为el-tree-select设置反选问题分析
环境：Vue3.2、Element Plus
问题：子组件 setting.vue => 弹窗组件 Dialog => 树选择组件el-tree-select ，无法设置默认选中项 default-checked-keys
场景：在一个后台系统的列表页，选中一行数据，点击设置按钮，分配一些功能。这里... ......
前端经典三栏布局
浮动实现 前面放置的两个div进行浮动，后面一个让其margin auto 居中 <style> /* 浮动三栏 */ .father div { width: 200px; height: 200px; } .left { background-color: red; float: left; } ......
安装后报错：'vue' 不是内部或外部命令
安装vue脚手架碰到一个坑; 1.首先在cmd命令下安装脚手架； npm install -g @vue/cli 2.安装后报错：'vue' 不是内部或外部命令，也不是可运行的程序 或批处理文件。 3.进行环境变量的安装： 【1】找到 vue.cmd 文件所在的文件夹位置，并配置环境变量； 【2】配 ......
vue3中的自定义指令
1.适用到自定义指令的场景 防抖、图片懒加载、一键 Copy的功能、拖拽、页面水印、权限校验、输入框自动聚焦、相对时间转换、下拉菜单 2.个人需求：在后台系统中，有很多表单提交组件，其中很多限制数字且限制条件不同。最初使用 oninput="value=value.replace(/[^\d]/g, ......
Python3网络爬虫实战之爬虫框
ScrapySplash的安装 ScrapySplash 是一个 Scrapy 中支持 JavaScript 渲染的工具，本节来介绍一下它的安装方式。 ScrapySplash 的安装分为两部分，一个是是 Splash 服务的安装，安装方式是通过 Docker，安装之后会启动一个 Splash 服务 ......
vue3 高德地图弹窗选址功能
import { defineComponent, h } from 'vue'; import AMapLoader from '@amap/amap-jsapi-loader'; import { Input, AutoComplete, Modal, message } from 'ant-d ......
vscode保存时自动ESLint格式化(vue)
一、安装eslint 二、vscode全局配置 2.1 打开设置 2.2 打开 settings.json 2.3 在settings.json中添加eslint配置 { "code-runner.runInTerminal": true, "eslint.format.enable": true, ......
前端--学习笔记
1.HTML是什么？ 是超文本标语语言。 是一种标记语言。 2.为什么要学HTML？学HTML是学什么？ 学HTML是为了给文档加了标记， 3.加标记为了什么？ 为了弄样式。 4.举例来讲HTML？ 5.所以学HTML是学什么？ 就是学各种加标签的方式， 学做记号，为了以后找。（找是为了加样式，变得 ......
vue 阻止向上和向下冒泡
1、阻止向下冒泡<div @click.self="cancelFunc"></div> 2、阻止向上冒泡<div @click.stop="cancelFunc"></div> ......
（之前的项目复习）我的Java项目实战--校园餐饮商户外卖系统02
开发笔记二 1.完善登录功能 问题分析 前面我们已经完成了后台系统的员工登录功能开发，但是还存在一个问题:用户如果不登录，直接访问系统首页面，照样可以正常访问。 这种设计并不合理，我们希望看到的效果应该是，只有登录成功后才可以访问系统中的页面，如果没有登录则跳转到登录页面。 那么，具体应该怎么实现呢 ......
VUE怎么实现web端上传超大文件
IE的自带下载功能中没有断点续传功能，要实现断点续传功能，需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag 客户端每次提交下载请求时，服务端都要添加这两个响应头，以保证客户端和服务端将此下载识别为可以断点续传的下载： Accept-R ......
实现态展示数字（从0动态涨到指定数字）vue2与vue3
vue2 1 安装插件npm install vue-animate-number 2 在MAIN.JS中引入import Vue from 'vue'import VueAnimateNumber from 'vue-animate-number'Vue.use(VueAnimateNumber) ......
Vue router 跳转
useRouter（跳转）, useRoute（获取路由参数） // login.vue // 路由跳转-引入-01 import { useRouter } from "vue-router"; // 路由跳转-实例化后-02 // useRouter 使用push方法进行跳转 const rou ......
前端格式化时间
getTime(time) { var y = time.getFullYear() var m = time.getMonth() + 1 m = m < 10 ? '0' + m : m var d = time.getDate() d = d < 10 ? '0' + d : d var h ......
5 分钟带你小程序入门 [实战总结分享]
 => { const newPlus = new ......
vue的几个记录
1.父组件传递子组卷数组参数 props: { boxData: { type: Array, default: () => [], //重点 }, 2.要实现父组件传递子组卷的参数动态更新 （父-》子-》子，也只需要在最后一个子组件监听即可。） 需要用到监听器 watch:{ //监听父组件传递的 ......
Vue登录页
1. 创建login.vue文件 // @/pages/login.vue <el-form ref="formRef" :rules="rules" :model="form"> <el-form-item prop="username"> <el-input v-model="form.user ......
Vue2异步更新及nextTick原理
vue2.7 源码中，nextTick并没有直接使用某个 API ，而是采用了优雅降级的方案去实现异步更新。我们额外维护了一个 callbacks，用于存储 nextTick 回调 ......
vue-day2
绑定class样式 :class="" (v-bind的缩写) 修改vue维护的数据，而非直接操作dom 绑定style，内联样式，交给vue管理（要对象，或者数组） font-size -> fontSize 换位驼峰 ⭐⭐⭐vue条件渲染 v-show 底层 -> 调整style行内样式， di ......
前端显示气象数据
html文件如下 <div class="wt03"> <p class="wecss">气 温：<span id="temperature_min"></span> ~ <span id="temperature_max"></span></p> <p class ......
python3 多线程编程实战： http多线程下载器的编写
python3 多线程编程实战： http多线程下载器的编写 说到多线程的应用，这种并发下载的情况显然比较适合。也是日常生活中使用会比较广泛的一个应用。 当我们编写爬虫下载一些比较大的资源的时候，比如说视频。很多情况下使用多线程都能极大提升下载速度。 001.range字段 http分片下载的核心在 ......