浏览器vue day 43

The second day learning summary

1.什么是接口测试? 接口测试是测试系统组件间接口的一种测试。接口测试主要用于外部系统与系统之间以及内部各个子系统之间的交互点,定义特定的交互点,然后通过这些交互点来,通过一些特殊的规则也就是协议,来进行数据之间的交互。测试的重点是要检查数据的交换,传递和控制管理过程,以及系统间的相互逻辑依赖关系等 ......
learning summary second The day

配置webDriver(火狐浏览器)

1. 查看浏览器版本号 在下载火狐浏览器的驱动之前,先确认自己火狐浏览器的版本号。 火狐浏览器 : 设置 > 常规 > (下拉)Firefox 更新, 可以看到版本号。 我的浏览器版本: 120.0.1 (64 位) 如果想下载其他火狐浏览器的版本,可以到下面这个链接:https://ftp.moz ......
火狐 webDriver 浏览器

vue webpack 配置babel es6转化转化es5

1、安装相关依赖 npm i -D @babel/core@7.12.3 npm i -D @babel/preset-env@7.12.1 npm i -D babel-loader@8.0.6 // 语法中有 async await 等 npm i -D @babel/plugin-transf ......
webpack babel es vue es6

uni-app 基础架构搭建 ts+vue3 命令行

1. 安装全局degit npm install -g degit2.创建工程 my-vue3-ts-project # 创建以 javascript 开发的工程 npx degit dcloudio/uni-preset-vue#vite my-vue3-ts-project # 创建以 ts 开 ......
架构 命令 uni-app 基础 vue3

Vue + Element 实现按钮指定间隔时间点击

1、业务需求 需要加一个按钮,调用第三方API,按钮十分钟之内只能点击一次,刷新页面也只能点击一次 2、思路 加一个本地缓存的时间戳,通过时间戳计算指定时间内不能点击按钮 3、实现 1)vue页面 <template> <el-row :gutter="15"> <el-col :span="4"> ......
按钮 Element 时间 Vue

vue + 无限滚动不同高度

<div class="exbox" style="height:461px;overflow:auto" @mouseenter="handleMouseEnter()" @mouseleave="handleMouseLeave()"> <div class="main rollul" ref= ......
高度 vue

vue3

Vue3快速上手 1.Vue3简介 2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王) 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址:https://github.com/vuejs/vue-next/re ......
vue3 vue

【源码系列#03】Vue3计算属性原理(Computed)

专栏分享:vue2源码专栏,vue3源码专栏,vue router源码专栏,玩具项目专栏,硬核💪推荐🙌 欢迎各位ITer关注点赞收藏🌸🌸🌸 语法 传入一个 getter 函数,返回一个默认不可手动修改的 ref 对象 const count = ref(1) const plusOne = ......
源码 Computed 属性 原理 Vue3

Chrome浏览器对不同标签页进行着色

方法1:使用标签组 Chrome 浏览器的标签组功能允许您将标签分组在一起,并为每个组分配不同的颜色。要创建标签组,请右键单击一个标签,然后选择“添加到新组”。您还可以将标签拖放到另一个标签上以将其添加到组中。 要更改标签组的颜色,请单击标签组的圆点,然后选择“更改颜色”。您可以从预定义的颜色列表中 ......
浏览器 标签 Chrome

uniapp使用vue3+ts的聊天对话框

先看一下效果图 通过scroll-view实现消息的刷新和滑动,能查看消息和发送图片,支持图片数量自定义。 其中主要是scroll-view通过id定位滑动,当有新消息滑动到最底部,上拉能够刷新历史消息;当选择图片的时候,输入框根据选择的图片数量高度进行调整; ......
对话框 uniapp vue3 vue ts

vue引入echarts

我用的是vue脚手架 版本是vue2 首先下载vue npm install --save echarts 执行这个命令 如果报错 vue中有提示 加上--force 或者 --legacy-peer-deps main.js中配置 import * as echarts from 'echarts ......
echarts vue

阅读《Effective c++》第三版 day 3

本系列是我在阅读《Effective C++》时的思考及感悟,希望让更多学习C++的人看到学习,并希望指出文章有错误之处,我愿意接受指正。 ......
Effective day

Vue 配置.env.pro和.env.dev文件

1、Vue2 配置 1.1 新建文件 .env.development VUE_APP_BASEURL='http://localhost:8081' .env.production VUE_APP_BASEURL='http://localhost:8082' 1.2 访问 import Vue ......
env 文件 Vue dev pro

Day21 顺序结构及选择结构中的If结构

顺序结构 Java的基本结构就是顺序结构,从上到下的顺序执行,是任何一种算法都离不开的基本算法结构 package com.baixiaofan.struct; public class ShunXuDemo { public static void main(String[] args) { Sy ......
结构 顺序 Day 21

Web开发学习HTTP协议、通过浏览器控制台学习HTTP协议。

@目录HTTP协议1.HTTP协议是什么?2.HTTP协议的特点3.什么是URL?4.通过浏览器控制台学习HTTP协议Request Headers请求数据格式说明Response Headers请求数据格式说明5.HTTP工作原理 HTTP协议 1.HTTP协议是什么? HTTP协议是一种超文本传 ......
控制台 HTTP 浏览器 Web

不再支持安卓 7.0!谷歌Chrome浏览器120稳定版发布

今天,谷歌面向所有支持平台,发布了Chrome浏览器的120 稳定版更新,该版本不再支持安卓7.0/7.1系统。 在新功能上,Chrome浏览器120稳定版推出一项新的“主动安全检查”功能,该功能会定期运行,检查浏览器是否存在安全问题,并在检查完成之后通知用户。 在设置中也为此新增了一个新的“安全检 ......
浏览器 Chrome 7.0 120

浏览器http请求正常文件头打印信息

[12-06 19:25:14.663] [info] [advanced_server.cpp:187 handle_request()] total request is:GET /index.htmlk HTTP/1.1Host: 127.0.0.1:8081Connection: keep- ......
浏览器 文件 信息 http

Vue前端+后端实现带进度条文件分片上传

传输参数对象 package com.deju.provider.upload.domain; import lombok.Data; import org.springframework.web.multipart.MultipartFile; @Data public class Multipa ......
前端 进度 文件 Vue

基于Browscap对浏览器工具类优化

项目背景 原有的启动平台公共组件库comm-util的浏览器工具类BrowserUtils是基于UserAgentUtils的,但是该项目最后一个版本发布于 2018/01/24,之至今日23年底,已有5年没有维护更新,会造成最新版本的部分浏览器不能正确获取到浏览器信息。(至于为什么停更了获取不到最 ......
Browscap 浏览器 工具

2023最新高级难度vue面试题,包含答案。刷题必备!记录一下。

好记性不如烂笔头 内容来自 面试宝典-高级难度vue面试题合集 问: 如何在 Vue.js 中实现代理? 在 Vue.js 中,可以使用 vue-resource 或 axios 库来实现代理。以下是实现的基本步骤: 安装 vue-resource 或 axios 库。可以通过 npm 或 yarn ......
难度 答案 2023 vue

vue 中scope 不管用

![](https://img2023.cnblogs.com/blog/1202393/202312/1202393-20231206174313930-1258780921.png) ![](https://img2023.cnblogs.com/blog/1202393/202312/1202... ......
scope vue

2023最新初级难度vue面试题,包含答案。刷题必备!记录一下。

好记性不如烂笔头 内容来自 面试宝典-初级难度vue面试题合集 问: 请解释一下 Vue.js 是什么? Vue.js(/vjuː/,或简称为Vue)是一个用于创建用户界面的开源JavaScript框架,也是一个创建单页应用的Web应用框架。Vue.js的主要目标是通过尽可能简单的API实现响应的数 ......
难度 答案 2023 vue

2023最新中级难度vue面试题,包含答案。刷题必备!记录一下。

好记性不如烂笔头 内容来自 面试宝典-中级难度vue面试题合集 问: 如何在 Vue.js 中构建 SSR 应用? 构建 SSR (Server Side Rendering) 应用可以提高 SEO(搜索引擎优化),同时改善首屏加载速度。以下是构建 SSR 应用的具体步骤: 设置环境:首先,确保已经 ......
难度 答案 2023 vue

TP接口 前端vue调用出现跨域

出现跨域的解决方式 1.当预处理请求options失败, 代码报错 会出现跨域cors,排查错误代码 2.设置路由跨域 Route::GET('search/list', 'Index/list')->allowCrossDomain(); ......
前端 接口 vue

VUE3引入pinia配置使用

文档:https://pinia.vuejs.org/zh/introduction.html 1.引入pinna npm install pinia -S 2.在src文件里面创建store文件article.js 在main.js中引用pinna import { defineStore } f ......
pinia VUE3 VUE

Vue动画效果-商品加入购物车

购物类app中常有商品加入购物车的动画需求 主要实现代码 type Fn = (...args: any[]) => void interface Events { [name: string]: Fn[] } export class EventEmitter { events: Events c ......
购物车 效果 动画 商品 Vue

Leetcode刷题day7-字符串.反转ⅠⅡ.反转单词.右旋转

344.反转字符串 344. 反转字符串 - 力扣(LeetCode) 编写一个函数,其作用是将输入的字符串反转过来。输入字符串以字符数组 s 的形式给出。 不要给另外的数组分配额外的空间,你必须原地修改输入数组、使用 O(1) 的额外空间解决这一问题。 示例 1: 输入:s = ["h","e", ......
字符串 单词 字符 Leetcode day7

java与算法Day1 Scanner的应用(一)

java中使用输入需要用到java.util.Scanner。Scanner有next,nextInt,nextString,hasNext,hasNextLine等方法。 使用 XXX variable = Scanner.NextXXX就可以获取一个输入值。next系列的方法,他们的作用都是从键 ......
算法 Scanner java Day1 Day

项目: vue2+Vue3(重构)去哪儿网webapp

技术栈:Vue+webpack+vue-router+vuex+axios+element UI+ swiper 三个大组件:首页、城市选择详情页、详情页 开发方式是用模块化:一个大组件里会有多个子组件,由这些子组件来'填充'大组件,这样方便后续维护: city city.vue component ......
项目 webapp vue2 Vue3 vue

详细一些的vue生命周期

如果你和我一样,以前对vue生命周期的理解仅限于生命周期钩子,那么本文可以让我们更深入一层,理解vue在生命周期各个阶段所做的事,对我们对vue的理解和使用很有好处。 (1)通过new Vue()创建新的vue实例 不管页面还是组件,都是一个个vue实例。一个vue应用,其实就是一个个vue实例的嵌 ......
周期 生命 vue
共12000篇  :32/400页 首页上一页32下一页尾页