three vue js
Vue生命周期
Vue生命周期 什么是Vue生命周期 指的是Vue从创建到销毁整个过程 在官网中这样说到"每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤"以及"在此过程中，它也会运行被称为生命周期钩子的函数，让开发者有机会在特定阶段运行自己的代码。" 官网图示如下 Vue生命周期函数 初始化显示 bef ......
Vue学习笔记（九）：组件化编程
1 什么是组件¶ 当页面功能十分复杂时，将页面各功能化整为零，拆分成多个不同的小部分，这样便于分析，也有利于代码的复用，在vue中，我们将划分后的每个小部分称为组件。组件化是vue里面最强的功能，可以扩展html，封装重用的代码。在使用vue时，我们可以将一个完整的页面拆分为多个组件，每个组件都用于 ......
第十九篇 - Vue如何通过session记住User
登录成功后前端存储user对象 window.sessionStorage.setItem("currentuser", JSON.stringify(successResponse.data.data.user)) 前端script中使用user对象中的值 JSON.parse(sessionSt ......
2.前端框架(Vue)
前端框架(Vue) Vue 概念; vue是一套前端框架，免除原生JavaScript中的DOM操作，简化书写； 基于MVVM(Model-View-ViewModel)思想，实现数据的双向绑定，将编程的关注点放在数据上； 官网：https://v2.vuejs.org/ 框架：是一个半成品软件，是 ......
讲述vue中data值都有哪些，如何调用
讲述vue中data值都有哪些，如何调用 1,字符串 2，对象 3，函数 4，数字 <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> < ......
【Azure Developer】在App Service上放置一个JS页面并引用msal.min.js成功获取AAD用户名示例
问题描述 在App Service上放置一个JS页面并引用msal.min.js，目的是获取AAD用户名并展示。 问题解答 示例代码 <!DOCTYPE html> <html> <head> <title>Azure Service</title> </head> <script type="te ......
JS实现判断点是否在多边形范围内
JS实现判断点是否在多边形范围内 一、说明 在GIS领域，判断点是否在多边形范围内是一个基础方法，这里主要说下实现原理。 原理比较简单，就是有一个GIS理论，一个点向一个方向发送射线，射线与多边形各个边相交的交点如果是奇数说明点在多边形范围内。 (图片引用自：https://blog.csdn.ne ......
vue项目打包，解决静态资源无法加载和路由加载无效(404)问题
打包后的项目静态资源无法使用，导致页面空白 静态资源无法使用，那就说明项目打包后，图片和其他静态资源文件相对路径不对，此时找到config里面的index.js，在build模块下加入assetsPublicPath: './', 如下图所示， 在History模式下配合使用nginx运行打包后的项 ......
Vue响应式
目录Vue中的响应式对象独立的响应式值计算变量监听响应式变量setup方法 Vue中的响应式对象 Vue3允许在setup()中定义组件需要的数据和方法, 通过return在模板中可以直接使用 reactive方法 <body> <div id = "Application"> </div> <sc ......
2023.10.10 js.Array和js.String
1 定义数组 2 1.var arr = new Array{1,2,3,4...}; 3 2.var arr = [1,2,3,4]; 4 访问 5 arr[索引] = 值 6 7 同一数组的类型可变，长度可变。 8 9 Array中的属性和方法 10 arr.length//获取数组长度 11 ......
2023.10.11 js.JSON和js.BOM
1 定义 2 var 变量名 = '{"key1" : value1,"key2" : value2}' 3 var user = '{"字符串":"tom","整型" = 20,"数组" : ["北京","上海","深圳"],"对象" : {},"布尔值" : true,"不赋值" : null} ......
js 多文件下载打包zip 重名问题
这里用jszip实现多文件下载并打包zip，但是这里有个问题，项目是可以上传重名文件，也就是下载也必须全部下载。jszip blob以文件名称(filename)下载的话，同名多个文件是会被忽略掉的，也就是只下载一个，而我们的需求是全部下载，问题也是困扰了很久。如果名称可以重复，那么可以试试用地址( ......
vue框架，input相同标签如何定位-label定位
一、问题提出： 后台前端框架改版，之前是angularjs，现在用vue，导致input标签定位失败，只能定位到第一个input标签，查看后台源代码发现这两个标签是一模一样，如下图： 二、问题思考过程 1.为什么以前的版本可以定位成功，而现在的就定位不了啦 查阅之前版本的这部分定位代码，发现原来的框 ......
Vue 路由——重定向
问题描述：网页打开，url 默认是 / 路径，未匹配到组件时，会出现空白 解决：重定向 → 匹配 path 后，强制跳转 path 路径 语法：{ path : 匹配路径 , redirect : 重定向到的路径 } const router = new VueRouter({ routes: [ ......
学习归纳 | 关于java后端+vue前端+app端 | 学生初入工作
1.工作感受 首先，目前所作工作主要就是看懂前人的代码，并且修改一些bug，由于对方不在维护，交由我部门进行维护。 个人所学浅薄，有许多技术知识需要学习，上学期间做的东西真是非常不成熟，所用技术栈也非常少。 纸上得来终觉浅，绝知此事要躬行。看再多开发文档，不如实际去写项目。 很多知识，学的很多，但用 ......
ERROR Error: No component factory found for Edit2Component. Did you add it to @NgModule.entryComponents?at noComponentFactoryError (core.js:9877:1)
原文链接：https://www.longkui.site/error/no-component/4843/ angular项目调用组件的时候开始报这个错误，大概的意思是NgModule中没有Edit2Component这个组件。 解决方法： 我们找到组件的xxxx.module.ts。在entry ......
vue $refs.aaa aaa模板引用子组件 是个空数组 原因
我的代码结构大致这样 <el-tabs v-model="activeTab"> <el-tab-pane v-for="(tab, index) in 一个数组bbb" :key="index" :label="tab.label" :name="tab.name" > <子组件 ref="aaa ......
浏览器可直接访问 Dubbo、gRPC 后端微服务，Dubbo-js 首个alpha 版本来了！
基于 Dubbo3 定义的 Triple 协议，你可以轻松编写浏览器、gRPC 兼容的 RPC 服务，并让这些服务同时运行在 HTTP/1 和 HTTP/2 上。Dubbo TypeScript SDK[1]支持使用 IDL 或编程语言特有的方式定义服务，并提供一套轻量的 APl 来发布或调用这些服... ......
问题记录贴：vue-i18n在弹出框中$t()报错：TypeError: Cannot read property '_t' of undefined
网上有用的解决方法：vue 国际化在弹出框中$t()报错：TypeError: Cannot read property '_t' of undefined 大佬给出的解决方法： 弹窗是一个新的Vue对象，只需要单独给弹窗重新绑定i18n即可。 代码： // dialog/main.js impor ......
JS逆向实战24—— 补环境过某房地产瑞数4.0
前言 瑞数就不过多介绍了，算是国内 2 线产品中的天花板了。4 代其实难度不高，但要弄出来 确实挺费时间和耐心的。今天就简单来讲讲如何用补环境轻松的过瑞数。 本文首发链接为: https://mp.weixin.qq.com/s/WnScMVv3kmdlrFLjr-m3Pg 前言 本文章中所有内容仅 ......
Vue 生命周期
Vue 生命周期 Vue 生命周期指的是 Vue 实例从创建到销毁整个过程 Vue 生命周期函数 Vue 生命周期函数（或生命周期回调函数、生命周期钩子）指的是在 Vue 生命周期的特定关键时间点被 Vue 自动调用的一些特殊函数 注意事项 生命周期函数的名字不可更改，但函数的具体内容是程序员根据需 ......
Vue: keep-alive的使用
作用： 组件切换时保持组件状态不被销毁 属性： include——包括：值为字符串或正则表达式或数组；指定的组件被缓存 exclude——不包括：值为字符串或正则表达式或数组；指定的组件不被缓存 exclude优先级高于include 用法： <keep-alive include="home,ab ......
vue3+vite import 引入ThreeBSP库 报错
我在网上查了一下 先用 npm 下载了三方包 npm i three-js-csg 再使用 const ThreeBSP = require('three-js-csg')(THREE) 的方法引入 出现了这个报错 查了是因为require 是webpack 里的 vite不支持 所以找不到 然后我 ......
js大文件切片上传，断点续传实现demo
思路 把大文件切成每块10M（按照你自己的要求），然后依次上传（为了让你好理解，你可以理解成分页，一共89条数据，每页数10条，一共9页）。 上传完成后端把文件封装好，返回上传的url地址 加上进度条 中途上传中断，如果再次上传如何回到原来的位置继续上传，解决办法就是每次上传前给后端请求接口查验下， ......
谈谈"求线段交点"的几种算法(js实现,完整版)
谈谈"求线段交点"的几种算法(js实现,完整版) "求线段交点"是一种非常基础的几何计算, 在很多游戏中都会被使用到. 下面我就现学现卖的把最近才学会的一些"求线段交点"的算法说一说, 希望对大家有所帮助. 本文讲的内容都很初级, 主要是面向和我一样的初学者, 所以请各位算法帝们轻拍啊 嘎嘎 引用 ......
JS实现判断点是否在多边形范围内
JS实现判断点是否在多边形范围内 一、说明 在GIS领域，判断点是否在多边形范围内是一个基础方法，这里主要说下实现原理。 原理比较简单，就是有一个GIS理论，一个点向一个方向发送射线，射线与多边形各个边相交的交点如果是奇数说明点在多边形范围内。 (图片引用自：https://blog.csdn.ne ......
vite.config.js base 与 vue-router base
vite.config.js base 决定了打包后，资源引用的前缀 base:'/hlw/' link ref='/hlw/assets' 打包后的dist要放到 /hlw 路径下 base 的值 与 process.env.BASE_URL、import.meta.env.BASE_URL一致 ......
vue项目个人配置
src/assets/base.css :root { --html-bg-color: #ffffff; } html.dark { --html-bg-color: #242424; } src/assets/reset.css /** * Eric Meyer's Reset CSS v2.0 ......
Vue3 + Electron
https://www.electronjs.org/ https://www.electron.build/ 1. 创建一个vue3项目 可参考之前的笔记 2. 安装Electron $ npm install electron -D $ npm install vite-plugin-elect ......