浏览器vue day 43

leeched-day4

动态规划 198.打家劫舍 题目描述: 你是一个专业的小偷,计划偷窃沿街的房屋。每间房内都藏有一定的现金,影响你偷窃的唯一制约因素就是相邻的房屋装有相互连通的防盗系统,如果两间相邻的房屋在同一晚上被小偷闯入,系统会自动报警。 给定一个代表每个房屋存放金额的非负整数数组,计算你 不触动警报装置的情况下 ......
leeched-day leeched day

javaSE-day05(lambda,正则)

Lambda表达式 JDK8新增的一种语法形式,叫做Lambda表达式。作用:用于简化匿名内部类代码的书写。 1.Lambda表达式基本使用 Lamdba是有特有的格式的,按照下面的格式来编写Lamdba。 (被重写方法的形参列表) -> { 被重写方法的方法体代码; } 需要给说明一下的是,在使用 ......
正则 javaSE-day javaSE lambda day

day23 打卡669. 修剪二叉搜索树 108.将有序数组转换为二叉搜索树 538.把二叉搜索树转换为累加树

day23 打卡669. 修剪二叉搜索树 108.将有序数组转换为二叉搜索树 538.把二叉搜索树转换为累加树 669. 修剪二叉搜索树 669题目链接 1.迭代法 class Solution { public TreeNode trimBST(TreeNode root, int low, in ......
数组 day 108 669 538

Vue 核心(一)

Vue 核心(一) 一、 Vue 简介 1、 概述 Vue是一套用于==构建用户界面==的==渐进式== JavaScript 框架。 渐进式:Vue 可以自底向上逐层的应用。 简单应用:只需一个轻量小巧的核心库 复杂应用:可以引入各式各样的 Vue 插件 如果说是JQuery是手工作坊,那么Vue ......
核心 Vue

Vue——initInjections【九】

前言 前面我们简单的了解了 vue 初始化时的一些大概的流程,这里我们详细的了解下具体的内容; 内容 这一块主要围绕init.ts中的initInjections进行剖析,初始化生命周期之后紧接着。 initInjections initInjections的方法位于scr/core/instanc ......
initInjections Vue

Vue中的this.$options.data()的this指向问题

项目里遇到一个问题,用this.$options.data()重置组件data时报错,原因是因为form里的rule规则采用了this写法。 如下: rules: { code: [this.$rules.required()], name: [this.$rules.required()], ag ......
this 指向 options 问题 data

Vue3

Vue3.0 Devtools6.5.0 开发者工具下载和安装 1、官网地址下载: GitHub - vuejs/devtools: ⚙️ Browser devtools extension for debugging Vue.js applications. 2、下载安装 ①找到其main下的T ......
Vue3 Vue

代码随想录Day7-Leetcode454. 四数相加 II,383. 赎金信 ,15. 三数之和 ,18. 四数之和

### 454. 四数相加 II 这个第一时间没想出来怎么做的; 后面看了题解才发现可以两两分组;绝了 /** * @param {number[]} nums1 * @param {number[]} nums2 * @param {number[]} nums3 * @param {number ......

javaweb-vue快速入门

资料来源于:B站尚硅谷JavaWeb教程(全新技术栈,全程实战) ,本人才疏学浅,记录笔记以供日后回顾 视频链接 知识点 Vue 前置条件:需要在项目中放入 vue.js文件 1) {{}} - 相当于innerText 2) v-bind:attr 绑定属性值。例如,v-bind:value - ......
javaweb-vue javaweb vue

vue3 移动端 实现树形结构 tree

实现效果: ) 版本号: 1、需求是支持全选功能,网上找了许多 这里做个记录 这里使用的是vue-virtual-tree 感觉作者写的很详细 可以跳转查看 git地址 2、使用方法 (1)npm i @ysx-libs/vue-virtual-tree (2)main.js中引入 import ' ......
树形 结构 vue3 tree vue

【ACM算法竞赛日常训练】DAY1题解与分析

DAY1 共四题: 月月查华华的手机:https://ac.nowcoder.com/acm/problem/23053 Rinne Loves Edges:https://ac.nowcoder.com/acm/problem/22598 逆序对:https://ac.nowcoder.com/a ......
题解 算法 DAY1 ACM DAY

命令行实现自动清除浏览器的浏览记录(vbs)

以下是前辈的经验,我借过来,学习学习,感谢感谢。 先看目的,批处理是不行的 用VBS 很简单 vbs例子如下,只需要保存为vbs文件即可,Set objShell = CreateObject(“Wscript.Shell”)doWScript.Sleep 3000objShell.SendKeys ......
命令 浏览器 vbs

chrome浏览器设置跨越进行联调

设置如下位置改到当前处即可 C:\Users\chaozhou11\AppData\Local\Google\Chrome\Application\chrome.exe --allow-file-access-from-files --user-data-dir="D:\mychromeData" ......
浏览器 chrome

浏览器编码相关知识

浏览器在解析HTML时,是按照一定的格式和编码来解析的,为了不扰乱HTML结构,有HTML编码(比如:<对应&lt;);为了 不扰乱JS的语法,有JS编码(比如:'对应\'),为了正常解析URL,有URL编码(比如:&对应%26)。总结起来也就三类,但是有不同的 编码形式。 1.1.1 HTML编码 ......
编码 浏览器 知识

vue keepAlive 三级菜单缓存

需求:缓存跨二级三级菜单。 原来项目是二级路由,现在增加一个层级。这种情况菜单展示是没有问题的,只是新的三级菜单不能缓存。 1.搭建框架 2.使用keepAlive --include <keep-alive :include="keepAliveList"> <router-view :key=" ......
缓存 keepAlive 菜单 vue

为vue程序多环境部署设置动态路由

问题的提出 Vue前端+springboot后端的开发架构很普遍,一般最终以war的形式部署到tomcat中运行。 笔者在开发、测试、部署时,由于环境不一致,需要不断改变vue前端的配置,导致一些不必要的重复工作。具体见下表, 运行环境 web服务器 前端访问后端的路径 开发时 vue采用ide自带 ......
路由 程序 动态 vue

vue3+ts的toRef和toRefs用法

<template> <div> <h2>toRefs的使用</h2> <h3>姓名:{{ obj.name }}</h3> <h3>年龄:{{ obj.age }}</h3> <hr /> <h3>姓名:{{ name }}</h3> <h3>年龄:{{ age }}</h3> </div> </ ......
toRefs toRef vue3 vue ts

vue-router往router component传props如果是named-views的话必须为每个named-view都定义props

在ssr改造时发现往Index.vue传props死活传不了,组件是named-view。 { path: 'list/:page', meta: { isGoodsList: true }, components: { default: () => import('pages/Index.vue' ......
router props named named-views vue-router

Vue2可以检测 引用数据类型 数组的响应式变化

在Vue2中,响应式基于Object.defineProperty实现的响应式,官方文档中明确说明 Vue 不能检测以下数组的变动: 当你利用索引直接设置一个数组项时,例如:vm.items[indexOfItem] = newValue 当你修改数组的长度时,例如:vm.items.length ......
数组 类型 数据 Vue2 Vue

Vue Hls m3u8 视频/直播

Hls m3u8 视频/直播 涉及知识:Vue hls m3u8 乐橙云 大华摄像头 Vue2 实时显示大华摄像头画面 安装依赖 "vue": "^2.6.11", "video.js": "^5.19.1 || ^6.2.0", "videojs-contrib-media-sources": " ......
视频 m3u8 Vue Hls 3u

vue3中如何通过遍历传入组件名称动态创建多个component 组件

背景 在 vue3 中,如果使用 component,可以动态加载一个组件,例如 <!-- 直接创建 --> <component :is="Image" /> 这样会将已经定义好并导入的比如 Image 组件加载出来,但是如果将需要展示的自定义组件放在一个数组中,遍历展示,则无法展示成功。 <!- ......
组件 component 多个 名称 动态

直播app开发搭建,Vue如何绑定一个每两秒生成的随机数

直播app开发搭建,Vue如何绑定一个每两秒生成的随机数 1、封装范围内随机整数 // 把随机数公式进行封装// 1. 准备一个函数, 接受几个参数// 两个参数, 分别是 a 和 bfunction randomNum(a, b) { // 2. 判断一下两个数字的大小关系 var max = M ......
随机数 app Vue

Vue之移动端viewport-vw适配

一、前置知识 vw:与视口的宽度有关,1vw 就是视口宽度的 1% vh:与视口的高度有关,1vh 就是视口高度的 1% vmin:与当下视口的宽度和高度的最小值有关,取值为 vw 和 vh 中较小的那个 vmax:与当下视口的宽度和高度的最大值有关,取值为 vw 和 vh 中较大的那个 vmin ......
viewport-vw viewport Vue vw

从0搭建Vue3组件库(七):使用 glup 打包组件库并实现按需加载

使用 glup 打包组件库并实现按需加载 当我们使用 Vite 库模式打包的时候,vite 会将样式文件全部打包到同一个文件中,这样的话我们每次都要全量引入所有样式文件做不到按需引入的效果。所以打包的时候我们可以不让 vite 打包样式文件,样式文件将使用 gulp 进行打包。那么本篇文章将介绍如何 ......
组件 Vue3 glup Vue

Vue-示例

计数器 <div id="counter"> <button @click="subOne">-</button> <span>{{num}}</span> <button @click="addOne">+</button> </div> <script src="https://cdn.jsde ......
示例 Vue

代码随想录Day5-Leetcode242.有效的字母异位词,349. 两个数组的交集,202. 快乐数,1. 两数之和

242.有效的字母异位词 准备面试隔了三天没刷题, 结果面试里就考到哈希表了,也是蛮感叹的. 简单题, 不过api又忘的差不多了 这道可以用数组手动实现一个简易哈希表, 但(因为面试里这么干我最后写不出来了)为了适配unicode还是用map更妥当 /** * @param {string} s * ......
随想录 之和 数组 交集 Day5-Leetcode

vue适配移动端

vue项目中 —— rem布局适配方案 Vant 中的样式默认使用 px 作为单位,如果需要使用 rem 单位,推荐使用以下两个工具: lib-flexible 用于设置 rem 基准值 postcss-pxtorem 是一款 postcss 插件,用于将单位转化为 rem 下面我们分别将这两个工具 ......
vue

IHome主页 - 让你的浏览器主页与众不同

随着互联网的发展,人们越来越离不开浏览器了。每天上班、学习、娱乐,浏览器成为人们的“第二个家”。 在这个过程中,浏览器的主页也变得越来越重要了。有些人喜欢简洁明了的主页,有些人则希望有丰富的内容。 今天,我要向大家介绍一个让你的浏览器主页与众不同的工具 - IHome主页。 IHome主页是一个可以 ......
主页 与众不同 浏览器 IHome

python day 1

# day 1 ### 解释器安装 1.下载解释器 5.添加环境变量 环境变量:方便解释器运行 ### 3.第一个脚本 打开电脑终端win+r 输入命令:解释器路径 脚本路径(建议py后缀) ### 4.编码 1.初始编码 - ascii ,英文 ,8位表示一个东西(字节) , 2***8只能代表字 ......
python day

Vue中使用 vue-i18n 进行国际化支持

前端国际化学习 前端国际化是很多地方都能用到的,今天学习一下用 vue3 + vite + ts + vue-i18n 插件来开发前端国际化项目 安装插件 vue-i18n npm install vue-i18n 创建翻译文件 -在 src 目录下新增 lang 目录,存放多语言文件 -这里简单创 ......
国际 vue-i Vue vue 18