动画vue amp
聪明办法学python—task05&选学01
条件语句 if语句: 1.else if —— > elif 2.后面是冒号 3.其余与c语言相同 循环结构 while循环 while 条件 : body statments for-in 循环 for 变量 in 字符串/范围/集合: statements 结束循环 break continue ......
Vite4+Typescript+Vue3+Pinia 从零搭建(5) - 路由router
项目代码同步至码云 weiz-vue3-template Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成,让用 Vue.js 构建单页应用变得轻而易举。 1. 安装 npm i vue-router@4 2. 集成 1. 新建两页面进行示例 在src/view下 ......
Vue3
官网 https://cn.vuejs.org/guide/quick-start.html 再vue3中采用的是组合式API风格(组合式 API (Composition API)) 通过组合式 API,我们可以使用导入的 API 函数来描述组件逻辑。在单文件组件中,组合式 API 通常会与 <s ......
聪明办法学Python Task05 & 选学01
聪明办法学 Python 学习笔记 Chapter 4 条件 Conditionals if 语句 if statement Conditionals Make Decisions if 语句流程 一个例子 def f(x): print("A", end="") if x == 0: print( ......
[Vue] vue学习笔记(3): 渲染
条件渲染 主要有四个指令 v-show:控制元素可视性,即是否增加样式display=none v-if/v-else-if/v-else:类似if/else-if/else的逻辑结构,进行条件判断,控制元素的可视性,注意这种方法会直接决定元素是否出现DOM树上,而非样式改变 < ! n is a ......
如何定位&避免死锁
https://www.bilibili.com/video/BV1d84y1R71V/?spm_id_from=333.999.0.0&vd_source=a3fefff79a3be320da3db60b271f05c9 1、死锁伪代码 2、如何定位: jps 找到进程id jstack pid ......
DASCTF 2023 & 0X401七月暑期挑战赛-web复现
别问为什么不复现十一月的那个比赛,因为不会wwwww。 EzFlask 进去就有源码了,先cv到编辑规范看一下: import uuid from flask import Flask, request, session, json from secret import black_list app ......
金山胖&你竟然赶我走&二维码
金山胖 WP 1.题目 压缩包打开,给了一张gif 没做过misc哈哈哈,感觉杂项还挺有意思的 2.解题 wps方式,选择GIF编辑,,,答案藏在21帧,51帧,79帧 三部分连起来,flag flag{he11ohongke} 你竟然赶我走 一张jpg 记事本打开,ctrl+f 搜索flag,,, ......
[Vue] vue学习笔记(3): 绑定样式
动态绑定样式 vue允许动态设置class的值,通过利用v-bind指令 🎄情景: 假设存在多个class样式,并给元素指定一个class = "basic", 类名随不同情况更改 <div id="root"> <! 动态设置后,类名变为"basic happy" or "basic sad" ......
【OC & Swift】iOS定时器
1 概述对于定时器的使用,主要就是关注3个方面:(1)创建并启动一个定时器(重复/不重复);(2)定时器的销毁,防止内存泄漏;(3)定时器的开启和关闭。另外在OC和Swift中,写法上有些细节注意下,详情看下面的代码块示例。 2 OC语言 2.1 Timer实例对象的创建 NSTimer *time ......
AES 公钥加密 & Base64转码 加密解密
import CryptoJS from 'crypto-js'; function toString(words) { return CryptoJS.enc.Utf8.stringify(words); } function toBase64String(words) { return Cryp ......
vue2与vue3的区别
一、双向数据绑定原理的区别 vue2 的双向数据绑定是利用ES5 的一个APIObject.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的 vue3发生了改变,使用proxy替换Object.defineProerty,使用Proxy的优势 1、可直接监听数组类型的数 ......
vue 创建 项目方式
使用 webpack 创建 vue create pageName 资料 https://cli.vuejs.org/zh/guide/ 使用 vite 创建 npm create vue@latest 资料 https://cn.vitejs.dev/guide/cli https://githu ......
vue Vite3出现错误runtime-core.esm-bundler.js:6835 Uncaught TypeError: normalizeKey is not a function at createBaseVNode (runtime-core.esm-bundler.js:6835:19)
原因是在引入Element-Plus的顺序在vue之前导致,重新调整下他们的顺序后,问题解决。 import App from './App.vue' import { setupI18n } from '/@/i18n' import { setupRouter } from '/@/router ......
手机直播源码,js实现懒加载、vue实现图片懒加载指令
手机直播源码,js实现懒加载、vue实现图片懒加载指令 图片懒加载 监听滚动条滚动事件,当视口的高度+滚动高度,大于图片所在位置举例顶部的偏移量时(也就是距离),加载图片资源 index.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> ......
有状态 & 无状态
原文:https://www.cnblogs.com/Timeouting-Study/p/16078916.html 1. 什么是服务中的状态 有状态和无状态服务是两种不同的服务架构,两者的不同之处在于对于服务状态的处理。 服务状态是服务请求所需的数据,它可以是一个变量或者一个数据结构。无状态服务 ......
vue3 reactive对象的watch
代码 <script setup> import { ref,reactive, watch } from 'vue' const obj = reactive({ count: 0 }) const yourKnow0 = ref('') const yourKnow1 = ref('') let ......
vue项目中知识点整理
1、vue怎么找到入口页面的? 在Vue项目中,入口页面(即根组件)是通过配置文件指定的。在创建Vue项目时,Vue CLI会自动生成一个src目录,并在其中创建一个名为main.js的文件。这个main.js文件就是Vue项目的入口文件。 在main.js文件中,你会看到以下代码: import ......
Vue 使用 sheetJS 通过 sheetJSON 解析 Excel 文件
安装 $ npm install xlsx 处理 import XLSX from 'xlsx'; /** * @param {string} data 文件名.xlsx */ export const read = (data, type, headerType=null) => { // 获取 ......
vue2和vue3项目并存时,下载nvm管理nodejs
1、下载nvm 1)下载一个1.19版本以上的nvm,在执行“npm install”时报错“npm ERR! Unexpected token '.'”。。https://blog.csdn.net/qq_25286361/article/details/132899937 2)在nvm/sett ......
vue3结构赋值失去响应式引发的问题思考
前言 vue3是基于 proxy 实现响应式的能力, 解决了vue2所遗留下来的一些问题,同时也正由于 proxy 的特性,也提高了运行时的性能 凡事有利有弊, proxy虽然无敌,但是他也有本身的局限,从而产生一些认为的弊端 原始值的响应式系统的实现 导致必须将他包装为一个对象, 通过 .valu ......
vue+iframe 添加请求头,自适应宽度和高度,iframe将token放在请求头不是src的url中
1 <template> 2 <div class="iframe"> 3 <iframe 4 v-if="isRequestHeader" 5 id="myIframe" 6 name="myIframe" 7 src="" 8 frameborder="0" 9 scrolling="no" 1 ......
Vue3 + Express 实现大文件分片上传、断点续传、秒传
前言 在日常开发中,文件上传是常见的操作之一。文件上传技术使得用户可以方便地将本地文件上传到 Web 服务器上,这在许多场景下都是必需的,比如网盘上传、头像上传等。 但是当需要上传比较大的文件的时候,容易碰到以下问题: 上传时间比较久; 中间一旦出错就需要重新上传; 一般服务端会对文件的大小进行限制 ......
Vuex及Vue组件通信
Vuex及Vue组件通信 Vuex是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证 状态以一种可预测的方式发生变化。 通俗点说就是不用考虑组件之间的嵌套关系(例如:父子、祖孙、兄弟等),就可以让组件之间进行互相通信。 组件五把 ......
【VUE基础】VUE3核心语法
setup setup是Vue3中一个新的配置项,值是一个函数,它是 Composition API “表演的舞台”,组件中所用到的:数据、方法、计算属性、监视......等等,均配置在setup中。 特点如下: setup函数返回的对象中的内容,可直接在模板中使用。 setup中访问this是un ......
[13] Tomcat 架构设计&基本原理
1. Tomcat 引入 1.1 功能需求 浏览器发给服务端的是一个 HTTP 格式的请求,HTTP 服务器收到这个请求后,需要调用服务端程序来处理,所谓的服务端程序就是你写的 Java 类,一般来说不同的请求需要由不同的 Java 类来处理。 那么问题来了,HTTP 服务器怎么知道要调用哪个 Ja ......
简单介绍Vue、uni-app、微信小程序三者之间的联系
uni-app和Vue的关系 使用Vue.js开发;在发布到H5时,支持所有的vue的语法;发布到App和小程序时,不支持部分vue语法(vue-router,需要dom操作的第三方插件、组件) uni-app和小程序的关系 组件标签靠近小程序规范;接口能力(JS API)靠近微信小程序规范;拥有完 ......
使用vue3和vite导入index.vue文件而不指定文件名
<script setup> import MapTimeLegend from "./components/MapTimeLegend" </script> [plugin:vite:import-analysis] Failed to resolve import "./components/M ......
聪明办法学Python Task05&选学01
条件CONDITIONALS if语句 语法为: if 条件: 选择执行的语句 #要有缩进,一般为四个空格 “如果”条件为True,就会去执行接下来的内容。“如果”条件为False,就跳过。 *注意:*1.条件后面有冒号 2.if 内部的语句需要有一个统一的*缩进*,一般为四个空格,特别注意的是 ......
VUE与WPF树形控件的区别与使用
VUE:树形结构显示,主要在数据查询的时候把数据拼成树形结构的数据, 注意:VUE中树形结构体必须要有children,此对象必须是list类型 WPF:树形结构显示,是把所有的数据查询到,然后WPF中的控件通过ID和PID来自动把数据呈现成树形结构 ......