事项vue cli 01

Vue框架快速上手

Vue基础 vue指令 内容绑定 v-text 设置标签的内容一般通过双大括号的表达式{{ }}去替换内容 {{ hello }} v-html 与v-text类似区别在于html中的结构会被解析为标签设置元素的innerHTML,v-text只会解析文本 事件绑定 v-on 可以简写为@,绑定的方 ......
框架 Vue

Vue

Vue.js快速入门 一、前端技术栈 1、HTML:超文本标记语言。 2、CSS:样式层叠器。 3、javaScript:弱类型脚本语言,常用于动态DOM操作。 常用:ES5(所有浏览器支持)、ES6(主流使用,主流浏览器支持,可通过WebPack脚手架编译成ES5语法)。 4、JQuery:大家熟 ......
Vue

CSS-01 乱码

造成乱码的问题是: 文档保存的时候选择的编码方式和打开文档时使用的编码方式不一样。 当然现在都是统一使用utf-8:万国码。 正常文档格式: <!DOCTYPE html> <head> <meta charset="utf-8"> <title>标题</title> </head> <body> ......
乱码 CSS 01

2023-10-01-周日

1), 哟呵,已经是国庆第3天了,,,所以你感觉怎么样,,哈哈 2), 上午是继续完成PE_Worm那个project,,,,差不多13:00才搞完的 然后中午回寝室吃饭睡觉 吃的外卖,用了9元的优惠券 刷了许久的短视频 然后上床睡觉..可能是因为谁得不好吧,,所以昏昏沉沉的睡了很久 3), 下午继 ......
2023 10 01

Vue之组件基础使用的总结

这两天学习Vue,框框往脑子里面记新东西,无奈本人太笨,记不住太多东西,因此发博客记录并且复习一下。 在学习组件之前,需要先搭建起来脚手架,首先需要安装好node.js(默认大家都安装了) 然后打开命令行窗口,创建项目的路径我就以桌面为例: 首先这是脚手架的官方说明 因此我们需要先全局安装cli的包 ......
组件 基础 Vue

W.01 辗转相除法

W.01 辗转相除法 提示:本文主要偏于数学证明. [定义] 整除: \(a,b\in \mathbb{N}\),若 \(\exists c\in \mathbb{N}\), 使得 \(a=bc\),称 \(b\) 整除 \(a\),记作 \(b\mid a\). [定义] 带余除法: \(a,b\ ......
辗转相除法 01

template 2023.10.01

template 2023.10.01 todo demos --> (🐞 反爬虫测试!打击盗版⚠️)如果你看到这个信息, 说明这是一篇剽窃的文章,请访问 https://www.cnblogs.com/xgqfrms/ 查看原创文章! refs ©xgqfrms 2012-2021 www.cn ......
template 2023 10 01

2023.10.01 日记

1 + 1 = 2 令 \(f[i]\) 为 \(a+b=i\) 的和。 显然可得 \(f[a]=f[a-b]+f[b],f[1]=1\)。 所以可得 \(1+1=f[1]+f[1]=f[2]=2\)。 code #include<bits/stdc++.h> using namespace std ......
日记 2023 10 01

Work_01

1-1 顺序表基本操作 本题要求实现顺序表的操作集。 函数接口定义: Position Find( List L, ElementType X ); bool Insert( List L, ElementType X, Position P ); bool Delete( List L, Posi ......
Work 01

Vue3 appear 失效 如何使用 appear

最近在学习 vue3 的动画时遇到 appear 无法生效的问题 问题的具体表现: 看以下代码,按理应该来说,如果我们设置 fuct-appear-from,fuct-appea-active 后在元素初始出现时应该会有一个效果 html <Transition name="fuct" appear ......
appear Vue3 Vue

01-螺旋矩阵(力扣题号59

我的 想法:两重循环,控制换行,打印对应递增数字 问题:只能打印出第一行,虽然可以换行但是打印的数字不对 正确 思路:创建二维矩阵;给二维矩阵赋值;打印二维矩阵 代码 //题目: /* * 学习到: * 写代码遇到的问题 * 1. vector容器初始化: * 2. 函数返回类型的确定:该函数(ge ......
矩阵 螺旋 01

Vue双向数据绑定原理-下

Vue双向数据绑定原理-下这一篇文章主要讲解Vue双向数据绑定的原理,主要是通过Object.defineProperty()来实现的,这里我们手写Vue双向数据绑定的原理。 首先我提出一个需求,我的需求是,快速监听对象中所有属性的变化。 首先得要有一个对象,对象的定义代码如下: <script> ......
双向 原理 数据 Vue

Vue双向数据绑定原理-中

defineProperty方法 defineProperty除了可以动态修改/新增对象的属性以外, 还可以在修改/新增的时候给该属性添加get/set方法, 从而实现数据劫持。 defineProperty get/set方法特点 只要通过defineProperty给某个属性添加了get/set ......
双向 原理 数据 Vue

vue:自定义validator/验证规则(element-plus@2.3.12)

一,官方文档地址: https://element-plus.gitee.io/zh-CN/component/form.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E6%A0%A1%E9%AA%8C%E8%A7%84%E5%88%99 二,js代码: 1 2 3 4 5 6 ......
element-plus validator 规则 element plus

vue:el-table在resize时报错(element-plus@2.3.12)

一,报错信息: Uncaught runtime errors: × ERROR ResizeObserver loop completed with undelivered notifications. at handleError (webpack-internal:///./node_modu ......
element-plus el-table 时报 element resize

vue中+芝士整形误判为字符型

if(this.chart '+'){ return this.num1*1 + this.num2*1 } 乘个一就i行啦! ......
字符 vue

vue处理响应式的思路

首先看如下js代码 let a = '张三'console.log(a) // 当前页面展示的是张三 a = '李四' 首先页面刚开始渲染的时候数据a为张三,之后将a修改为了李四以后页面不会发生改变,但是数据已经修改了,vue为了解决这一问题,采用响应式的办法。 通过对象的definePropert ......
思路 vue

Vue自定义指令

定义指令 全局定义 // 指令名称为:mydirec1 Vue.directive('mydirec1', { // 指令配置 }) // 指令名称为:mydirec2 Vue.directive('mydirec2', { // 指令配置 }) 之后,所有的组件均可以使用mydirec1和mydi ......
指令 Vue

vue_error_Runtime directive used on component with non-element root node. The directives will not function as intended

翻译: '运行时指令,用于非元素根节点的组件。这些指令将无法发挥预期的作用'; 这个错误发生在我将v-show放在自定义组件上时, 我想是因为自定义组件在渲染时会被自定义组件的内部元素替换, 因此设置是无效的 解决: 在自定义组件外加一个div, 把v-show写在div上 ......

《Upload-Labs》01. Pass 1~13

前端绕过、MIME-Type 绕过、黑名单绕过(::$DATA 与双写绕过,大小写绕过,空格绕过,点绕过)、.htaccess 利用、.user.ini 利用、白名单绕过之 %00 截断绕过。 ......
Upload-Labs Upload Labs Pass 01

python生信01

001、生成 nN nnNN nnnNNN .... a、 [root@pc1 test1]# ls test.py [root@pc1 test1]# cat test.py ## 测试程序 #!/usr/bin/env python3 # -*- coding: utf-8 -*- for i ......
python

Vue源码学习(八):生命周期调用

好家伙, Vue源码学习(七):合并生命周期(混入Vue.Mixin) 书接上回,在上一篇中,我们已经实现了合并生命周期 现在,我们要在我们的初始化过程中,注册生命周期 1.项目目录 红框为本篇涉及到的.js文件 2.先来看 /utils/index.js export const HOOKS =[ ......
源码 周期 生命 Vue

vue3项目中跨域问题

查询之后发现是浏览器的同源策略,跨域了。浏览器的同源策略就是协议、域名、端口都要相同,有一个不同就会产生跨域问题。原本浏览器应该会自动调节端口去获取信息,但我这里将前后台代码都设置一台电脑上,可能端口占用了才产生了问题。解决方案就是在vite.config.js文件中设置一下代理就行了,具体代码如下 ......
项目 问题 vue3 vue

nodejs学习01-安装

参考: nodeJS压缩版安装与配置 注意: 最新版本不支持win7有问题,我win7 用的 node-v11.15.0-win-x86 历史版本下载:https://registry.npmmirror.com/binary.html?path=node/ ......
nodejs 01

Go每日一库之47:cli

## 简介 [`cli`](https://github.com/urfave/cli)是一个用于构建命令行程序的库。我们之前也介绍过一个用于构建命令行程序的库[`cobra`](https://go-quiz.github.io/2020/01/17/godailylib/cobra/)。在功能上 ......
cli

vue2 子组件向父组件传值

父组件: <category-component ref="jobCategory" :title="title" :path="pathUrl" @get-datalist="getDataList"></category-component> 子组件: this.$emit('get-datal ......
组件 vue2 vue

Uniapp学习笔记(vue3)

https://uniapp.dcloud.net.cn/ 使用 Vue.js 开发所有前端应用的框架 开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。 周边生态丰富 发送请求 meth ......
笔记 Uniapp vue3 vue

下载vue.js、element-plus的js和样式、locale.js、icon-vue.js

一、下载vue.js 地址:https://www.bootcdn.cn/vue/ 找到vue.global.js 点击复制链接,在浏览器中打开,如下所示: 二、下载element-plus的js和样式 进入element-plus的官网:https://element-plus.org/zh-CN ......
element-plus 样式 vue js icon-vue

vue下载PDF文件到本地

方法1. downloadPDF(fileName) { // 要下载的文件路径 var fileUrl = './file/' + fileName; // 创建一个隐藏的<a>元素,用于下载文件 var a = document.createElement('a'); a.href = file ......
文件 vue PDF

vue的扫盲笔记

1.模板语法 ○ Attribute 属性动态绑定多个值 const objectOfAttrs = { id: 'container', class: 'wrapper' } <div v-bind="objectOfAttrs"></div> ○ 指令 § v-bind 等价于 : <a v-b ......
笔记 vue