动画vue amp
初识AJAX&AJAX的基本用法
初识AJAX Ajax是什么 Ajax是Asynchronous JavaScript and XML (异步 JavaScript 和 XML)的简写 Ajax中的异步：可以异步地向服务器发送请求，在等待响应的过程中，不会阻塞当前页面，浏览器可以做自己的事情。直到成功获取响应后，浏览器才开始处理响 ......
第四篇 vue - 基础 - 模版语法
模版语法 Vue 使用一种基于 HTML 的模板语法，使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上 所有的 Vue 模板都是语法层面合法的 HTML，可以被符合规范的浏览器和 HTML 解析器解析 在底层机制中，Vue 会将模板编译成高度优化的 JavaScript 代码。结合响应式 ......
vue3中ref和shallowRef的区别
在 Vue 3 中，ref 和 shallowRef 都是用来创建响应式数据的函数，它们之间的主要区别在于它们对于传入的对象的处理方式不同。 ref 用于创建一个包装器对象，可以将基本类型值或对象转换为响应式数据。例如： import { ref } from 'vue' const count = ......
第二篇 Vue 基础 - 什么是 Vue 及 vue 的基本特点
什么是 Vue Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架 它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，可以高效地开发用户界面 无论是简单还是复杂的界面，Vue 都可以胜任 最基本的 ......
第一篇 vue - 基础 - vue 项目的构建方式
安装 node.js node.js 是一个 Javascript 的运行环境 一、node.js 是什么 ？ Node.js 不是JS应用、而是JS运行平台 Node.js 采用C++语言编写而成,是一个 Javascript 的运行环境 1、node.js 不是一门语言，不是库，不是框架，只是一 ......
第三篇 vue - 基础 - 创建一个 Vue 应用、应用实例讲解
创建一个 Vue 应用 当前介绍如何在本地搭建 Vue 单页应用。创建的项目将使用基于 Vite 的构建设置，并允许我们使用 Vue 的单文件组件 (SFC) 确保已经安装了最新版本的 Node.js，然后在命令行中运行以下命令 npm init vite vue@latest 这一指令将会安装并执 ......
webpack.config.js和vue.config.js的区别
webpack.config.js是webpack的配置文件，所有使用webpack作为打包工具的项目都可以使用，vue的项目可以使用，react的项目也可以使用。 vue.config.js是vue项目的配置文件，专用于vue项目。通过vue.config.js中常用功能的配置，简化了配置工作，当 ......
第九篇 css - css3 新特性总结 - 【选择器 + 新样式 + 颜色渐变 + 动画 + 布局】
选择器 属性选择器 1、[attr]：选择包含 attr 属性的标签 2、[attr=value]：选择 attr 属性值为 value 的标签 3、[attr^=value]：选择 attr 属性值以 value 开头的标签 4、[attr*=value]：选择 attr 属性值包含 value ......
vue 横向滚动菜单点击居中
最近在写项目的时候遇到一个功能 vue 横向滚动菜单实现点击 元素滚动可视区域居中，网上找了一些轮子都不是很好用，决定自己写一个，话不多说，开撸 先上效果如下，点击后面item可自动滚动到可视区域 在template中的代码 <div class="navbar-list"> <div class= ......
Vue的$nextTick完成后获取渲染后的dom数据
问题是这样滴： 需要在div的内容更新后获取div的高度，如果在更新值后马上获取，则高度还是之前的，需要在$nextTick中获取，但是呢这个高度需要返回给上层函数用做比较，所以就想$nextTick返回后在处理，搜索后发现$nextTick是处理异步的一个回调函数，它返回的是一个promise对象 ......
vue全家桶进阶之路20：ECMAScript脚本语言规范
ECMAScript（简称 ES）是一种由 Ecma 国际组织定义的脚本语言标准，它定义了 JavaScript 语言的基本规范和特性。JavaScript 是一种基于 ECMAScript 标准的编程语言，因此 ECMAScript 对于 JavaScript 开发来说非常重要。 ECMAScri ......
el-dialog在vue3中的应用
一般根据文档给到的demo，其中:visible.sync控制显示隐藏，我实测不行的呢?改用v-model=“dialogVisible”来实现 <template> <el-dialog title="提示" :visible.sync="dialogVisible"> <!-- 对话框内容 -- ......
Vue和JS前端网页下载保存图片到本地电脑中
//保存图片 clickSaveImage(url) { let image = new Image(); // 解决跨域 canvas污染问题 image.setAttribute('crossOrigin', 'anonymous') image.src = url + '?time=' + n ......
Python & Anaconda 基础安装及配置
原文链接：http://t.csdn.cn/nzH5w 说明 使用系统：Windows 11 本文暂时只包含最基础的PyCharm & Anaconda安装及环境配置，供自己记录使用，更为具体的配置方法请参考原文 ##一、安装包下载（版本与原文有别） ###1. PyCharm安装包 本文使用的安装 ......
VUE SSR
1 简介 概念：ssr（server side render）服务端渲染 优点： 1.有利于搜索引擎的SEO操作，由于搜索引擎爬取的是完全渲染出来的页面。 2.对于网络慢或运行慢的设备，可提供良好的用户体验。 3.可以减少对服务器的请求。 缺点： 1.开发受限制，比如mounted生命周期钩子不能用 ......
三维动画必备神器！人物角色自动绑定Blender插件Auto-Rig Pro+Quick Rig！
今天给大家分享的是三维人物角色动作自动绑定Blender插件 Auto-Rig Pro V3.67.32 + Quick Rig V1.25.17，Quick Rig 是Auto-Rig Pro 插件的扩展，需要先安装 Auto-Rig Pro（出于兼容性目的，最好使用最新版本。） Quick Ri ......
vue全家桶进阶之路19：webpack资源打包工具
Vue.js 是一个前端开发框架，它可以帮助我们快速构建单页应用和复杂的交互界面。而 Webpack 则是一个前端资源打包工具，它可以将多个 JavaScript、CSS、HTML、图片等资源打包成一个或多个文件，并提供模块化加载、压缩、混淆等功能，以便于前端开发和部署。 在使用 Vue.js 开发 ......
vue3 中 pinia 的 state 修改模版绑定的 state 数据没更新？
解决方案： 给 state 增加 computed import { useLayerStore } from "@/stores/"; const layer = useLayerStore(); const layerList = computed(() => layer.layerList); ......
webstorm运行Vue项目环境配置(如何从0配置运行一个写好的vue项目)
1.在Node官网上下载zip安装包。 网址：https://nodejs.org/dist/v16.14.0/ （需要哪个版本就把/v后的版本号改成哪个版本） 2.下载完成后解压至需要的文件夹下。 3.在此文件夹下新建两个文件夹： node_cache：npm缓存路径 node_global：np ......
【manim动画教程】-- 安装
manim是基于python语言开发的开源框架，是由 3blue1brown 开发的。 本来是他们自己用来制作数学视频用的，因为其友好的API和漂亮的UI效果，在开源之后，立刻流行起来。 原先开源的地址是： 后来托管给了社区，现在安装最新的版本请从这里下载： 改版之后，命令行更加清晰，简单。 支持的 ......
超全、超简单Vue微信公众号授权登录指南
<template> <div id="app"> <h1>微信授权登陆</h1> <div> <div> <span>手机号</span> <input type="number" :value="account" placeholder="请输入手机号"> </div> ......
vue2实现路由懒加载
以下内容仅供学习使用 安装@babel/plugin-syntax-dynamic-import插件。 1.1 使用npm安装： npm install --save-dev @babel/plugin-syntax-dynamic-import 1.2 使用yarn安装： yarn add --d ......
《渗透测试》信息打点-语言框架&开发组件&FastJson&Shiro&Log4j&SpringBoot 2023 Day17
1 框架：简单代码的一个整合库，如果使用框架就只需要学习使用框架调用即可 如：文件上传功能是需要很多代码来实现的，框架把这个代码进行封封装，调用即可 影响：如果采用框架开发，代码的安全性是取决于框架的过滤机制 2 组件：第三方的功能模块（日志记录，数据监控，数据转换等） Web架构： 1、最简单最入 ......
VUE实现购物车界面
以下是一个用 Vue.js 实现购物车的简单示例： 在 Vue 组件中定义购物车数据： data() { return { cart: [], total: 0 } } 在商品列表或详情页中添加“加入购物车”按钮，并绑定添加购物车方法： <button @click="addToCart(produ ......
Vue中watch和computed的区别和应用场景
watch中的函数是不需要调用的，computed内部的函数调用的时候不需要加()。Watch是属性监听，监听属性的变化；computed是计算属性，通过属性计算而得来的属性。watch需要在数据变化时执行异步或开销较大的操作时使用。computed 属性的结果会被缓存，除非依赖的响应式属性变化才会 ......
初识localStorage&localStorage的注意事项
初识localStorage 1.localStorage是什么 localStorage 也是一种浏览器存储数据的方式（本地存储），它只是存储在本地，不会发送到服务器端 单个域名下的localStorage总大小有限制 2.在浏览器中操作localStorage 3.localStorage的基本 ......
记录优化vue项目首屏加载慢的过程
##一 背景 当项目部署在外网时，前端首屏加载的平均时间是10S，通过开发者工具查看加载的包，例如chunk-libs.xxx.js的有2.9MB，因为包太大导致加载慢，严重影响了用户体验。 所以解决思路就有了两个： 能不能把包变小，下载就会快一些？ 有一些js、css不经常变化的文件能不能通过浏览 ......
VUE 大文件上传解决方案(500M以上)
以ASP.NET Core WebAPI 作后端 API ，用 Vue 构建前端页面，用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
TS+vite+Vue3打包报错
报错信息见上图 根据要求进行修改操作 由于vite将ts的配置文件tsconfig.json隐藏,所以在暴露出来的tsconfig.json中进行修改 根据依赖继承，能够找到现在的js版本为：ES2016 在暴露出来的tsconfig.json中增加： 再次打包后，接着代码出现不识别HTML和win ......