前言

项目中用了element-ui，有切换主题色的需求。但官方的方式，有几个问题：

1、需要下载整个

前言

先直入主题列出有哪些传参方式，下面再通过事例一一讲解。

说说vue动态权限绑定渲染列表（权限列表渲染）

1. 首先请求服务器,获取当前用户的权限数据,比如请求 this.$http.get("rights/list");

我要实现的功能是打开一个新窗口用来展示新页面，而且需要传参数，并且参数不能显示在地址栏里面，而且当我刷新页面的时候，传过来的参数不能丢失，要一直存在，除非我手动关闭这个新窗口，即浏览器的标签页。

通过面向百度编程，发现网上的根本达不到这个效果，而且还都是坑，明明实现不了，还若有其事的写出来，于是我在标题特意加上有图有真相，诚我不欺，实现不了功能，就不要出来糊弄人。

VueUse基于Vue Composition API的工具库，提供200+开箱即用的函数

在Vue项目中，以下是我在生产环境中实践过且用户反馈较好的性能优化方案，整理为分类要点：

一、代码层面优化

1. 代码分割与懒加载

• 路由懒加载：使用 `() => import()` 动态导入组件，结合Webpack自动代码分割。

目标检测是图像处理的重要组成部分。自动驾驶汽车必须检测车道，路面，其他车辆，人，标志和信号等。我们生活在一个动态的世界中，一切都在不断变化。对象检测的应用无处不在。

最近学习了下爬虫，测试可以通过，先留着

import time
from selenium import webdriver
from selenium.webdriver.chrome.service import Service

from selenium.webdriver.common.by import By
from selenium.webdriver.common.action_chains import ActionChains
import urllib.request
import json
import os
import cv2

from webdriver_manager.chrome import ChromeDriverManager

def login_and_get_uid():

    chrome_options = webdriver.ChromeOptions()
    chrome_options.add_argument('--headless')
    chrome_options.add_argument('--no-sandbox')
    chrome_options.add_argument('--disable-gpu')
    chrome_options.add_argument('--disable-dev-shm-usage')

    driver = webdriver.Chrome(service=Service(ChromeDriverManager().install()), options=chrome_options)
    # try:
    #     pass
    # except Exception as e:
    #     print("eee:", e)
    # finally:
    #     driver.quit()
    driver.get("https://yyy.xxxxx.com/login")
    print(driver.title)
    driver.implicitly_wait(3)
    print(driver.title)
    #         print("User Agent:", user_agent)
    driver.find_element(By.NAME, 'username').send_keys("yyyyy")
    driver.find_element(By.NAME, 'password').send_keys("xxxx")

    # 找到登录按钮并点击
    login_button = driver.find_element(By.CLASS_NAME, 'btn-submit')
    login_button.click()

    time.sleep(1)

    img_element = driver.find_element(By.XPATH, '//img[@class="validate_big"]')
    src_value = img_element.get_attribute("src")
    print(src_value)
    img_element_2 = driver.find_element(By.XPATH, '//img[@class="validate_block"]')

    src_value_2 = img_element_2.get_attribute("src")
    print(src_value_2)
    if os.path.exists('./src_value.png'):
        os.remove('./src_value.png')
    urllib.request.urlretrieve(src_value, './src_value.png')
    if os.path.exists('./src_value_2.png'):
        os.remove('./src_value_2.png')
    urllib.request.urlretrieve(src_value_2, './src_value_2.png')

    smallImage = driver.find_element(By.XPATH, '//*[@id="slide"]/div/div[2]/div[2]')

    newDis = template_matching('./src_value.png', './src_value_2.png')

    print(newDis)
    driver.implicitly_wait(5)
    ActionChains(driver).click_and_hold(smallImage).perform()
    ActionChains(driver).move_by_offset(xoffset=newDis, yoffset=0).perform()
    ActionChains(driver).release().perform()
    time.sleep(2)
    print("ab:")
    time.sleep(2)
    driver.get("https:/www.sohuc.om")
    time.sleep(3)
    # xAuth = driver.execute_script("return window.sessionStorage.getItem('x-auth');")
    # access = driver.execute_script("return window.sessionStorage.getItem('access');")
    #
    max_ane = {
        "token": driver.execute_script("return window.sessionStorage.getItem('x-auth');"),
        "user_agent": driver.execute_script("return navigator.userAgent;"),
        "site_info": json.loads(driver.execute_script("return window.sessionStorage.getItem('access');")),
    }

    return {"max_ane": max_ane, "fin_ane": None}

def template_matching(img_path, tm_path):
    # 导入图片，灰度化
    img_rgb = cv2.imread(img_path)
    template_rgb = cv2.imread(tm_path)
    img_gray = cv2.cvtColor(img_rgb, cv2.COLOR_BGR2GRAY)
    tm_gray = cv2.cvtColor(template_rgb, cv2.COLOR_BGR2GRAY)
    # 缺口图去除背景
    h, w = tm_gray.shape
    w_start_index, h_start_index = 0, 0
    w_end_index, h_end_index = w, h
    # 缺口图去除背景
    # 算出高起始位置
    for i in range(h):
        if not any(tm_gray[i, :]):
            h_start_index = i
        else:
            break
    # 算出高的结束位置
    for i in range(h - 1, 0, -1):
        if not any(tm_gray[i, :]):
            h_end_index = i
        else:
            break
    # 算出宽的起始位置
    for i in range(w):
        if not any(tm_gray[:, i]):
            w_start_index = i
        else:
            break
    # 算出宽的起始位置
    for i in range(w - 1, 0, -1):
        if not any(tm_gray[:, i]):
            w_end_index = i
        else:
            break
    # 取出完整的缺口图
    tm_gray = tm_gray[h_start_index:h_end_index + 1, w_start_index:w_end_index + 1]
    # 自适应阈值话
    img_thresh = cv2.adaptiveThreshold(img_gray, 255, cv2.ADAPTIVE_THRESH_GAUSSIAN_C, cv2.THRESH_BINARY, 5, 0)
    tm_thresh = cv2.adaptiveThreshold(tm_gray, 255, cv2.ADAPTIVE_THRESH_GAUSSIAN_C, cv2.THRESH_BINARY, 5, 0)

    # 边缘检测
    img_canny = cv2.Canny(img_thresh, 0, 500)
    tm_canny = cv2.Canny(tm_thresh, 0, 500)
    #     cv2.imshow("img_canny", img_canny)
    #     cv2.imshow("tm_canny", tm_canny)
    h, w = tm_gray.shape[:2]
    # 模板匹配
    res = cv2.matchTemplate(img_canny, tm_canny, cv2.TM_CCOEFF_NORMED)

    min_val, max_val, min_loc, max_loc = cv2.minMaxLoc(res)
    left_up = max_loc
    print(left_up)
    right_bottom = (max_loc[0] + w, max_loc[1] + h)  # 右下角
    # 圈出矩形坐标
    cv2.rectangle(img_rgb, max_loc, right_bottom, (0, 0, 255), 2)
    if os.path.exists('res.png'):
        os.remove('res.png')
    cv2.imwrite('res.png', img_rgb)

    # 显示图片 参数：（窗口标识字符串，imread读入的图像）
    # cv2.imshow("test_image", img_rgb)
    return max_loc[0] / 400 * 238

if __name__ == '__main__':
    re = login_and_get_uid()
    print("re : ", re)

多模板匹配是一种在图像中同时寻找多个模板的技术。通过对每个模板逐一进行匹配，找到与输入图像最相似的区域，并标记出匹配度最高的结果。本实验提供了一个简单的多模板匹配案例，并将其封装为一个自定义函数 multiTemplateMatching，方便快速移植和使用。

源代码地址：
https://gitee.com/LockzhinerAI/LockzhinerVisionModule/tree/master/Cpp_example/C03_Template_Matching_more