属性 变量vue css
vue export学习笔记
export 用来导出模块，Vue 的单文件组件通常需要导出一个对象，这个对象是 Vue 实例的选项对象，以便于在其它地方可以使用 import 引入。 export 和export default 的区别在于： export 可以导出多个命名模块。如下： //demo1.js export con ......
基于Vue3搭建ChantGPT前后端端源码及搭建教程-官方接口
ChantGPT很多，网上很多说的ChantGPT搭建及源码都是假的，无法使用的，自己研究了好几天，搞定了基于Vue3搭建ChantGPT前后端端源码及搭建教程，现在分享出来，有喜欢的朋友自行下载搭建，用的是openAPI官方接口和key。 搭建好的ChantGPT主要可以实现多聊天窗口，聊天记录导 ......
VUE3刷新页面报错：Uncaught SyntaxError: Unexpected token ‘＜‘
今天用vue3配置嵌套路由时，发现刷新页面后，页面变为空白，打开控制台发现报错： Uncaught SyntaxError: Unexpected token '<' 解决方法： 修改vue.config.js文件： publicPath:"/", 注意不是： 登录后复制 publicPath:". ......
Vue.js 多组件共享数据
视频 #components ##Count.vue <template> <div> <h1>当前求和为：{{sum}}</h1> <h3>当前求和放大10倍为：{{bigSum}}</h3> <h3>我在{{school}}，学习{{subject}}</h3> <h3 style="color ......
Vue.js 求和案例-mapActions和mapMutations
视频 mapActions方法：用于帮助我们生成与actions对话的方法，即：包含$store.dispatch(xxx)的函数 methods:{ //靠mapActions生成：incrementOdd、incrementWait（对象形式） ...mapActions({incrementO ......
Vue.js 求和案例-mapState和mapGetters
视频 6.四个map方法的使用 mapState方法：用于帮助我们映射state中的数据为计算属性 computed: { //借助mapState生成计算属性：sum、school、subject（对象写法） ...mapState({sum:'sum',school:'school',subje ......
Vue.js getter配置项
视频 逻辑复杂且跨组件使用 5.getters的使用 概念：当state中的数据需要经过加工后再使用时，可以使用getters加工。 在store.js中追加getters配置 ...... const getters = { bigSum(state){ return state.sum * 10 ......
如何设置Vue3 + Vite + Tailwind + Typescript 的6个简单步骤
Vite Vue3 Vue Router4 Typescript Pinia Tailwind CSS Fonts & Icons - (As needed) 第一步 npm create vite@latest vue3 和 Typescript 在设置vite时候会被选择为选项 1.1 项目名字 ......
Vue.js Vuex开发者工具的使用&Vuex写法一些疑问
视频 4.基本使用 初始化数据、配置actions、配置mutations，操作文件store.js //引入Vue核心库 import Vue from 'vue' //引入Vuex import Vuex from 'vuex' //引用Vuex Vue.use(Vuex) const acti ......
跟着视频敲vue项目遇到的各种疑难杂症
首先我照着视频敲了一个tabbar导航栏，但是毕竟视频也是以前的，现在这个vue各个东西版本都很高，只能说不按视频来疯狂报错。 之后开始正式项目又重新创建了一个项目，我没在意我直接默认创建，默认创建和视频里有两个不一样的点，一个是eslint（什么b玩应），另一个是vue2x还是3x，视频里是2x。 ......
geoscene for js vue 开发环境搭建及本地化部署
1、需求 公司项目要用到geoscene for js,所以你懂的 2、环境 win10、VSCode、geoscene for js 4.25.6 3、踩坑 1）、安装geoscene 按照官方说明文档 https://doc.geoscene.cn/javascript/4.23/install ......
Vue中使用axios发起POST请求成功，却被挂起
服务器能接收请求并处理，控制台没有报错，axios().catch也没有捕获异常。随后查看控制台网络页，发现被挂起 在Stack搜到同问题，上面说将axios()函数返回用.then查看被挂起信息。node.js - Axios get request hangs, no error, catch ......
CSS中的transform（2D转换）
transform 是元素转换属性，其属性值为转换函数，使用该属性可以让元素向指定方向移动、缩放大小、旋转等变化。 有以下三种转换函数： 旋转函数（rotate） 移动函数（translate） 缩放函数（scale） translate CSS中的二维坐标系如下（注意y轴正方向与数学中常见的二维坐 ......
Vue.js Vuex实现求和案例
视频 #Vuex版本 ##components ###Count.vue <template> <div> <!-- 模板里能看见vc上所有东西 --> <h1>当前求和为：{{$store.state.sum}}</h1> <select v-model.number="n"> <option v ......
css绝对定位，没有设置left或top
目标：做h5实现以下情形 问题：不知为何成了这样： 分析： 下列是代码： 已知id="div_2"的div的父类已经定位，故该div块的位置是相对于这个父类。 修改之前的代码： 进行修改： 结论：当只给元素定义了position：absolute时，如果top，left没有指定时，则left，top ......
Vue.js 搭建Vuex环境
视频 npm i vuex@3 3.搭建vuex环境 创建文件：src/store/index.js //引入Vue核心库 import Vue from 'vue' //引入Vuex import Vuex from 'vuex' //应用Vuex插件 Vue.use(Vuex) //准备acti ......
Vue.js 纯Vue实现求和案例
纯Vue实现视频106 #纯Vue版本 ##components ###Count.vue <template> <div> <h1>当前求和为：{{sum}}</h1> <select v-model.number="n"> <!-- 收集到的是字符串类型， v-model.number="n"强 ......
HTML引入CSS样式的三种方式概述
1.内联定义方式： 在标签内部使用style属性来设置元素的css样式 语法格式： 1 <标签 style="样式名：样式值；样式名：样式值；样式名：样式值；....." 2 </标签> 2.样式块方式： 在head标签中使用style块 语法格式： 1 <head> 2 <style type=" ......
我在写sql脚本 把一段带有多个单引号的sql字符串 插入到一个表中带有字符串类型的字段属性中报错，不知道怎么处理
里面的单引号要转义，\'，但是结果还是不成功，因为oracle的转义字符是‘ 解决方法： 两个单引号等于一个单引号 ......
css绘制一个Pinia小菠萝
效果如下： pinia小菠萝分为头部和身体，头部三片叶子，菠萝为身体 头部 先绘制头部的盒子，将三片叶子至于头部盒子中 先绘制中间的叶子，利用border-radius实现叶子的效果，可以借助工具来快速实现圆角的预想效果 https://9elements.github.io/fancy-borde ......
解决使用同名32位和64位程序的环境变量冲突方案
说到底环境变量只是一个简便用户书写路径的方式而已，当然可以使用环境变量优化用户体验或者使用指定文件亦可行。 如果只是单一的程序，为了简单使用，可以配置环境变量，如iscc（打包程序），可以配置环境变量，然后直接在cmd使用即可 ::执行指令文件iscc对文件夹进行打包成安装包 iscc xxx.is ......
XHR 的属性与XHR 的方法
XHR 的属性 responseType和response属性 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>responseType和response属性</title> </head> <body> <script> // ......
Vue 核心（一）
Vue 核心（一） 一、 Vue 简介 1、 概述 Vue是一套用于==构建用户界面==的==渐进式== JavaScript 框架。 渐进式：Vue 可以自底向上逐层的应用。 简单应用：只需一个轻量小巧的核心库 复杂应用：可以引入各式各样的 Vue 插件 如果说是JQuery是手工作坊，那么Vue ......
Vue——initInjections【九】
前言 前面我们简单的了解了 vue 初始化时的一些大概的流程，这里我们详细的了解下具体的内容; 内容 这一块主要围绕init.ts中的initInjections进行剖析，初始化生命周期之后紧接着。 initInjections initInjections的方法位于scr/core/instanc ......
使用chrome ABC JS-CSS Injector插件，劫持网页js文件改写调试
通过保存网站JS文件，然后阻止源本该访问的JS文件，通过ABC JS-CSS Injector讲需要访问的JS转到本地的JS，进行劫持，就可以进行修改调试 1.需要插件：ABC JS-CSS Injector 设置Title和Domain， 配置使用一下代码： 其中：http://127.0.0.1 ......
CSS详解
Cascading Style Sheets层叠样式表 HTML+CSS+JavaScript 框架+表现+交互 一、初始及入门 1.CSS概念 CSS在网页中的应用 CSS的发展史 CSS的优势 2.CSS基本语法 标签style 3.三种引入方式 行内样式 内部样式 外包样式 <!DOCTYPE ......
适用list数据分割 数据1000条更新处理一次，循环处理 for 循环 departments.size() 和 1000 都是可以使用变量代替 核心是subList() 方法
数据1000条更新处理一次，循环处理 for 循环 https://www.cnblogs.com/wanbiao/p/16587707.html 为了缓解数据库压力，每次取值List后的更新操作改为1000条更新一次 if (departments.size() <= 1000){ //小于100 ......