浏览器vue day 43
macos:用homebrew安装node/安装vue-cli( node v18.15.0/ Homebrew 4.0.10-119)
一，用brew安装node liuhongdi@liuhongdideMacBook-Pro Homebrew % brew install node@18 ==> Downloading https://formulae.brew.sh/api/formula.jws.json #=#=# ==> ......
day02
剑指 Offer 06. 从尾到头打印链表 传送门 题意： 输入一个链表的头节点，从尾到头反过来返回每个节点的值（用数组返回）。 分析： java代码实现 class Solution{ // 节点定义 // class ListNode{ // int val; // ListNode next; ......
vue：路由守卫
路由守卫 作用：对路由进行权限控制 配置路由守卫应在暴露前配置 分类：全局守卫、独享守卫、组件内守卫 首先先给需要鉴权的路由设置好meta配置项。 meta配置项：是vue-router中的一个对象，主要用于存储路由的元数据（meta data）信息。这些元数据信息可以是一些描述性的内容，比如页面的 ......
day10| 225.用队列实现栈；232.用栈实现队列
题目简述： 请你仅使用两个队列实现一个后入先出（LIFO）的栈，并支持普通栈的全部四种操作（push、top、pop 和 empty）。 实现 MyStack 类： void push(int x) 将元素 x 压入栈顶。int pop() 移除并返回栈顶元素。int top() 返回栈顶元素。bo ......
webpack 从零开始搭建 vue-cli
🔱webpack 从零开始搭建 vue-cli🔱 1、Webpack 🐱🏍 1.1 webpack 是什么？做了啥？ Webpack 是一个模块打包工具。在开发中，它把一堆文件中每个都作为一个模块处理，找出它们间的依赖关系，并打包成待发布的静态资源。 主要做了： . 模块化 . 处理不同格 ......
[vue3]npm创建环境
1. npm安装 vue cli [root@Python 20230401VUE3]# npm install -g @vue/cli 2. 查看 vue版本 [root@Python 20230401VUE3]# vue --version @vue/cli 5.0.8 3. 创建项目 [roo ......
第二十二篇 vue - 深入组件 - 异步组件 - defineAsyncComponent
基本用法 defineAsyncComponent 在大型项目中，我们可能需要拆分应用为更小的块，并仅在需要时再从服务器加载相关组件。Vue 提供了 defineAsyncComponent 方法来实现此功能 import { defineAsyncComponent } from 'vue' co ......
第二十三篇 vue - 深入组件 - 内置组件 - Transition
动画组件 Transition 和 TransitionGroup Vue 提供了两个可以帮助你制作基于状态变化的过渡和动画内置组件 1、<Transition> 会在一个元素或组件进入和离开 DOM 时应用动画 2、<TransitionGroup> 会在一个 v-for 列表中的元素或组件被插入 ......
第二十四篇 vue - 深入组件 - 内置组件 - TransitionGroup
TransitionGroup <TransitionGroup> 是一个内置组件，用于对 v-for 列表中的元素或组件的插入、移除和顺序改变添加动画效果 和 的区别 <TransitionGroup> 支持和 <Transition> 基本相同的 props、CSS 过渡 class 和 Jav ......
第二十五篇 vue - 深入组件 - 内置组件 - keepAlive
keepAlive <KeepAlive> 是一个内置组件，它的功能是在多个组件间动态切换时缓存被移除的组件实例 在平常开发中，有部分组件没有必要多次初始化，这时，我们需要将组件进行持久化，使组件的状态维持不变，在下一次展示时，也不会进行重新初始化组件 kee-alive 是 Vue 内置的一个组件 ......
第二十六篇 vue - 深入组件 - 内置组件 - Teleport
Teleport <Teleport> 是一个内置组件，它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去 基本用法 有时我们可能会遇到这样的场景：一个组件模板的一部分在逻辑上从属于该组件，但从整个应用视图的角度来看，它在 DOM 中应该被渲染在整个 Vue 应用外部的其他 ......
第二十七篇 vue - 深入组件 - 内置组件 - Suspense
Suspense <Suspense> 是一个内置组件，用来在组件树中协调对异步依赖的处理。它让我们可以在组件树上层等待下层的多个嵌套异步依赖项解析完成，并可以在等待时渲染一个加载状态 <Suspense> 是一项实验性功能。它不一定会最终成为稳定功能，并且在稳定之前相关 API 也可能会发生变化 ......
第二十八篇 vue - 深入组件 - 动态组件 - component
component 动态组件就是动态变化的组件，和动态样式一样，通过用户的操作来确定是什么类型的组件。动态样式是绑定:style，动态组件则是绑定:is 在 vue 中，实现 Tab 切换主要有三种方式：使用动态组件，使用 vue-router 路由，使用第三方插件。本文将详细介绍Vue动态组件 所 ......
第二十一篇 vue - 深入组件 - 依赖注入 - provide 和 inject
Prop 逐级透传问题 provide 和 inject 可以帮助我们解决这一问题。 [1] 一个父组件相对于其所有的后代组件，会作为依赖提供者 任何后代的组件树，无论层级有多深，都可以注入由父组件提供给整条链路的依赖 Prop 逐级透传问题 通常情况下，当我们需要从父组件向子组件传递数据时，会使用 ......
代码随想录day 32● 122.买卖股票的最佳时机II ● 55. 跳跃游戏 ● 45.跳跃游戏II
122.买卖股票的最佳时机II 给定一个数组，它的第 i 个元素是一支给定股票第 i 天的价格。 设计一个算法来计算你所能获取的最大利润。你可以尽可能地完成更多的交易（多次买卖一支股票）。 注意：你不能同时参与多笔交易（你必须在再次购买前出售掉之前的股票）。 示例 1: 输入: [7,1,5,3,6 ......
2·1浏览器背后的故事、2·2HTTP协议的前世今生、2·3透过TCPIP看HTTP、2·4DNS域名解析、2·5回溯TTP事务处理过程
浏览器背后的故事 Http ·超文本传输协议(HTTP)是一种通信协议它允许将超文本标记语言(HTML)文档从Web服务器传送到客户端的浏览器 ·HTTP是一个属于应用层的面向对象的协议由于其简捷快速的方式,适用于分布式超媒体信息系统 它于1990年提出经过几年的使用与发展得到不断地完善和扩展 We ......
vue2 + sass + sass-loader
本地vue脚手架版本：5.0.8 本地node版本：v18.13.0 项目创建：vue init webpack demo 由于项目本身不支持sass，需要首先安装：npm install sass sass-loader -D,记住：此处无需安装node-sass，安装后报错。 由于sass和sa ......
day01
剑指 Offer 09. 用两个栈实现队列 leetcode传送门 用两个栈实现一个队列。队列的声明如下，请实现它的两个函数 appendTail 和 deleteHead ，分别完成在队列尾部插入整数和在队列头部删除整数的功能。(若队列中没有元素，deleteHead 操作返回 -1 ) 分析： ......
day32 打卡122.买卖股票的最佳时机II 55. 跳跃游戏 45.跳跃游戏II
day32 打卡122.买卖股票的最佳时机II 55. 跳跃游戏 45.跳跃游戏II 122.买卖股票的最佳时机II 122题目链接 class Solution { public int maxProfit(int[] prices) { int result = 0 ; for (int i = ......
vue第一课：简单了解
1，通过JS引入，学习的时候通过CDN即可 <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> 2，在HTML文件中 <div id ='root'> <h1>hello,{{name}}</h1> </div> <s ......
浏览器背后的故事&HTTP的前世今生
浏览器背后的故事 HTTP： 超文本传输协议(HTTP)是一种通信协议，它允许将超文本标记语言（HTML）文档从Web服务器传送到客户端的浏览器 HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统，它于1990年提出，经过几年的使用与发展，得到不断地完善和扩 ......
vue (一)
vue是一套构建用户界面的前端框架。 构建用户界面指的是用vue往html中填充数据。 框架指的是一套现成的解决方案，程序员只能遵守框架的规范，去编写自己的业务功能。 vue指令、组件（ui的复用）、路由、vuex、vue组件库 只有把上面罗列的内容掌握之后 才有开发vue项目的能力。 vue框架的 ......
day9| 28. 实现strStr()；459. 重复的子字符串
28. 实现strStr() 题目简述： 给你两个字符串 haystack 和 needle ，请你在 haystack 字符串中找出 needle 字符串的第一个匹配项的下标（下标从 0 开始）。如果 needle 不是 haystack 的一部分，则返回 -1 。 思路： 1. 暴力求解 2. ......
day31（2023.3.31）
1.TCP双向通信(创建服务端) 2.TCP双向通信(创建客户端) 运行结果: 3.点对点聊天应用(创建服务端) 4.点对点聊天应用(创建客户端) 运行结果: 5.点对点应用聊天优化（服务端和客户端一起） 运行结果: 3月底了,一个月过去了,继续加油,冲冲冲! day31（2023.3.31）星期五 ......
Linux终端居然也可以做文件浏览器？
大家好，我是良许。 在抖音上做直播已经整整 5 个月了，我很自豪我一路坚持到了现在【笑脸】 最近我在做直播的时候，也开始学习鱼皮大佬，直播写代码。当然我不懂 Java 后端，因此就写写自己擅长的 Shell 脚本。 但是，由于我是在 Linux 终端上写代码，没办法向观众朋友们展示一些图片或者 PD ......
Flask快速入门day 01（flask介绍、快速使用、配置文件、路由系统）
Flask框架 前言: Flask框架和Django框架的区别： Django框架： 大而全，内置的app的很多，第三方app也很多 Flask框架： 小而精，没有过多的内置app，只能完成web框架的基本功能，很多功能都需要借助第三方 拓展： python异步框架： fastapi：https:/ ......
VUE分别使用普通方法、计算属性、监听器完成简易计算器
VUE分别使用普通方法、计算属性、监听器完成简易计算器 声明：本方法使用VUE完整框架独立模块组件来实现 TOP：实现效果 Ⅰ：完整框架 Ⅱ：框架实现案例组件功能细分 1.APP组件 总组件，管理所有组件(每个单独的组件最后都汇总到APP组件里,便于管理) 管理汇总:Methodss组件、Watch ......
我的第一个项目(七):(解决问题)Vue中canvas无法绘制图片
好家伙, 现在,我想要把我的飞机大战塞到我的主页里去,想办法把文件导入 然后,直接死在第一步,图片渲染都成问题 先用vue写一个测试文件 来测试canvas的绘制 <template> <div> <div ref="stage"></div> <button @click="drawsth()"> ......
Vue3 深度选择器原理
一、Demo <!-- 补录身高与体重 --> <script lang="ts" setup> import { ref } from 'vue'; const isShow = ref(true); const height = ref(); const weight = ref(); </sc ......