vue源码 周期 生命
客服系统vue源码聊天界面，ajax上传图片功能实现
在线客服系统的聊天界面上，有上传图片按钮功能，使用js实现ajax上传图片功能 html部分，有一个点击事件 <div class="iconExtendBtn" @click="uploadImg"> <div class="elIcon el-icon-picture"></div> <div> ......
Vue3移动端适配解决方案
导读： 使用vw和vh解决适配问题 vw：view width屏幕宽度，1vw等于屏幕宽度的百分之一 vh：view height屏幕高度，1vh等于屏幕高度的百分之一 使用插件postcss-px-to-viewport可以自动将px转换为vw/vh 安装 npm i postcss-px-to- ......
有限厚度 vs 周期性结构
写在前面 本文将以二维 Weyl的哈密顿量为例 哈密顿量 $$ H(k_x,k_y)=v(k_x\sigma_x+k_y\sigma_y) + \frac{\Delta}{2}\sigma_z + E_f\sigma_0 $$ 这里, $v$ 是费米速度, $\Delta$ 是带隙, Weyl 锥关 ......
vue2使用最新版nanoid，运行报错
项目需要nanoid生成主键。 vue版本：2.6.14 npm i nanoid后，npm run serve报错： Error [ERR_REQUIRE_ESM]: require() of ES Module C:\projects\frontend\vue-test\node_modules ......
vue2 xlsx结合file-saver实现JSON导出excel 支持导出多sheet
先安装插件 npm install xlsx -s npm install file-saver -s 在本地封装导出方法，支持// 文件名：Export2MultipleSheetExcel//支持导出多个或者单个sheet import { saveAs } from "file-saver"; ......
vue+springboot 传list
@PostMapping(value = "/aa") public Result<?> aa(@RequestBody List<Map<String, Object>> list) { return Result.ok(); } let dataSource = [];postAction(th ......
vue全家桶进阶之路37：Vue3 路由守卫
在 Vue.js 3.x 中，我们可以使用路由守卫来拦截路由的跳转，从而实现一些功能，例如：登录验证、页面权限控制等。 Vue.js 3.x 中的路由守卫和 Vue.js 2.x 中的基本相同，都包含了 beforeEach、beforeResolve 和 afterEach 等钩子函数。 下面是一 ......
vue全家桶进阶之路36：Vue3 全局路由useRouter和本地路由useRoute
在 Vue.js 3.x 中，我们可以使用 useRouter 和 useRoute 来获取当前路由对象和当前路由信息。 useRouter useRouter 可以用来获取当前路由对象。我们可以通过 router 对象调用一些路由操作方法，例如 push、replace、go 等。示例代码如下： ......
vue全家桶进阶之路35：Vue3 传递参数query和params
在 Vue.js 3.x 中，可以通过路由的 params 和 query 属性来传递参数。 通过 params 传递参数 我们可以在路由跳转时通过 params 传递参数。具体方法如下： // 在组件中跳转路由 import { defineComponent } from 'vue' impor ......
Vue移动端实现调用相机扫描二维码或条形码的全过程
1、安装。 npm install @zxing/library --save 2、假设场景：页面上有个按钮，点击触发扫码功能 @click='scanCode()'，在 methods 写入该方法。 scanCode() { console.log('浏览器信息', navigator.userA ......
Vue.extend源码分析
前言 Vue.extend生成一个组件的构造器，使用的场景其实不算多，一般来说，在需要实现一个全局的类似alert，message组件的时候，可以比较方便的使用它，动态地挂载。 开始读源码 Vue.extend = function (extendOptions: any): typeof Comp ......
vue全家桶进阶之路34：Vue3 路由基本配置
在Vue3中，路由的基本配置是通过使用Vue Router库来实现的。以下是Vue3中路由的基本配置步骤： 安装Vue Router 使用npm或yarn在项目中安装Vue Router： npm install vue-router // 或者 yarn add vue-router 创建路由实例 ......
vue不同页面方法调用|跨页面传参|事件总线
事件总线 需要在不同页面间传递参数或者进行方法调用，可以使用事件总线 1.引入中间js 在src下的Utils文件夹下创建一个Bus.js其内容如下 import Vue from 'vue' export default new Vue() 2.A页面（发起请求） import Event fro ......
Android生命周期继续踩坑
android.overridePathCheck=true“覆盖路径检查” as出现问题 connect time out 在多个窗口中使用 Logcat 标签页可帮助您在不同的设备或查询之间轻松切换。您可以点击 New Tab 图标 创建多个 Logcat 标签页。 右键点击标签页可对其重命名和 ......
如何运行编译.NetCore的源码？
作为.net的开发人员，为了能更好的code，我们要知其然并知其所以然，了解.netcore的源码是我们的基本素养✊ 源码地址 .NET Platform (github.com) 这个是.net在github上开源的源码地址 aspnetcore 这个是.netcore的源码地址 构建方法 构建有 ......
vue全家桶进阶之路33：Vue3 计算属性computed
在Vue3中，计算属性可以使用computed函数来定义。 computed函数接受两个参数：第一个参数是一个函数，该函数返回计算属性的值；第二个参数是一个可选的配置对象，可以包含getter和setter函数，以及控制计算属性缓存的缓存配置。 Vue3中的计算属性与Vue2中的计算属性相比有以下几 ......
vue3微信公众号商城项目实战系列（7）自定义底部tabbar组件
在开始之前，先看看官方对组件的定义： vue3的生态非常丰富，有各种各样的开源组件库可以拿来就用，比如vant、element-ui等，本系列不使用任何第3方组件， 完全使用原生的语法来写，只为聚焦vue3技术本身，本篇写一个自定义tabbar组件，效果如下图所示： 要实现如下功能： 1. 底部ta ......
从源码角度深入解析Callable接口
摘要：从源码角度深入解析Callable接口，希望大家踏下心来，打开你的IDE，跟着文章看源码，相信你一定收获不小。 本文分享自华为云社区《一个Callable接口能有多少知识点？》，作者： 冰 河。 并发编程一直是程序员们比较头疼的，如何编写正确的并发程序相比其他程序来说，是一件比较困难的事情，并 ......
app直播源码，Node.js实现密码散列加密
app直播源码，Node.js实现密码散列加密 1. 安装所需的包： npm i bcryptjs --save 2. 修改MongoDB中的模型： // /models/AdminUser.js const mongoose = require('mongoose')// 定义模型的字段con ......
直播app源码，使用vue-awesome-swiper创建轮播图幻灯片
直播app源码，使用vue-awesome-swiper创建轮播图幻灯片 1. 引入 引入方式可以参考官方文档，两种方式选一种即可：vue-awesome-swiper at v3.1.3 （1）第一种方式：在main.js入口文件中全局引入 // /src/main.js // swiper全局引 ......
在线直播系统源码，Node.js中使用Koa实现上传图片功能
在线直播系统源码，Node.js中使用Koa实现上传图片功能 1、安装koa-body，以实现上传图片功能 npm i koa-body@4.1.0 注：如果之前安装了koa-bodyparser，还需要先卸载koa-bodyparser，并把所有koa-bodyparser替换成koa-bod ......
VUE上传大型视频文件到服务器,解决方案
以ASP.NET Core WebAPI 作后端 API ，用 Vue 构建前端页面，用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
vue项目使用定时器每隔几秒运行一次某方法
代码如下： data() { return { timer:null, //定时器名称 }; }, created() { this.setTime(); }, beforeDestroy() { clearInterval(this.timer); // 清除定时器 this.timer = nu ......
初识vue3
定义 Vue是一款Javascript框架，基于前端三大件，提供了具有组件化，声明式，渐进式的特点的编程模型。 ##核心功能 1.声明式渲染 2.响应式 ##组件之单文件组件 Vue最为核心的组成部分便是单文件组件，文件结尾为*.vue 宏观的逻辑是这样的： *.vue创建组件-> .js文件中将组 ......
一统天下 flutter - widget 基础: 生命周期
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 基础: 生命周期 示例如下: lib\widget\basic\lifecycle.dart /* * 生命周期 */ impo ......
vite vue使用pont-engine
pont-engine 是一款阿里的api生成工具！ 安装依赖即可 yarn add --dev pont-engine 然后即可使用 pont start 问题 但是因为默认生成的代码 包含cjs的模块语法，所以vite无法识别。 另外生成代码前最好把旧的生成目录删除！ 解决办法 因此我做了如下优 ......
ip 表单验证 vue iview
ip 表单验证 vue iview template <Row v-show="config.bindIP"> <Col span="12"> <FormItem label="绑定IP：" prop="userPhoto" :rules="[{ required: true, validator: ......
vue中使两个不同高度的div(内容长度不一)高度相同
设置高度height，记得给左右侧div一个最小高度min-height，保证没有内容的时候有一定的高度，内容撑起来的时候再自动适应 <el-col :xs="12" :sm="6" :md="2" class="grid-cell"> <div class="grid-content bg-pur ......