布局vue web
vue2.0源码简读(3. 组件化)
3.1 createComponent 在分析 createElement 的实现的时候,它最终会调用 _createElement 方法,其中有一段逻辑是对参数 tag 的判断,如果是一个普通的 html 标签,上一章的例子那样是一个普通的 div,则会实例化一个普通 VNode 节点,否则通过 ......
vue2.0源码简读(1. 准备工作)
1.1 认识 Flow Flow 是 facebook 出品的 JavaScript 静态类型检查工具。Vue.js 的源码利用了 Flow 做了静态类型检查,所以了解 Flow 有助于阅读源码。 为什么用 Flow JavaScript 是动态类型语言,它的灵活性有目共睹,但是过于灵活的副作用是很 ......
vue2.0源码简读(2. 数据驱动)
2.1 new Vue 发生了什么 从入口代码开始分析,先来分析 new Vue 背后发生了哪些事情。new 关键字在 Javascript 语言中代表实例化是一个对象,而 Vue 实际上是一个类,类在 Javascript 中是用 Function 来实现的,来看一下源码,在 src/core/i ......
vue3 设置跨域
changeOrigin 必须设置成 false const { defineConfig } = require('@vue/cli-service'); module.exports = defineConfig({ transpileDependencies: true, devServer: ......
Web元素定位
Web元素定位 分类:ID、Name、Class、Link Text、Partial Link Text、XPath、Css、Tag 1. ID:直接使用:kw 1 <input type="text" class="s_ipt" name="wd" id="kw" maxlength="100" ......
Docker部署mind-map | 一个 Web 思维导图
一、介绍 思维导图在日常工作中扮演着不可或缺的角色,不论你从事哪个行业,制作思维导图都能使你的工作流程更加清晰、有条理。今天,我要向您推荐一个可以私有化部署的思维导图项目。这个项目支持直接使用docker进行部署,而且操作简单,只需按照教程进行操作即可。此外,这个项目可以在群晖、极空间以及绿联等轻N ......
vue+pdfh5实现将pdf渲染到页面上
版本:pdfh5@1.4.7 vue2+.net Core 6.0webapi 方法一:通过访问后端获取二进制数据来渲染 前端渲染 <template> <vol-box ref="box" :width="width" :height="height"> <div id="demo" ref="r ......
vue3 使用 store
在script 中使用store https://blog.csdn.net/SubStar/article/details/116077737 <script> import { getCurrentInstance } from "vue"; import { useStore } from " ......
vue本地开发的时候自定义域名端口
找到如下文件 以记事本方式打开并插入以下代码 127.0.0.1 localhost127.0.0.1 test.hhProject.com # 将此域名指向127.0.0.1本地环境 再在项目的配置文件中配置域名和端口即可 export default defineConfig({ plugins ......
Web服务端开发的线程问题
Web服务端和线程安全问题 线程和类有关联吗? 线程(Thread)和类(Class)在计算机编程中是两个不同但可以关联的概念。 线程(Thread): 线程是指在进程中执行的独立的执行单元。一个进程可以包含多个线程,它们共享进程的资源,但每个线程有自己的执行流。多线程的编程可以提高程序的并发性,允 ......
JavaEE的结构:什么是web层,什么是服务层?
老师给布置的作业里面写着:实现某某的web层/服务层。 我直接懵逼,什么算是web层,web层需要我实现什么功能? 于是上网搜索了一下,大概、也许是这个意思吧。 首先,web项目分三层结构:web层、服务层、dao层。 web层: 1.获取参数,封装为bean对象 2.调用服务层处理业务 3.响应数 ......
Django+Vue.js - 第一章 走进Django
目录第一章 走进Django了解DjangoMVCMTV安装创建项目创建app处理控制器 第一章 走进Django 了解Django Django 诞生于2003年,在2006年加入BSD许可协议,成为开源Web框架 优势 功能完善,容易上手,开发速度快,安全性强; 完善的在线文档; 模型自带数据库 ......
web02
域对象 (域对象通常是指具有属性的对象,也被称为属性对象。) request httpSession session 会话对象 session的生命周期 第一次向服务器请求获取session会创建session对象; session有一个标识sessionID,tomcat会将这个sessionID ......
Vue3 Pinia对state的订阅监听($subscribe,$onAction)数据监听
<template> <div class="main-container" :class="{'show-scroll':targetIsVisible}"> <div :style="{height:frameHeight+'px'}" class="main-content" :class=" ......
vue pinia sessionstorage 数据存储不上的原因
vue pinia sessionstorage 的坑 默认的配置是开始 localStorage 如果用 sessionstorage 则发现数据存储不上 ,是因为缺少了序列化和反序列化 import { parse, stringify } from 'zipson' export const ......
10、弹性布局(Flex Expanded)
自定义的IconContainer class IconContainer extends StatelessWidget { Color color; IconData icon; // IconContainer(this.icon ,{super.key,required this.color ......
vue2 项目打包后自动压缩成zip文件
安装依赖 1 pnpm install filemanager-webpack-plugin --save-dev 在vue.config.js中添加如下代码 const FileManagerPlugin = require('filemanager-webpack-plugin')//引入插件 ......
9、线性布局(Row和Column)
自定义的IconContainer void main() { runApp(MaterialApp( theme: ThemeData(primarySwatch: Colors.yellow), home: Scaffold( appBar: AppBar(title: const Text(" ......
Vue 中 slot 的使用方式,以及 slot 作用域插槽的作用 ?
使用方式 组件当做标签进行使用的时候,用 slot 可以用来接受组件标签包裹的内容,当给 slot标签添加 name 属性的时候,可以调换响应的位置 插槽作用域 作用域插槽其实就是带数据的插槽,父组件接收来自子组件的 slot 标签上通过 v-bind 绑定进而传递过来的数据,父组件通过 scope ......
vue项目index.html文件获取代理地址方法(ajax在html文件请求接口)
获取代理地址的方式 <%= process.env.VUE_APP_BASE_API %> 其中 process.env.VUE_APP_BASE_API是代理地址 <script> ajax("<%= process.env.VUE_APP_BASE_API %>/system/config/ge ......
使用js添加按钮,vue页面 el-calendar 添加自定义按钮
html代码: <div class="schedule"> <div class="title"> 今 日 日 程 </div> <div class="allSchedule"> <el-row class="addSchedule" type="flex" align="middle"> <e ......
vue2 前后端分离的项目,用宝塔部署,出现域名访问根目录能访问,加任何网址就404
https://admin.xxx.com/ 访问正常 https://admin.xxx.com/index 访问404 location / { root /home/ruoyi/projects/ruoyi-ui; try_files $uri $uri/ /index.html; index ......
vue2和vue3ref的区别(详解)
Vue 2和Vue 3中ref的区别如下: 在Vue 2中,ref主要用于在模板中获取DOM元素或组件实例。而在Vue 3中,虽然ref也可以获取DOM元素或组件实例,但更重要的是,它还可以将一个基本类型的变量转换成响应式的数据,无需再通过复杂的步骤来访问响应式数据。另外,Vue 3的ref还支持对 ......
vue获取el-table当中选中行的各列数据
首先在标签中声明 @selection-change="handleSelectionChange" 之后在script中的methods当中编写该方法 console.log(this.$refs.cgTable.selection); 这一行代码可以获取你所选择的所有行 this.idList ......
vue3.0+antdVue2.0结合插槽slots的使用方式
首先在table中 <a-table ...> <template #action="{ record }"> <span class="action"> <a>移除</a> </span> </template> </a-table> const columns = [{ title: '操作', ......
vue表单数据添加到表格当中出现的问题
表单样式如下 填写完表单之后点击确认新增按钮,表格会自动新增一行数据对应刚刚表单当中填写的数据。 this.tableData.push(this.formData); 这行js代码可以实现将表单数据添加到表格当中。 但由于我在点击按钮的动作当中添加了 this.$refs[formName].re ......
Vue脚手架分析
1 创建脚手架 1、在目标目录创建vue脚手架。vue create vue_test。 2、选择vue2版本。 3、创建成功 4、运行 5、使用浏览器查看 6、停止工程 crtl+c停止工程。 2 目录分析 ......
Fiddler not intercepting PowerShell web requests
Fiddler not intercepting PowerShell web requests Fiddler actually works via a proxy, and automatically sets proxy settings in IE when running. You can ......
去除:Vue项目打包后生成的.map文件&文件hash值命名
在vue.config.js文件中设置productionSourceMap和filenameHashing项为false即可。 // vue.config.js文件 module.exports = { outputDir: 'dist', assetsDir: 'assets', publicP ......