大小 模板vue
Vue 路由router
简单案例： App.vue是核心组件，其中的<router-link>相当于a标签，to相当于href，export是暴露函数，这样某组件才能被其他组件识别到 代码： <template> <div id="app"> <img src="./assets/logo.png"> <h1>hello! ......
如何在Linux服务器上部署Vue项目
1. 在本地将Vue项目打包以项目运行在vscode为例，在调试窗口输入 npm run build待命令执行完毕之后，在项目目录下会生成dist文件夹，如下图 2. 创建一个运行文件，名字是：server.js server.js中的内容如下： const express = require('e ......
vue3源码-二、响应式原理effect的实现
effect实现 定义effect方法： export function effect(fn, options: any = {}) { // 创建响应式的effect const effect = createReactiveEffect(fn, options); // 默认会让effect先执 ......
vue3 vueRouter4 ：No match found for location with path ***
0. 采用vue+ router4 做路由导航. 首次载入控制台很干净. F5刷新后,控制台爆出警告,但点击路由正常工作. 1. 经过排查发现,是menu中使用了 <router-link> 这玩意,后来改造成 @click="router.push(ele.path)" 即可消除警告 2. 网络上 ......
响应式的 switchboard：让又大又慢的Vue/AIpine 页面爆快
我的提示： AIpine 是一个js 库，官网口号是 “一个新的轻量极javascript框架”，其实我之前也没接触过，翻译这篇文章时才注意到 官方地址： [AIpine.js]https://alpinejs.dev 下面开始是译文： 小提示： 在这篇文章中我将使用Vue/AIpine 术语 ，但 ......
针对Vue前后端分离项目的渗透思路
引言 在目前的开发环境下，越来越多的厂商选择 Vue.js 来实现前端功能的编写，且成熟的前端框架已经可以实现后端代码实现的功能，导致后端目前只负责提供 Api 接口和文档，方便前端的同时去调用。本文主要介绍如何针对这类前后端分离的网站去进行渗透测试，以及如何高效进行渗透测试成为了重点关注的问题。 ......
08-react修改state数据驱动视图UI的更新【注意和vue的区别】
// setState 修改状态 如果是直接修改页面不会改变 使用 setState 修改数据 才会驱动视图的改变 // setState 的原理：修改玩状态之后会调用 render 函数 import ReactDom from "react-dom" import { Component } f ......
可持久化线段树模板 区间第k小数,区间前k大数之和
第K小数 // AC one more times #include <bits/stdc++.h> using namespace std; #define fi first #define se second #define pb push_back #define endl '\n' #def ......
记录一下MAX在动画制作中遇到文件大小无限膨胀的BUG
最新在用MAX的biped骨骼做动画，一个简单的角色动画，用到了运动混合器，随着项目的推进，诡异的事情开始出现，文件变得无比庞大，但文件内都是链接，模型面数也不到1w，但文件大小却膨胀到了300多MB 这使得打开和保存变得无比慢，但是用首选项里的“压缩保存的文件”选项却可以把工程文件压缩到4MB 大 ......
【模板方法设计模式详解】C/Java/JS/Go/Python/TS不同语言实现
简介 模板方法模式（Template Method Pattern）也叫模板模式，是一种行为型模式。它定义了一个抽象公开类，包含基本的算法骨架，而将一些步骤延迟到子类中，模板方法使得子类可以不改变算法的结构，只是重定义该算法的某些特定步骤。不同的子类以不同的方式实现这些抽象方法，从而对剩余的逻辑有不 ......
Vue 异步通信Axios
使用Axios实现异步通信需要先导入cdn： <script src="https://unpkg.com/axios@1.4.0/dist/axios.min.js"></script>使用到的数据data.json { "name":"kuang" , "url":"https://www.bi ......
vue3源码-一、响应式原理reactive的实现
reactive的实现 使用： 使用reactive()函数创建一个响应式对象。 import { reactive } from 'vue' export default { // `setup` 是一个专门用于组合式 API 的特殊钩子函数 setup() { const state = rea ......
问题解决：Component name "xxx" should always be multi-word vue/multi-word-component-names
如题，原因是单个单词命名时语法检测无法通过，可以在导出组件时通过name属性给组件名加一个后缀，比如Component。 <script> export default { // 当组件名为一个单词时，语法检查是无法通过的，可以设置name的值为2个单词来规避检查。 name: 'HomeCompo ......
第四篇：白话tornado源码之褪去模板外衣的前戏
原笔记博客链接: https://www.cnblogs.com/wupeiqi/p/4592637.html 执行字符串表示的函数，并为该函数提供全局变量 本篇的内容从题目中就可以看出来，就是为之后剖析tornado模板做准备，也是由于该知识点使用的巧妙，所有就单独用一篇来介绍了。废话不多说，直接 ......
关于 Vue3 setup 语法糖
Vue3 setup 参考：https://juejin.cn/post/7009282373476941831#comment 新的 setup 是组件创建之前， props 被解析之后执行，是组合式 API 的入口 在 setup 中应该避免使用 this， 因为它不会找到示例。setup 的调 ......
P7603 [THUPC2021] 鬼街（减半警报器模板）
P7603 [THUPC2021] 鬼街（减半警报器模板） 前言 这是一个由 lxl 大佬提出的神奇 trick，第一次省选集训的时候有点颓，听完了没写。刚好明天又要讲这个不如写篇题解。 还是，我太弱了；所以又是研究一晚上才写出来，所以还是吧我对这道题的理解讲讲。 正文 何为折半报警器 按照 lxl ......
vue 表单校验el-form-item加上v-if不触发校验
1 问题：在使用element是使用自定义表单校验，当表单校验el-form-item加上v-if不触发校验的问题 下图是自定义的表单校验 当切换为v-if为true的条件时，表单校验无法触发 解决方法：在el-form-item的v-if上加一个key值，令key=prop的值就解决了 自定义校验 ......
6.Vue中的路由
6.路由 6.1.介绍 6.1.1.vue-router vue中的一个==插件==库，专门用来实现==SPA应用==。 6.1.2.SPA应用 单页Web应用（single page web application，SPA）。 整个应用==只有==一个完整的页面。 点击页面中的导航链接不会刷新页面 ......
设置wordpress:设置标题字号大小(wordpress 6.2)
一，未设置之前字号过大，如图: 说明：刘宏缔的架构森林是一个专注架构的博客，地址：https://www.cnblogs.com/architectforest 对应的源码可以访问这里获取： https://github.com/liuhongdi/ 或: https://gitee.com/liu ......
Vue 新建项目+基本语法
新建项目： 导入依赖： <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script> 基本语法 v-bind指令：可以动态绑定变量message <!DOCTYPE html> <html lang=" ......
vue 项目代码明明报错了，但控制台不打印错误的问题
我检查了如下几个内容： 我并没有任何地方做了try/catch 并不处理的情况。 也没有使用 app.config.errorHandler 全局错误拦截。 axios 也没有拦截响应也没有任何处理（哪怕报错的代码和请求无关） 哪怕手动输出 throw new Error(e.message) 也不 ......
vue2源码-十七、Vue组件间传值的方式及之间区别
Vue组件间传值的方式及之间区别 通过props传递：父组件传递数据给子组件 使用 // chilid,vue props:{ // 字符串形式 name:String // 接收的类型参数 // 对象形式 age:{ type:Number, // 接收的类型为数值 defaule:18, // ......
有序数组（类模板）
一、问题描述： 实现一个类模板，它可以接受一组数据，能对数据排序，也能输出数组的内容。 每行输入的第一个数字为0，1，2或3:为0时表示输入结束； 为1时表示将输入整数，为2时表示将输入有一位小数的浮点数，为3时表示输入字符。 如果第一个数字非0，则接下来将输入一个正整数，表示即将输入的数据的数量。 ......
Vue实战案例
Vue项目案例 结合之前学习的 vue.js、脚手架、vuex、vue-router、axios、elementui 等知识点，来开发前端项目案例（仅前端不含后端）。 1.项目搭建 其实就是将我们项目需要用到的组件都安装并配置好，需要做的事有： 创建项目 & 运行项目 vue create 项目名称 ......
Vue——renderMixin【十八】
前言 经过lifecycleMixin再接下来就到了renderMixin，接下来咱们就看看renderMixin中到底有什么； 内容 renderMixin位于src/core/instance/render.ts下； export function renderMixin(Vue: typeof ......
vscode pont 模板使用
一、安装 安装插件 vscode 创建项目 PS E:\Code\Vues> mkdir apricot-pont 1、创建目录 全局安装pont-engine $ npm i -g pont-engine 1、安装 pont-engine 二、使用 配置模板 $ pont start 1、配置模板 ......
vue3 ts 网易云信 未读数 手动设置已读已废弃
vue3 ts 网易云信 未读数 //未读数清空 $uikit.resetSessionUnread(store.sessionId.value); 调用接口nim.resetSessionUnread('sessionId')重置会话未读数。将此会话未读数置为0，之后收到消息重新计算未读数。 调用 ......
vue3 + ts + vite 封装 request
npm i axios 目录 request.ts (直接复制可用) import axios from "axios"; import { showMessage } from "./status"; // 引入状态码文件 import { ElMessage } from "element-pl ......
Vue项目如何配置、切换主题颜色（mixin + scss方式，简单高效）
Action一. 首先，引入scss依赖（node-sass, sass-loader)npm install node-sass sass-loader --save-dev1二.项目样式文件目录介绍1.此处我将项目中的公共样式文件放到了 src/style目录下，其中 index.scss是以供 ......