粒子 背景 效果vue
Vue学习总计笔记（八）【转载】
Vue 学习总结笔记 (八) IT_Holmes 于 2022-03-10 15:31:45 发布 2448 收藏 25 分类专栏： Vue 全家桶 文章标签： vue.js javascript js 版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和 ......
第四篇 工程化 - 基于 webpack 从零构建 vue3.x 项目基本流程三
devServer 【 webpack-dev-server 】 概述 1、什么是 devServer 【 webpack-dev-server 】 1、在开发过程中，想实时看到代码变更后我们的项目效果时，我们就会启动一个服务来监听代码文件变化，并将新的变更及时的展现在我们的浏览器上，极大的提高了我 ......
TS+Vue3+Echarts的封装与使用
TS+Vue3+Echarts的组件封装步骤如下 统计分析页面使用栅格布局进行规划 抽离组件 分别包括数字面板组件count-card，统计面板组件chart-card及特定图表组件(如：pie-echart, map-echart等) 在统计分析页面通过store获取数据 strore通过acti ......
vue全家桶进阶之路22：Vue CLI脚手架
Vue CLI 是一个基于 Vue.js 的官方脚手架工具，它可以帮助我们快速创建和管理 Vue.js 项目，提供了一些工具和配置来帮助我们开发和调试 Vue.js 应用。一切框架都是为了将开发变得简单、快捷、易操作，Vue CLI脚手架也不例外，它出自vue官方，脚手架的用意就是让开发变得像搭建房 ......
Vue 学习总结笔记 (三)【转载】
Vue 学习总结笔记 (三) IT_Holmes 于 2022-01-22 10:19:36 发布 2386 收藏 36 分类专栏： Vue 全家桶 文章标签： vue.js javascript 前端 vue js 版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上 ......
Vue学习总结笔记（五）【转载】
Vue 学习总结笔记 (五) IT_Holmes 已于 2022-06-03 10:27:27 修改 1331 收藏 20 分类专栏： Vue 全家桶 文章标签： vue.js 学习 javascript 于 2022-03-01 14:16:36 首次发布 版权声明：本文为博主原创文章，遵循 CC ......
Vue学习总结笔记（六）【转载】
Vue 学习总结笔记 (六) IT_Holmes 已于 2022-03-08 11:07:02 修改 2061 收藏 19 分类专栏： Vue 全家桶 文章标签： vue.js vue 前端 javascript 于 2022-03-07 12:59:52 首次发布 版权声明：本文为博主原创文章，遵 ......
第三章 工程化 - 基于 webpack 从零构建 vue3.x 项目基本流程二
bable 概述 1、babel 是什么 babel 是把 最新特性、浏览器无法兼容的代码，编译成浏览器可识别的代码（低版本浏览器对新特性的支持不友好），就比如 箭头函数，经过 babel 的转化后，就会变成 普通的函数 2、babel 的 3 种使用方式 1、使用单体文件 2、命令行 【 babe ......
Vue】Vue中mixins的使用方法及实际项目应用详解
（1）mixin基础官网解释（Vue2.x）： 混入（mixin）提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。 如何理解mixins？我们可以将mixins理解成一个数组，数组中 ......
Vue 学习总结笔记 (二)【转载】
Vue 学习总结笔记 (二) IT_Holmes 于 2022-01-20 20:26:32 发布 1876 收藏 20 分类专栏： Vue 全家桶 文章标签： vue.js javascript 前端 js vue 版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上 ......
第二章 工程化 - 基于 webpack 从零构建 vue3.x 项目基本流程
webpack 安装 1、webpack 的安装有两种方式 1、全局安装 【 不推荐 】 2、局部安装 【 推荐 】 全局安装 1、安装 webpack v4+ 版本时，需要额外加安装 webpack-cli npm install webpack webpack-cli -g 2、检查版本 web ......
在 Flutter 多人视频中实现虚拟背景、美颜与空间音效
前言 在之前的「基于声网 Flutter SDK 实现多人视频通话」里，我们通过 Flutter + 声网 SDK 完美实现了跨平台和多人视频通话的效果，那么本篇我们将在之前例子的基础上进阶介绍一些常用的特效功能，包括虚拟背景、色彩增强、空间音频、基础变声功能。 本篇主要带你了解 SDK 里几个实用 ......
vue全家桶进阶之路21：Vue Loader 打包单位件组件
Vue Loader 是一个 webpack 插件，它允许在单个文件中定义 Vue 组件，并将其包装为 CommonJS 模块，以便在应用程序中使用。使用 Vue Loader 打包的组件被称为单文件组件（Single File Components，SFCs），因为它们将 HTML、CSS 和 J ......
Vue 学习总结笔记 (一)【转载】
Vue 学习总结笔记 (一) IT_Holmes 于 2022-01-18 17:42:17 发布 6302 收藏 159 分类专栏： Vue 全家桶 文章标签： vue.js 前端框架 前端 js javascript 版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请 ......
vue按钮权限自定义指令
// 路由对象 { path: 'button-permission', component: () => import('@/views/NestedExample/PageButtonPermission'), name: 'PageButtonPermission', meta: { titl ......
Vue选日期滚动条自动定位到选定的日期位置
html 这里的关键点就是 :id="'scroll'+index" 以及 :scroll-into-view="intoIndex" <view class="week-day-item" v-for="(item,index) in weekList" :key="index" @click=" ......
第四篇 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 - 盒子 - 【 盒子模型 + 盒子属性 + 盒子背景样式 + 盒子边框样式 + 盒子居中 】
盒子模型概述 1、概念 浏览器会根据 CSS 基础框盒模型（CSS basic box model），将元素表示成矩形的盒子，CSS 决定这些盒子的大小、位置以及属性 2、盒子组成 每个盒子由 四 个区域组成 1、内容区域 content area 2、内边距区域 padding area 3、边框 ......
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"> <!-- 对话框内容 -- ......
成品直播源码推荐，TableView/CollectionView 滑动顶部效果优化
成品直播源码推荐，TableView/CollectionView 滑动顶部效果优化 默认弹簧效果 在使用 UITableView 或者 UICollectionView 时，如果开启弹框效果，下拉是整个内容就会偏移，松手就会自动弹回，最常用的就是我的界面。 如果scrolleView背景色和 ce ......
Unity Shader案例03-------自发光效果
Shader "CLF/SetLightting" { Properties { _MainColor("MainColor", Color) = (0,0,0,1) //模型主颜色 _InSideRimColor("InSideRimColor", Color) = (1,1,1,1)//内边缘光 ......