前端 终端 实战vue
vue2项目创建
vue2项目 基本安装 vue creare 项目名 cd 项目名 code . 按照其它模块 element-ui npm i element-ui -S 在 main.js 中写入以下内容： import Vue from 'vue' import App from './App.vue' im ......
Vue的介绍
一 Vue简介 Vue(读音 /vjuː/，类似于 view) 是一套用于构建用户界面的 渐进式框架 与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用 Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合 官网：https://cn.vuejs.org/ 二 Vue ......
Vue多层级组件传递动态具名插槽
这里以一个table组件的二次包装为案例，父组件中使用子组件（table组件）再次包装： Vue2： 子组件，inTable <template> <table> <thead> <tr> <th v-for="(item, index) of columns" :key="index"> {{ i ......
Python 之 爬虫实战 -- 收集某牙直播平台舞蹈区颜值排行榜（人脸检测+爬虫）
一大波高颜值主播来袭：快看，某牙颜值排名，为了这个排名我可是大费周章啦！不亏是你...（人脸检测+爬虫） 本次文章主要内容为： 一. 采集主播照片 二. 对于照片进行人脸识别检测, 进行打分 三. 评分排名。 环境准备 1）运行环境 开发环境：Python3、Pycharm社区版、requests、 ......
Python 之 爬虫实战 -- 免费音乐下载器
【Tkinter界面化小程序】用Python做一款免费音乐下载器、无广告无弹窗、清爽超流畅哦~ 思路 进入某音乐主页输入任意歌手，比如李XX为列。 音乐从哪里来？ 网站的服务器里 怎么从网址里得到音乐？ 向网站发起网络请求 最后用tkinter做成一个界面下载框即可 环境 本文用到的环境如下：Pyt ......
Python 之 爬虫实战 -- VIP视频解析小程序
VIP视频解析小程序 源码 # -*- coding:utf-8 -*- # url解析 from urllib import parse import tkinter.messagebox as msgbox import tkinter as tk import webbrowser impor ......
Python 之 爬虫实战 -- 爬取某网络小说
不生产小说，只做网站的搬运工，太牛逼了~（附源码） 源码 import requests from lxml import etree url = "https://www.biduo.cc/biquge/40_40847/" headers = { 'User-Agent': 'Mozilla/5 ......
Python 之 爬虫实战 -- 爬某音乐歌曲及评论信息
使用Selenium爬某音乐歌曲及评论信息啦~ Selenium简单介绍 1）简介 Selenium是一个用于测试网站的自动化测试工具，支持各种主流界面浏览 器。简而言之，Selenium是一个用来做网站自动化测试的库，它的定位是做 自动化测试的。我们也可以利用它来做爬虫，获取一些网页信息，并且这种 ......
Python 之 爬虫实战 -- 爬取某宝商品数据，附加某宝秒杀脚本
爬取某宝商品数据，附加某宝秒杀脚本 爬取某宝商品数据 源码 """ import requests # 第三方模块 import re import json import csv f = open('taobao.csv', mode='a', newline='', encoding='utf- ......
前端模块化
1.为什么需要模块化 随着前端应用的日益复杂，我们的项目代码已经逐渐膨胀到了不得不花大量时间去管理的程度了。而模块化就是一种最主流的代码组织方式，它通过把复杂的代码按照功能的不同划分为不同的模块单独维护，从而提高开发效率、降低维护成本。模块化可以使你能够更容易地重用代码。你可以创建一个模块来完成一个 ......
Vue学习七：自定义创建项目和vuex
一、自定义创建项目 默认的项目有很多包不全，需要的时候还要导包搭架子，因此我们可以自定义创建项目。 选择的项目按照自己需要的设置，可参考如下参数设置。（eslink是一种代码规范） 二、vuex 1、vuex概述vuex是一个vue的状态管理工具，状态就是数据。大白话: vuex 是一个插件，可以帮 ......
Vue3+vite路由配置优化(自动化导入)
今天在维护优化公司中台项目时，发现路由的文件配置非常多非常乱，只要只中大型项目，都会进入很多的路由页面，规范一点的公司还会吧路由进行模块化导入，但是依然存在很多文件夹的和手动导入的问题。 于是我想到了我之前使用vuex时进行的模块化自动导入js文件，能不能使用到自动导入.vue文件中去，答案是可以！ ......
MySQL实战实战系列 04 深入浅出索引（上）
提到数据库索引，我想你并不陌生，在日常工作中会经常接触到。比如某一个 SQL 查询比较慢，分析完原因之后，你可能就会说“给某个字段加个索引吧”之类的解决方案。但到底什么是索引，索引又是如何工作的呢？今天就让我们一起来聊聊这个话题吧。 数据库索引的内容比较多，我分成了上下两篇文章。索引是数据库系统里面 ......
vue 的 name 和最外层 class命名也需要保证唯一性
平时为了赶工期，在画页面的时候，会复制框架里面相同样式的页面，直接Ctrl+A Ctrl+C Ctrl+V 然后修改字段。 这样写节省不少时间，也提高了效率。 但是是有隐患的， 首先是vue的name，挺重要的比如keepalive时候，exclude include 的name就需要保持一致。(之 ......
vue + ElementUI 表格表头筛选数据过多，让筛选框显示滚动条
代码参考： .el-table-filter { max-height: 300px; overflow: auto; } 因为，表头筛选功能是引入的element ui的第三方组件，当我们的样式写了scoped进行了样式管控只适用于当前组件时，而又不想去除scoped属性造成组件之间的样式覆盖。这 ......
前端一些常用的正则表达式
一、校验数字的表达式 1 数字： ^[0-9]$ 2 n位的数字： ^\d{n}$ 3 至少n位的数字： ^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0- ......
若依管理系统-岗位管理前端代码解析
1 vue代码 前端基本采用Element-UI组件。 1.1 界面 1.1.1 查询界面 1.1.1.1 使用el-form组件。 <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="s ......
Vue中的scoped的实现原理以及scoped穿透的用法
参考：https://devpress.csdn.net/viewdesign/6410196b986c660f3cf923db.html?spm=1001.2101.3001.6650.5&utm_medium=distribute.pc_relevant.none-task-blog-2%7Ed ......
vue增长改查模版
1.前言 后台管理系统，基础信息录入的页面都是表格+弹窗形式的增删改查，依此进行封装，减少重复开发 涉及组件：表单，表格，分页，弹窗 涉及接口：列表查询，新增提交，编辑提交(整行) 2. ......
少年，该升级 Vue3 了！
Vue2 的终止支持时间是 2023 年 12 月 31 日，本文是一篇 Vue2 升级 Vue3 的指南，可帮助你快速从 Vue2 平滑升级到 Vue3。 ......
vue3 computed属性
该随笔是根据b站小满zs的Vue3 + vite + Ts + pinia + 实战 + 源码 +electron的视频学习写的，Vue3 + vite + Ts + pinia + 实战 + 源码 +electron ......
脱发秘籍：前端Chrome调试技巧汇总
脱发秘籍：前端Chrome调试技巧汇总 Chrome浏览器调试工具的核心功能： 🥷🏻注：本文测试、截图均为Edge浏览器（内核是Chromium），浏览器内核可了解《有哪些浏览器/内核？》 00、基础操作汇总 操作类型快捷键/说明 切换浏览器标签 🔸 Ctrl+1到8切换到对应序号的浏览器标签 ......
vue elementplus 使用cellRenderer重写单元格，滑动滚动条渲染复选框出现错误
使用elementplus的虚拟表格，动态加载表头的时候，第一列为复选框；但是在滚动滑动条的时候出现了一个奇怪的现象； 我选择了4和5，当我滑动滚动条的时候如下： 像是复选框跟着在动； 通过跟踪代码，查出问题； 在cellRenderer中打印checked的值发现问题，大滚动的时候，打印出来的都是 ......
vue2和vue3使用echarts时无数据，怎么显示暂无数据图片或文字
一开始也经历了用v-if和v-show，v-show的话echarts还会留出暂无数据图片的位置，导致echarts变形，v-if在加载和不加载切换时，dom会获取不到；后来也是在网上找的方法，时间有点长，原文地址就不贴了。 对了，在网上查方法的时候还找到了echarts noDataLoading ......
vue 自定义全局弹窗组件
问题描述： vue 自定义类似 elementUI 的 this.$confirm 解决方案： 通过vue 的extend 方法实现 然后全局注入 代码实现: 展示的组件 （就是最基本的vue组件代码） <!-- * @Author: linchun linchun * @Date: 2023-09 ......
html前端页面多规格商品sku选择
<style> body { background-color: palegoldenrod; position: relative; } footer { border: 1px solid red; height: 50px; position: fixed; bottom: 0; left: ......
前端设计模式：单例模式（Singleton）
单例模式（Singleton Pattern），也称单体模式，就是全局（或某一作用域范围）唯一实例，大家共享、复用一个实例对象，也可减少内存开销。单例模式应该是最基础、也最常见的设计模式了。 ......
从零开始使用vue2+element搭建后台管理系统（动态表单实现（含富文本框））[待完善]
在后台项目的实际开发过程中，涉及到表单的部分通常会使用动态渲染的方案进行实现，由后端接口返回表单配置，前端进行遍历渲染。考虑到通用后台需要具备的功能，除了基础的表单项如输入、下拉、多选、开关、时间、日期等，还需要具备上传、富文本框等功能。 首先导入一个百度来的富文本框插件：npm install v ......
.Net core 3.0 SignalR+Vue 实现简单的IM（无jq依赖）
.Net core 中的SignalR JavaScript客户端已经不需要依赖Jquery了 一、服务端 1、nuget安装 Microsoft.AspNetCore.SignalR2、在startup.cs中注册和使用signalr services.AddSignalR(); app.UseE ......
Git之实战命令使用
[版本回退] · git reset：回退版本，可指定某一次提交的版本。git reset [--soft | --mixed | --hard] commitId。 · git revert：撤销某个提交，做反向操作，生成新的commitId，原有提交记录保留。git revert commitI ......