浏览器vue day 43

javaSE-day06(集合进阶)

异常 我们调用一个方法时,经常一部小心就出异常了,然后在控制台打印一些异常信息。其实打印的这些异常信息,就叫做异常。 因为写代码时经常会出现问题,Java的设计者们早就为我们写好了很多个异常类,来描述不同场景下的问题。而有些类是有共性的所以就有了异常的继承体系 public class Demo9 ......
javaSE-day javaSE day 06

Edge浏览器不弹出保存密码弹窗的解决方法和Edge浏览器打包扩展Edge备份扩展的方法

1、解决不弹保存密码弹窗的方法时退出账号时勾选"从此设备中清除收藏夹、历史记录、密码和其他浏览数据"。 2、如何备份打包扩展呢,扩展只能一个个的打包。选扩展根目录时一般在"C:\Users\<你自己的用户名>\AppData\Local\Microsoft\Edge\User Data"下面,比如我 ......
Edge 浏览器 方法 备份 密码

Vue和JS前端网页下载保存图片到本地电脑中

//保存图片 clickSaveImage(url) { let image = new Image(); // 解决跨域 canvas污染问题 image.setAttribute('crossOrigin', 'anonymous') image.src = url + '?time=' + n ......
前端 网页 电脑 图片 Vue

VUE SSR

1 简介 概念:ssr(server side render)服务端渲染 优点: 1.有利于搜索引擎的SEO操作,由于搜索引擎爬取的是完全渲染出来的页面。 2.对于网络慢或运行慢的设备,可提供良好的用户体验。 3.可以减少对服务器的请求。 缺点: 1.开发受限制,比如mounted生命周期钩子不能用 ......
VUE SSR

vue全家桶进阶之路19:webpack资源打包工具

Vue.js 是一个前端开发框架,它可以帮助我们快速构建单页应用和复杂的交互界面。而 Webpack 则是一个前端资源打包工具,它可以将多个 JavaScript、CSS、HTML、图片等资源打包成一个或多个文件,并提供模块化加载、压缩、混淆等功能,以便于前端开发和部署。 在使用 Vue.js 开发 ......
全家 webpack 工具 资源 vue

vue3 中 pinia 的 state 修改模版绑定的 state 数据没更新?

解决方案: 给 state 增加 computed import { useLayerStore } from "@/stores/"; const layer = useLayerStore(); const layerList = computed(() => layer.layerList); ......
state 模版 数据 pinia vue3

webstorm运行Vue项目环境配置(如何从0配置运行一个写好的vue项目)

1.在Node官网上下载zip安装包。 网址:https://nodejs.org/dist/v16.14.0/ (需要哪个版本就把/v后的版本号改成哪个版本) 2.下载完成后解压至需要的文件夹下。 3.在此文件夹下新建两个文件夹: node_cache:npm缓存路径 node_global:np ......
项目 webstorm 环境 Vue vue

超全、超简单Vue微信公众号授权登录指南

<template> <div id="app"> <h1>微信授权登陆</h1> <div> <div> <span>手机号</span>&nbsp;&nbsp; <input type="number" :value="account" placeholder="请输入手机号"> </div> ......
公众 指南 Vue

vue2实现路由懒加载

以下内容仅供学习使用 安装@babel/plugin-syntax-dynamic-import插件。 1.1 使用npm安装: npm install --save-dev @babel/plugin-syntax-dynamic-import 1.2 使用yarn安装: yarn add --d ......
路由 vue2 vue

《渗透测试》信息打点-语言框架&开发组件&FastJson&Shiro&Log4j&SpringBoot 2023 Day17

1 框架:简单代码的一个整合库,如果使用框架就只需要学习使用框架调用即可 如:文件上传功能是需要很多代码来实现的,框架把这个代码进行封封装,调用即可 影响:如果采用框架开发,代码的安全性是取决于框架的过滤机制 2 组件:第三方的功能模块(日志记录,数据监控,数据转换等) Web架构: 1、最简单最入 ......
amp SpringBoot 组件 框架 FastJson

无敌爬虫之无头浏览器

驱动下载 https://sites.google.com/a/chromium.org/chromedriver/downloads import bs4 import requests from selenium import webdriver import time # 启动Chrome无头 ......
爬虫 浏览器

VUE实现购物车界面

以下是一个用 Vue.js 实现购物车的简单示例: 在 Vue 组件中定义购物车数据: data() { return { cart: [], total: 0 } } 在商品列表或详情页中添加“加入购物车”按钮,并绑定添加购物车方法: <button @click="addToCart(produ ......
购物车 界面 VUE

将工作簿响应到浏览器下载

public static void writeWorkbookToResponse(HttpServletResponse response, Workbook wb, String fileName){ response.setContentType("application/vnd.openx ......
浏览器

Vue中watch和computed的区别和应用场景

watch中的函数是不需要调用的,computed内部的函数调用的时候不需要加()。Watch是属性监听,监听属性的变化;computed是计算属性,通过属性计算而得来的属性。watch需要在数据变化时执行异步或开销较大的操作时使用。computed 属性的结果会被缓存,除非依赖的响应式属性变化才会 ......
computed 场景 watch Vue

day2

1、层序遍历(广度优先遍历) 借助 队列 实现 队列 先进先出,符合一层一层遍历的逻辑 栈 先进后出,适合模拟深度优先遍历(递归) leetcode102 二叉树的层序遍历 迭代法(使用队列)【模板题】 class Solution { public List<List<Integer>> leve ......
day2 day

python day04

## day04数据类型(二) ### 今日内容 - 列表 - 元组 ### 内容回顾和补充 1.计算机基础 硬件:cpu/内存/硬盘/主板、网卡 操作系统 liunx(免费开源) 编译型语言:(代码写完后,编译器将其变成另外一个文件,然后交给计算机执行) - c - c++ - java - c# ......
python day 04

机器学习基础06DAY

模型检验-交叉验证 一般在进行模型的测试时,我们会将数据分为训练集和测试集。在给定的样本空间中,拿出大部分样本作为训练集来训练模型,剩余的小部分样本使用刚建立的模型进行预测。 训练集与测试集 训练集与测试集的分割可以使用cross_validation中的train_test_split方法,大部分 ......
机器 基础 DAY 06

代码随想录day 28 93.复原IP地址 | 78.子集 | 90.子集II

给定一个只包含数字的字符串,复原它并返回所有可能的 IP 地址格式。 有效的 IP 地址 正好由四个整数(每个整数位于 0 到 255 之间组成,且不能含有前导 0),整数之间用 '.' 分隔。 例如:"0.1.2.201" 和 "192.168.1.1" 是 有效的 IP 地址,但是 "0.011 ......
子集 随想录 随想 代码 地址

记录优化vue项目首屏加载慢的过程

##一 背景 当项目部署在外网时,前端首屏加载的平均时间是10S,通过开发者工具查看加载的包,例如chunk-libs.xxx.js的有2.9MB,因为包太大导致加载慢,严重影响了用户体验。 所以解决思路就有了两个: 能不能把包变小,下载就会快一些? 有一些js、css不经常变化的文件能不能通过浏览 ......
过程 项目 vue

VUE 大文件上传解决方案(500M以上)

​ 以ASP.NET Core WebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
解决方案 文件 方案 500M VUE

TS+vite+Vue3打包报错

报错信息见上图 根据要求进行修改操作 由于vite将ts的配置文件tsconfig.json隐藏,所以在暴露出来的tsconfig.json中进行修改 根据依赖继承,能够找到现在的js版本为:ES2016 在暴露出来的tsconfig.json中增加: 再次打包后,接着代码出现不识别HTML和win ......
vite Vue3 Vue TS

vue全家桶进阶之路18:Vue CLI脚手架

一切框架都是为了将开发变得简单、快捷、易操作,Vue CLI脚手架也不例外,它出自vue官方,脚手架的用意就是让开发变得像搭建房子那样标准而又有规划,它集成了很多常用的模块,更像是一个工具箱(插件集合),很多常用的配置文件或者文件夹也直接就有了,例如:webpack。 在搭建之前我们需要确认我们有没 ......
脚手架 全家 vue Vue CLI

vue3中watch的写法大合集。

VUE2的watch是一个属性写法是 watch:{ data1(newVal,oldVal){ 同步/异步操作 } } VUE3的watch则是一个函数,写法是 注意数据必须是响应式的 let num = ref(0) //watch(要监听的响应式数据,(新值,旧值)=>{更新时的回调}) wa ......
写法 watch vue3 vue

浏览器低版本兼容问题 解决可选链'?.'和双问号'??'

一次项目开发中,我本地浏览器没有任何问题,但是客户那边经常会有人打开页面就白屏,我这边也看不到报错,这种个别人必现问题,我就定位到是浏览器版本问题了。 一问他们版本 一个46,一个74。这是多么老的版本啊,让他么升版本,死活不升。 说是他们有什么东西需要U盾之类的东西,升了用不了,那好吧,客户至上, ......
39 问号 浏览器 版本 问题

PHP基础-day1

输出函数 echo print printf print_r var_dump 命名空间 namespace name{...} use namespace(namespace/class) as alias,namespace; namespace\classname::method()(clas ......
基础 day1 PHP day

day28 打卡93.复原IP地址 78.子集 90.子集II

day28 打卡93.复原IP地址 78.子集 90.子集II 93.复原IP地址 93题目链接 class Solution { List<String> result = new ArrayList<>(); public List<String> restoreIpAddresses(Stri ......
子集 地址 day 28 93

vue全家桶进阶之路8:Axios的安装与HTTP请求实战

Axios是一个基于Promise的HTTP客户端,用于在浏览器和Node.js中发送HTTP请求。它可以使用在Vue中发送请求以及与后端API进行交互。 在Vue中使用Axios可以通过以下步骤: 安装Axios 可以通过npm或yarn来安装Axios:npm install axios yar ......
实战 全家 Axios HTTP vue

day03 微信小程序

内容回顾 组件 view text image textarea navigator button 事件 bindtab api(5个) 今日摘要 小程序 后端api 今日详细 1、数据绑定 基本绑定 for循环 双向绑定 创建新目录 pages/telphone/telphone.wxml:(bi ......
程序 day 03

day27(2023.3.27)

1.获取线程名称 2.设置线程的名称 3.isAlive()方法线程是否存活 运行结果: 4.getPriority()线程优先级 运行结果: 5.守护线程 运行结果: 6.线程冲突案例 运行结果: 7.线程冲突案例(改进后的) 运行结果: day27(2023.3.27)星期一 ......
27 2023 day

day27 打卡39. 组合总和 40.组合总和II 131.分割回文串

day27 打卡39. 组合总和 40.组合总和II 131.分割回文串 39. 组合总和 39题目链接 class Solution { List<List<Integer>> result = new ArrayList<>(); LinkedList<Integer> path = new L ......
总和 回文 day 131 27