写法vue2 vue js

vue2 - mockjs的使用

mockjs官网:http://mockjs.com/ 1.安装mockjs npm install mockjs 2.创建mock文件夹并且创建index.js //引入mockjs import Mock from "mockjs" //引入数据 import BlogMockData from ......
mockjs vue2 vue

下拉框select的js

1、下拉框赋值 //设置下拉框的值 function getSelectVal(id, val) { //首先获得下拉框的节点对象; var select = document.getElementById(id); //2.如何获得该下拉框所有的option的节点对象 var options = ......
select

js原型

new过程 在内存中创建一个新对象 构造函数中的this指向新对象 新对象的__proto__指向构造函数的prototype 返回这个新对象 原型链 每个构造函数都有一个prototype属性 每个构造函数的实例的__proto__都指向它的prototype所指向的对象 而这个对象又是Objec ......
原型

centos7 yum 安装nodejs 16,搭建编译vue项目环境

1、安装nodejs curl -fsSL https://rpm.nodesource.com/setup_16.x | sudo bash - sudo yum install nodejs node -v 2、安装yarn #安装yarn npm install -g yarn #查看版本 y ......
centos7 环境 项目 centos nodejs

商城网站毕业设计( Python +Vue)

网站介绍 基于 python 开发的电子商城网站,平台采用 B/S 结构,后端采用主流的 Python 语言进行开发,前端采用主流的 Vue.js 进行开发。这是给师弟开发的毕业设计。 整个平台包括前台和后台两个部分。 前台功能包括:首页、商品详情页、用户中心模块。 后台功能包括:总览、订单管理、商 ......
毕业设计 商城 Python 网站 Vue

基于vue框架axios网络请求封装

原因 axios 是网络请求的第三库,为了防止降低对第三库的依赖性,所以将axios请求封装为函数,方便后期代码的维护 安装 npm install axios 封装 在目录结构 src 文件夹下创建 network/request.js // 引入axios库 import axios from ......
框架 axios 网络 vue

vue2中添加全局样式

在assets文件夹中创建一个css文件,放入想要的全局样式.好了之后找到main文件然后再main.js文件中import './assets/golbal.css'即可 ......
全局 样式 vue2 vue

初识Vue

vue是动态构建用户界面的渐进式JavaScript框架:作者是尤雨溪 Vue的特点: 遵循MVVM模式 编码简洁,体积小,运行效率高,适合移动/PC端开发 它本身只关注UI,可以引入其它第三方库开发项目 与其他前端框架的联系: 借鉴 Angular 的模板和数据绑定技术 借鉴 React 的组件化 ......
Vue

Node.js 安装配置

Linux 上安装 Node.js 直接使用已编译好的包 Node 官网已经把 linux 下载版本更改为已编译好的版本了,我们可以直接下载解压后使用: # wget https://nodejs.org/dist/v10.9.0/node-v10.9.0-linux-x64.tar.xz // 下 ......
Node js

【责任链设计模式详解】C/Java/JS/Go/Python/TS不同语言实现

简介 责任链模式(Chain of Responsibility Pattern)是一种行为型设计模式,也叫职责链模式、命令链模式。这种模式为请求创建了一个接收者对象的链,允许你将请求沿着处理者链进行发送,每个处理者均可对请求进行处理,或将其传递给链上的下个处理者。 当程序需要使用不同方式来处理多种 ......
设计模式 语言 模式 责任 Python

vue3报错 Vue received a Component which was made a reactive object.

报错信息如下: Vue received a Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoided by marking ......
Component received reactive object which

Vue2

一、前端MVVM模式及Axios异步通信 1. 什么是MVVM MVVM(Model-View-ViewModel)是一种软件架构设计模式,由微软 WPF(用于替代WinForm,以前就是用这个技术开发桌面应用程序的)和Silverlight(类似于JavaApplet,简单点说就是在浏览器上运行的 ......
Vue2 Vue

vue/html 日期与时间戳互相转换

1、将日期转换成时间戳 let time = parseInt(new Date().getTime() / 1000); console.log(time) 2、接口传过来的UTC日期和13位时间戳格式化 const formateDate = (time: any, isUtc = false) ......
日期 时间 html vue

关于在 vue 3 和 vue router 中使用 transition 过渡动效的 mode 属性导致页面跳转空白的问题

先放结论:不要在路由组件的 template 块中使用多个根标签,注释也不行。 今天碰到一个奇葩的问题,后端告诉我说,进入特定页面后,跳转其他页面均会白屏,刷新后就会加载。 一开始我以为是菜单的问题,搞鼓了半天,发现没什么问题。之后我又以为是路由的问题,发现只要移除了 transition 的 mo ......
transition vue 属性 空白 页面

记录--用three.js渲染真实的下雨效果

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 建模 首先我们需要一些贴图素材 贴图素材一般可以在3dtextures网站上找到,这里我找了2份,包含了墙的法线贴图和潮湿地面的法线、透明度、粗糙度贴图 通过kokomi.AssetManager将贴图素材一次性全部加载出来,将它们应用到 ......
效果 three js

JS 大文件上传解决方案(500M以上)

PHP用超级全局变量数组$_FILES来记录文件上传相关信息的。 1.file_uploads=on/off 是否允许通过http方式上传文件 2.max_execution_time=30 允许脚本最大执行时间,超过这个时间就会报错 3.memory_limit=50M 设置脚本可以分配的最大内存 ......
解决方案 文件 方案 500M 500

vue全家桶进阶之路5:DOM文档对象模型

一、DOM对象 DOM,全称“DocumentObjectModel(文档对象模型)”,它是由W3C组织定义的一个标准。 在前端开发时,我们往往需要在页面某个地方添加一个元素或者删除元素,这种添加元素、删除元素的操作就是通过DOM来实现的。 说白了,DOM就是一个接口,我们可以通过DOM来操作页面中 ......
全家 模型 对象 文档 vue

JS箭头函数+大括号导致find失效

先写个代码,逻辑是要根据某个对象的属性找到列表中的对象 let a = map.find(object=>{object.descValue this.queryParams.mgeDepart}) console.log('a',a) 此时a为undefine 可以看到这里有一段黄色的提示 修改代 ......
括号 箭头 函数 find

vue全家桶进阶之路4:NPM包

NPM(Node Package Manager)是 Node.js 的包管理工具,用来安装各种 Node.js 的扩展。 NPM是 JavaScript 的包管理工具,也是世界上最大的软件注册表。有超过 60 万个 JavaScript 代码包可供下载,每周下载约 30 亿次。NPM让 JavaS ......
全家 vue NPM

oracle的递归写法:地区层级

前言 mysql的递归看我另一篇博文:https://www.cnblogs.com/daen/p/17252369.html 表结构 数据 查询子节点 示例 SELECT cx1.* FROM PHCP_CITY cx1 WHERE cx1.IS_ENABLE = 1 START WITH cx1 ......
层级 写法 地区 oracle

vue this.$emit获取父组件返回值

// 父组件 getdata(bounds, callback){ callback(data) } // 子组件 let data = {} this.$emit("getdata", bounds, val => { data = val }) return data ......
组件 this emit vue

mysql的递归写法:部门层级

前言 详细的可以参考 https://cloud.tencent.com/developer/article/2106748 这里用 WITH RECURSIVE 实现递归,需要MySQL 8.0 版本以上 示例里没有加逻辑删除字段的筛选,自己加上即可,例如 is_delete = 0 表结构 数据 ......
层级 写法 部门 mysql

[vue] 脚手架笔记

笔记 脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放 ......
脚手架 笔记 vue

一文详解vue-cli2.0与vue-cli3.0之间的区别

我们之所以介绍vue-cli2和vue-cli3的使用和区别,是因为VUE脚手架工具从vue-cli3版本开始,在项目结构等诸多方面开始与vue-cli2版本相比, 有较大的优化与调整。因此,在学习和工作中,我们需要了解一下版本更替之后,在哪些方面有变动。 1. 项目目录结构 可以明显的看出来,vu ......
vue-cli vue cli 之间 2.0

Vue 中npm run dev 和 npm run serve 的区别

在项目目录下,找到package.json文件,运行npm run serve命令启动项目的项目中,scripts中有一个serve字段,npm run dev命令中有一个dev字段,如下: "scripts": { "dev": "webpack-dev-server --inline --pro ......
npm run serve Vue dev

Flask+Vue 使用

Vue 项目经过npm run build 打包后生成文件在dist目录如下: app.py: from flask import Flask, render_template# 设置静态文件夹目录 static_folder='./dist' # 设置vue编译输出目录dist文件夹,为Flask ......
Flask Vue

Vue3+vite项目中如何动态导入并创建多个全局组件

背景 实际开发项目中,有些时候我们需要通过全局注册多个自定义组件,但是每个组件都导入一次,将会导致代码很冗余。 实现方案 customComponents/index.js const files = import.meta.globEager("@/customComponents/*.vue") ......
全局 组件 多个 项目 动态

Vue2响应式原理

响应式基本原理就是,在初始化vue实例的时候,对data的每一个属性都通过 Object.defineProperty 定义一次,在数据被set的时候,做一些操作,改变相应的视图 ......
原理 Vue2 Vue

vite V3.0.0 vite.config.ts 引入插件vite-plugin-vue-setup-extend-plus报错(vueSetupExtend不是一个函数)

vite V3.0.0 vite.config.ts 引入插件报错(***** 不是函数) ·问题 #9414 ·Vitejs/Vite (github.com) 我的错误提示如下 ERROR failed to load config from D:\Work\TestCode\LuoCoreAd ......

直播平台源代码,vue自定义单选框radio

直播平台源代码,vue自定义单选框radio <template> <div @click="menuDialog = false"> <div> <!-- 按钮 --> <div @click.stop="openMenu()"> <div>{{ currentUnit ? currentUnit ......
源代码 radio 平台 vue