vue vue-cli-service min源码

vue指令及模板语法

说实话,看了这两节之后,改变认知的,突然发现自己落后了这么多,真不应该 v- 这个指令集的确666,把许多东西的实现简化了,真心学到了不少, 菜鸟这方面讲的真是不错 https://www.runoob.com/vue3/vue3-directives.html 我在这就不献丑了,而且里面的各种试例 ......
指令 语法 模板 vue

kernel源码(二十三)Bochs运行linux0.11

1 下载Bochs https://sourceforge.net/projects/bochs/ 我下载的版本为Bochs-win64-2.7.exe,双击即可安装 2 运行linux0.11 2.1 不使用配置文件 http://oldlinux.org/Linux.old/images/下载如 ......
源码 kernel linux0 Bochs linux

MongoTemplate字段别名源码分析

背景 在使用 MongoTemplate 进行 upsert 操作时,发现mongodb表中,同一个字段出现了两种命名,如下: 说明:upsert方法中的参数,为 mongodb 中自带Update对象,且该对象的字段使用的是实体类的字段名,实体类如下: @Document(collection = ......
别名 字段 MongoTemplate 源码

Vue第二例data 选项

讲的主要还是附值方式,以及值的变化,总之是操作里面的数据选项 还是如上节讲的建html 上代码 <!DOCTYPE html><html><head> <meta charset="utf-8" /> <script src="../scripts/vue.global.js" type="text ......
data Vue

用CSS样式 @keyframes、animation写一个旋转立体模型、动画模型,vue2

需求:画一个正方体,让物体一直旋转 环境:vue2、css 效果: 代码: 模型 1 <template> 2 <div> 3 <!-- 旋转立体图 --> 4 <div class="cube"> 5 <div class="face front"></div> 6 <div class="fac ......
模型 样式 keyframes animation 立体

Vue第一个程序,经典Hello

弄明白了简单模式的vue应用,开始应用,首先下载vue.js文件,也可以访问使用 CDN 方法, 我是直接下载了vue.global.js,方法是NPM 方法(这个在上面的官网与菜鸟都有) ,然后用Visual Studio 建了一个空网站,新建文件夹scripts 把vue.global.js放文 ......
程序 经典 Hello Vue

vue element ui在添加表格数据时,出现数据跟着变化的问题

主要是对象赋值问题 对对象进行深拷贝即可 arrObj=JSON.parse(JSON.stringify(this.form)); this.tabelDate.push(arrObj) ......
数据 表格 跟着 element 问题

vue 2 接入three.js

1、安装three.js npm i three@0.128.0 2、在vue中引用(可以测试一下,是否ok,下面测试) 1)、新建index.js import * as THREE from 'three'; // 引入Three.js扩展库 import { OrbitControls } f ......
three vue js

手机上vue页面返回时如何保持原来的位置

1,问题的提出 采用vue做手机评分页面的前端,页面显示多个评分项的分数和总分。 每个评分项有个修改按钮,按下后弹出新的页面,用户填写分数后按提交按钮,则保存数据、关闭页面、回到前一页。 此时,页面上显示的分数和总分会刷新,但是显示的页面位置未保留修改前的位置,而是回到了顶部显示。 这种情况如果页面 ......
位置 页面 手机 vue

如何快速在本地运行你vue打包的的dist文件

> 要在本机启动运行前端提供的dist包,需要先安装一个HTTP服务器,例如Apache,Nginx,phpstudy。这里以使用Node.js的http-server为例进行说明 1. 首先,确保已经安装了Node.js。如果没有安装,可以从官网下载并安装。 2. 打开终端或命令行窗口,使用以下命 ......
文件 dist vue

看element源码学到的小技巧

> 中午无休的时候有点无聊, 看了一下昨天clone 的 element-ui 源码, 发现很多优雅之处, 记录一下让我直接用到项目中的一个点 那就是绝对定位的元素放到body 里面的同级.这么做的好处应该是定位元素比较好管理,层级不得乱 ![](https://img2023.cnblogs.co ......
源码 element 技巧

成品直播源码,基于Taro多端自定义导航栏

成品直播源码,基于Taro多端自定义导航栏 import Taro from '@tarojs/taro'import { View, Text } from '@tarojs/components'import classNames from 'classnames'import './index ......
成品 源码 Taro

视频直播系统源码,vue自定义模拟滚动条

视频直播系统源码,vue自定义模拟滚动条 vscroll自定义滚动条模板 <template> <div class="vui__scrollbar" ref="ref__box" @mouseenter="handleMouseEnter" @mouseleave="handleMouseLeav ......
视频直播 源码 系统 视频 vue

庆军之低代码vue模式

原来render(h),h并不是一个对象。 我一直以为,我可以写成 render(h){ createuibycode(h,data,data.Data); return h; } , metchs:{ createuibycode(h,ui,Data){ .... var uitype = ui. ......
模式 代码 vue

仿奈雪の茶小程序,奶茶小程序模板源码(附全套源码下载链接)

分享一个仿奈雪の茶小程序,奶茶小程序模板源码(兼容H5版本全网首发) 完美复刻奈雪の茶小程序,可稍加修改使用。 代码结构如下 本项目包含: 首页 点餐(自取和外卖两种方式,有基本的点餐逻辑处理) 取餐 我的 积分商城 积分商城详情页 积分签到 会员码 我的卡券 收货地址 我的资料 我的订单 订单详情 ......
源码 程序 奶茶 全套 源码下载

EaselJS 源码分析系列--第四篇

![image](https://img2023.cnblogs.com/blog/405426/202307/405426-20230726131720022-979447179.jpg) ## 鼠标交互事件 前几篇关注的是如何渲染,那么鼠标交互如何实现呢? Canvas context 本身没有 ......
源码 EaselJS

详解!视频直播源码平台搭建开发:录制功能

视频直播源码平台的录制功能能够为用户提供更多方便、灵活性,同时也增加了直播内容的传播和价值,这也使录制功能成为视频直播源码平台的必备功能之一。 ......
视频直播 源码 功能 平台 视频

Vue3 组件篇

## 组件命名 组件的命名一般分为两种 1. 在单文件组件中,推荐为子组件使用 PascalCase 的标签名,以此来和原生的 HTML 元素作区分。虽然原生 HTML 标签名是不区分大小写的,但 Vue 单文件组件是可以在编译中区分大小写的。我们也可以使用 /> 来关闭一个标签。 2. 使用 ke ......
组件 Vue3 Vue

Vue中使用Echarts可视化图表

1、首先在项目中安装Echarts 1 npm install echarts 2 npm install echarts --save 2、在项目 main.js 中全局引入 1 import echarts from 'echarts' 2 // 挂载到vue原型上 3 Vue.prototyp ......
图表 Echarts Vue

vue3之element-plus

1.安装elementPlus和自动导入插件 npm i elementPlus npm install -D unplugin-vue-components unplugin-auto-import 2、配置自动按需导入 // 引入插件 import AutoImport from 'unplug ......
element-plus element vue3 plus vue

uni-app vue-cli命令行创建项目,拉取模板(dcloudio/uni-preset-vue)失败,443超时报错

### 安装vue/cli npm install -g @vue/cli ### 问题 >根据官网提示,通过 vue-cli 命令行创建项目,出现如下报错。 ``` Fetching remote preset dcloudio/uni-preset-vue... ERROR Failed fet ......
uni-preset-vue uni vue dcloudio 命令

vue : 无法加载文件 C:\Users\jianfei\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。

# 背景 在新电脑上配置vue环境 ``` PS E:\CODE_PROJ\myvue\vue23\P61_使用脚手架\vue_test> npm install -g @vue/cli npm WARN deprecated source-map-url@0.4.1: See https://gi ......
脚本 vue AppData Roaming jianfei

uniapp webview 与vue2页面双向通信

一、准备工作 uniapp: //建立工程,创建显示的页面 <web-view src="http://192.168.0.58:8080" @message="handlePostMessage"></web-view> vue: 安装webview用到的依赖 yarn add @dcloudio ......
双向 webview 页面 uniapp vue2

源码解析Collections.sort ——从一个逃过单测的 bug 说起

本文从一个小明写的bug 开始,讲bug的发现、排查定位,并由此展开对涉及的算法进行图解分析和源码分析。 事情挺曲折的,因为小明的代码是有单测的,让小明更加笃定自己写的没问题。所以在排查的时候,也经历了前世的500年,去排查排序后的list改动(**主要是小明和同事互相怀疑对方的代码,不多说了**) ......
Collections 源码 sort bug

前端Vue仿支付宝自定义可滑动轮播分页宫格菜单组件,可支持九宫格 十二宫格 十五宫格

## 背景介绍 随着技术的不断发展,传统的开发方式使得系统的复杂度越来越高。在传统开发过程中,一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改,造成牵一发而动全身的情况。为了解决这个问题,我们采用了组件化的开发模式。通过组件化开发,可以有效地实现单独开发,单独维护,而且它们之间可以随意的进 ......
动轮 九宫 前端 组件 菜单

Vue中的虚拟DOM和Diff算法

## 一、 虚拟DOM ### 1. 什么是虚拟DOM? 一个用来表示真实 DOM 节点 的 JS 对象,主要包含标签名 tag、属性 attrs 和子元素对象 children 属性等。 代码示例如下: ``` 标题 段落内容 { tag:'div', attrs:{ id:'baseNo', c ......
算法 Diff Vue DOM

小狐狸AI付费创作系统chatgpt管理后台-前端界面vue源码增加新的登录方式配置

前面我们已经搭建好了小狐狸AI付费创作系统chatgpt管理后台vue前端环境 现在,就修改一下设置地方,使其可以配置使用哪种登录方式 查看路由找界面 一般我们找界面源码,先看一下路由部分,就能知道在哪个界面里 /src/router/index.js 直接就能找到设置地方/views/module ......
前端 狐狸 源码 后台 界面

vue--day45---组件的自定义指令

1.App.vaule <template> <div > <h1>{{ msg }}</h1> <!--通过父组件给子组件传递函数的props 实现 子给父传数据--> <School :receiveSchoolName="receiveSchoolName"></School> <!-- v- ......
指令 组件 vue day 45

小狐狸AI付费创作系统chatgpt管理后台-前端界面vue源码环境搭建

小狐狸AI付费创作系统搭建完成以后,只能对接到微信公众号才能使用。我的公众号已经对接了自己的客服系统,没法再对接到小狐狸,所以就想着改造一下用户的登录方式。 现在后台设置部分,除了扫码公众号登录,想要新增一个登录方式,账号密码登录。 编辑源码 后台vue源码已经有了,是基于vue-admin-tem ......
前端 狐狸 源码 后台 界面

vue之sync

在 Vue 中,.sync 是一个用于实现双向数据绑定的特殊修饰符。它允许父组件通过一种简洁的方式向子组件传递一个 prop,并在子组件中修改这个 prop 的值,然后将修改后的值反馈回父组件,实现双向数据绑定。 使用 .sync 修饰符的基本语法是::propName.sync="dataProp ......
sync vue