动画vue amp
vue3.0和2.0的区别
Vue.js是一个渐进式JavaScript框架，Vue.js 3.0相比于2.0有以下区别: 更快：Vue.js 3.0的渲染速度比2.0快了近30%。 更小：Vue.js 3.0的体积比2.0小了41%。 更易维护：Vue.js 3.0的代码结构更加清晰，更易于维护。 更易于原生：Vue.js ......
使用vue2从零开始搭建自己的组件库（完整版）
前言 在前端开发中，除了常用的UI组件库以外，我们还会涉及到基于公司业务，需要定制化开发一些业务组件，还有随着项目的增多，开发人员的增多，为了提高工作效率，我们就需要统一管理好已开发好的业务组件。这时候我们就需要搭建自己的组件库，因为涉及到一些公司的业务，我们只能发布到私服的npm上。下面几点是我们 ......
【manim动画教程】-- 文本样式
文本的样式主要指颜色和字体相关的属性设置。 对于manim的两个文本对象 Text和 Tex来说， Text对象有更多的属性可以调整样式，相对来说，由于 Tex主要用来显示数学公式，所以关于样式的属性要少一些。 下面介绍一些我在视频制作时最常用的一些颜色和字体相关的属性。 1. 颜色相关 颜色设置主 ......
VSCode自建vue示例模板
步骤 打开File->Preferences->Configure User Snippets 选择New Global Snippets file... 输入名字（自定义），填入以下内容，注意修改vue.js路径 { "Print to console": { "prefix": "vue", " ......
VUE3 目录结构
├── dist/ └── src/ ├── api/ // 接口请求目录 ├── assets/ // 静态资源目录 ├── common/ // 通用类库目录 ├── components/ // 公共组件目录 ├── router/ // 路由配置目录 ├── store/ // 状态管理目录 ......
一个 OpenTiny，Vue2 Vue3 都支持！
TinyVue 是一套跨端、跨框架的企业级 UI 组件库，支持 Vue 2 和 Vue 3，支持 PC 端和移动端。今天给大家介绍如何同时在 Vue2 和 Vue3 项目中使用 TinyVue。 ......
vue全家桶进阶之路28：项目仓库Gitee
Gitee（之前称为GitCafe）是一种基于web的Git仓库托管服务，在中国很受欢迎。它为开发人员提供了一个平台，可以托管他们的Git仓库，与其他开发人员协作，并管理他们的代码。 https://gitee.com/ Gitee支持多种版本控制工具，包括Git和SVN。它还提供了一些高级功能，例 ......
vue全家桶进阶之路27：Vue.js 3.0的下载和安装
使用脚手架vue-cli创建vue3项目，创建前需要准备以下： 1、node.js环境 见：https://www.cnblogs.com/beichengshiqiao/p/17251233.html 2、npm、cnpm工具 见：https://www.cnblogs.com/beichengs ......
vue全家桶进阶之路26：Vue.js 3.0与Vue.js 2.x 的比较和注意事项
Vue.js 3.0 是 Vue.js 框架的最新版本，于 2020 年 9 月正式发布。Vue.js 3.0 主要的改进和新特性包括： 更好的性能：Vue.js 3.0 使用了更快的虚拟 DOM 实现，比 Vue.js 2.0 更快。 更小的体积：Vue.js 3.0 的代码体积比 Vue.js ......
vue之双向数据绑定v-model
简介 在vue中，当修改了变量，页面内容会根据变量的变化而变化。但是如果页面变化了，变量不会变化，这个就是单向数据绑定。当页面变化，变量也会跟着变化，这个是双向数据绑定 语法 <input type="text" v-model="变量"> 示例 <body> <div id="app"> <!-- ......
go cookie && session
前言： HTTP 协议是无状态的，所以用户的每一次请求都是无状态的， 不知道在整个 Web 操作过程中哪些连接与该用户有关。 应该如何来解决这个问题呢？ Web 里面经典的解决方案是 Cookie 和 Session。 正文： cookie 机制是一种客户端机制，把用户数据保存在客户端， 而 Ses ......
vue全家桶进阶之路25：Vue2的停维通知
Vue 2 的技术支持会持续多久？从官方发文来看，Vue 2.7 是当前、同时也是最后一个 Vue 2.x 的次级版本更新。Vue 2.7 会以其发布日期，即 2022 年 7 月 1 日开始计算，提供 18 个月的长期技术支持 (LTS：long-term support)。在此期间，Vue 2 ......
vue之事件修饰符
修饰符 |事件修饰服|释义| | |.stop|只处理自己的事件，子控件不再冒泡给父控件| |.self|只处理自己的事件，子控件的冒泡不处理| |.prevent|阻止a标签链接的跳转，也可以修改跳转页面| |.once|事件只会触发一次(适用于抽奖页面)| .stop事件 <div id="ap ......
Java Number&Math类
Number&Math类 所有包装类（Integer、Long、Byte、Double、Float、Short）都是抽象类Number的子类； 包装类基本数据类型 Boolean boolean Byte byte Short short Integer int Long long Characte ......
vue之过滤、筛选功能的实现
需求 给定一个列表(模拟数据)，根据用户输入，自动筛选输入的内容并输出到屏幕 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="./js/jQuery ......
vue3创建项目笔记
E:\vue3学习>npm init vite@latest vite-blog -- --template vueNeed to install the following packages: create-vite@4.2.0Ok to proceed? (y) y Scaffolding pr ......
报错：‘VUE-CLI-SERVICE‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。
启动前端的项目，命输入 npm run dev 时，报错：'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。如图： 1、管理员身份打开 2.输入set-ExecutionPolicy RemoteSigned 3、选择A 4、Pycharm-Terminal执 ......
会话管理机制&SQL注入攻击
会话管理机制 1.绝大多数Web应用程序中，会话管理机制是一个基本的安全组件 2.会话管理在应用程序执行登录功能时显得特别重要 3.因为，它可再用户通过请求提交他们的证书后，持续向应用程序保证任何特定用户身份的真实性 4.由于会话管理机制所发挥的关键作用，他们成为针对应用程序的恶意攻击的主要目标 5 ......
vue之箭头函数
说明 当在一个方法(函数)里面再定义一个方法(函数)时，内部的方法的this指向会有问题，如下： <body> <div id="app"> <h1>{{l1}}</h1> <button @click="clickFunc">点我</button> </div> </body> <script> ......
管理WEB服务器文件的WebDAV协议&HTTP大跃进--QUIC与HTTP30&WEB安全攻击概述
管理WEB服务器文件的WebDAV协议 WebADV协议 WEBDAV追加方法 WeDAV请求示例 HTTP大跃进--QUIC与HTTP30 QUIC&HTTP3.0 HTTP2.0的问题 队头阻塞 建立连接的握手延迟大 QUIC的特性 0RTT 没有队头阻塞的多路复用 WEB安全攻击概述 Web应 ......
vue动态添加表单validateField验证
1 <template> 2 <el-form ref="form" :model="form" :rules="rules" label-width="100px"> 3 <div v-for="(input, index) in inputs" :key="index"> 4 <el-form- ......
STM32中，对GPIO_Init(GPIOB, &GPIO_InitStructure)的理解
//笔者使用的硬件平台为STM32F103ZET6战舰版GPIO_InitTypeDef GPIO_InitStructure; GPIO_InitStructure.GPIO_Pin = GPIO_Pin_5; //指定GPIO - 端口配置PB5 -> LED0GPIO_InitStructur ......
vue定义全局函数，定义全局变量，修改变量
需求：设置一个全局的变量（messageList）和全局的方法。各组件都可以调用这个全局的方法去修改全局的变量（messageList）。 具体情况： 底部有一个消息组件。各组件接口调用时成功或失败的回调中调用一个全局的消息提示方法。类似this.$message.success('我是提示内容') ......
2009年NOIP提高组真题-HanKson的趣味题（GCD&LCM优化）
2009年NOIP提高组真题-HanKson的趣味题（GCD&LCM优化） 本题的编码是用Python实现的，C++的思路也是相同的。 希望本文能够帮助到你！ 题目： 暴力法： 直接根据题目的要求写： from math import gcd def lcm(a, b): return a*b//g ......
用CSS一分钟写出打字动画
HTML <div>没有空白的人生，永远都不会有心灵的宁静和精神的愉悦。</div> CSS3* { margin: 0; padding: 0; box-sizing: border-box; } body { text-align: center; display: flex; justify- ......
Linux - vi & vim 编辑器
vim 具有程序编辑的能力，可以主动的以字体颜色辨别语法的正确性，方便程序设计。 vim 是从vi发展出来的一个文本编辑器。代码补全、编译及错误跳转等方便编程的功能特别丰富，在程序员中被广泛使用。 基本上 vi/vim 共分为三种模式，分别是命令模式、输入模式和（不想写了，访问：https://ww ......
vue之字符串的方法
简介 本文会把遇到的字符串的方法慢慢补充进来 indexOf方法 indexOf方法判断字符串是否包含另一个字符串 判断结果如果包含返回的是索引，如果不包含，则返回-1 <script> let s = 'abc' let s1 = 'jfkdabcjkfda' let res = s1.index ......
vue之数组的方法
简介 本文会把遇到的数组的方法慢慢补充进来 filter方法 filter()方法是一个过虑方法 以下面的为例：列表dataList会每次取一个值，把值给匿名函数，并执行。比如第一次过虑会把a给dataList.filter(function (items){xxxx}，第二次会把at传给函数，后面 ......
2023.04.06 - vue组件中动态指定监听的值
业务场景：高拍仪给出的视频信息API回调里会不断返回图像数据。因为有主副摄像图像信息，并且两个图像信息会二选一展示在DOM容器里。所以就是二对一的关系。 // 主摄像数据 let priPic:string = ''; // 副摄像数据 let subPic:string = ''; // 展示在容 ......
vue 上传大型文件插件(vue上传视频插件)
IE的自带下载功能中没有断点续传功能，要实现断点续传功能，需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag 客户端每次提交下载请求时，服务端都要添加这两个响应头，以保证客户端和服务端将此下载识别为可以断点续传的下载： Accept-R ......