浏览器vue day 43
javaSE-day06(集合进阶)
异常 我们调用一个方法时,经常一部小心就出异常了,然后在控制台打印一些异常信息。其实打印的这些异常信息,就叫做异常。 因为写代码时经常会出现问题,Java的设计者们早就为我们写好了很多个异常类,来描述不同场景下的问题。而有些类是有共性的所以就有了异常的继承体系 public class Demo9 ......
Edge浏览器不弹出保存密码弹窗的解决方法和Edge浏览器打包扩展Edge备份扩展的方法
1、解决不弹保存密码弹窗的方法时退出账号时勾选"从此设备中清除收藏夹、历史记录、密码和其他浏览数据"。 2、如何备份打包扩展呢,扩展只能一个个的打包。选扩展根目录时一般在"C:\Users\<你自己的用户名>\AppData\Local\Microsoft\Edge\User Data"下面,比如我 ......
Vue和JS前端网页下载保存图片到本地电脑中
//保存图片 clickSaveImage(url) { let image = new Image(); // 解决跨域 canvas污染问题 image.setAttribute('crossOrigin', 'anonymous') image.src = url + '?time=' + n ......
VUE SSR
1 简介 概念:ssr(server side render)服务端渲染 优点: 1.有利于搜索引擎的SEO操作,由于搜索引擎爬取的是完全渲染出来的页面。 2.对于网络慢或运行慢的设备,可提供良好的用户体验。 3.可以减少对服务器的请求。 缺点: 1.开发受限制,比如mounted生命周期钩子不能用 ......
vue全家桶进阶之路19:webpack资源打包工具
Vue.js 是一个前端开发框架,它可以帮助我们快速构建单页应用和复杂的交互界面。而 Webpack 则是一个前端资源打包工具,它可以将多个 JavaScript、CSS、HTML、图片等资源打包成一个或多个文件,并提供模块化加载、压缩、混淆等功能,以便于前端开发和部署。 在使用 Vue.js 开发 ......
vue3 中 pinia 的 state 修改模版绑定的 state 数据没更新?
解决方案: 给 state 增加 computed import { useLayerStore } from "@/stores/"; const layer = useLayerStore(); const layerList = computed(() => layer.layerList); ......
webstorm运行Vue项目环境配置(如何从0配置运行一个写好的vue项目)
1.在Node官网上下载zip安装包。 网址:https://nodejs.org/dist/v16.14.0/ (需要哪个版本就把/v后的版本号改成哪个版本) 2.下载完成后解压至需要的文件夹下。 3.在此文件夹下新建两个文件夹: node_cache:npm缓存路径 node_global:np ......
超全、超简单Vue微信公众号授权登录指南
<template> <div id="app"> <h1>微信授权登陆</h1> <div> <div> <span>手机号</span> <input type="number" :value="account" placeholder="请输入手机号"> </div> ......
vue2实现路由懒加载
以下内容仅供学习使用 安装@babel/plugin-syntax-dynamic-import插件。 1.1 使用npm安装: npm install --save-dev @babel/plugin-syntax-dynamic-import 1.2 使用yarn安装: yarn add --d ......
《渗透测试》信息打点-语言框架&开发组件&FastJson&Shiro&Log4j&SpringBoot 2023 Day17
1 框架:简单代码的一个整合库,如果使用框架就只需要学习使用框架调用即可 如:文件上传功能是需要很多代码来实现的,框架把这个代码进行封封装,调用即可 影响:如果采用框架开发,代码的安全性是取决于框架的过滤机制 2 组件:第三方的功能模块(日志记录,数据监控,数据转换等) Web架构: 1、最简单最入 ......
无敌爬虫之无头浏览器
驱动下载 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 ......
将工作簿响应到浏览器下载
public static void writeWorkbookToResponse(HttpServletResponse response, Workbook wb, String fileName){ response.setContentType("application/vnd.openx ......
Vue中watch和computed的区别和应用场景
watch中的函数是不需要调用的,computed内部的函数调用的时候不需要加()。Watch是属性监听,监听属性的变化;computed是计算属性,通过属性计算而得来的属性。watch需要在数据变化时执行异步或开销较大的操作时使用。computed 属性的结果会被缓存,除非依赖的响应式属性变化才会 ......
day2
1、层序遍历(广度优先遍历) 借助 队列 实现 队列 先进先出,符合一层一层遍历的逻辑 栈 先进后出,适合模拟深度优先遍历(递归) leetcode102 二叉树的层序遍历 迭代法(使用队列)【模板题】 class Solution { public List<List<Integer>> leve ......
python day04
## day04数据类型(二) ### 今日内容 - 列表 - 元组 ### 内容回顾和补充 1.计算机基础 硬件:cpu/内存/硬盘/主板、网卡 操作系统 liunx(免费开源) 编译型语言:(代码写完后,编译器将其变成另外一个文件,然后交给计算机执行) - c - c++ - java - c# ......
机器学习基础06DAY
模型检验-交叉验证 一般在进行模型的测试时,我们会将数据分为训练集和测试集。在给定的样本空间中,拿出大部分样本作为训练集来训练模型,剩余的小部分样本使用刚建立的模型进行预测。 训练集与测试集 训练集与测试集的分割可以使用cross_validation中的train_test_split方法,大部分 ......
代码随想录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 大文件上传解决方案(500M以上)
以ASP.NET Core WebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
TS+vite+Vue3打包报错
报错信息见上图 根据要求进行修改操作 由于vite将ts的配置文件tsconfig.json隐藏,所以在暴露出来的tsconfig.json中进行修改 根据依赖继承,能够找到现在的js版本为:ES2016 在暴露出来的tsconfig.json中增加: 再次打包后,接着代码出现不识别HTML和win ......
vue全家桶进阶之路18:Vue CLI脚手架
一切框架都是为了将开发变得简单、快捷、易操作,Vue CLI脚手架也不例外,它出自vue官方,脚手架的用意就是让开发变得像搭建房子那样标准而又有规划,它集成了很多常用的模块,更像是一个工具箱(插件集合),很多常用的配置文件或者文件夹也直接就有了,例如:webpack。 在搭建之前我们需要确认我们有没 ......
vue3中watch的写法大合集。
VUE2的watch是一个属性写法是 watch:{ data1(newVal,oldVal){ 同步/异步操作 } } VUE3的watch则是一个函数,写法是 注意数据必须是响应式的 let num = ref(0) //watch(要监听的响应式数据,(新值,旧值)=>{更新时的回调}) wa ......
浏览器低版本兼容问题 解决可选链'?.'和双问号'??'
一次项目开发中,我本地浏览器没有任何问题,但是客户那边经常会有人打开页面就白屏,我这边也看不到报错,这种个别人必现问题,我就定位到是浏览器版本问题了。 一问他们版本 一个46,一个74。这是多么老的版本啊,让他么升版本,死活不升。 说是他们有什么东西需要U盾之类的东西,升了用不了,那好吧,客户至上, ......
PHP基础-day1
输出函数 echo print printf print_r var_dump 命名空间 namespace name{...} use namespace(namespace/class) as alias,namespace; namespace\classname::method()(clas ......
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 ......
vue全家桶进阶之路8:Axios的安装与HTTP请求实战
Axios是一个基于Promise的HTTP客户端,用于在浏览器和Node.js中发送HTTP请求。它可以使用在Vue中发送请求以及与后端API进行交互。 在Vue中使用Axios可以通过以下步骤: 安装Axios 可以通过npm或yarn来安装Axios:npm install axios yar ......
day03 微信小程序
内容回顾 组件 view text image textarea navigator button 事件 bindtab api(5个) 今日摘要 小程序 后端api 今日详细 1、数据绑定 基本绑定 for循环 双向绑定 创建新目录 pages/telphone/telphone.wxml:(bi ......
day27(2023.3.27)
1.获取线程名称 2.设置线程的名称 3.isAlive()方法线程是否存活 运行结果: 4.getPriority()线程优先级 运行结果: 5.守护线程 运行结果: 6.线程冲突案例 运行结果: 7.线程冲突案例(改进后的) 运行结果: day27(2023.3.27)星期一 ......