项目vue 03 01

Vue脚手架学习笔记

title: Vue脚手架 date: 2023-03-06 15:10:21 tags: Vue 一、 脚手架文件结构 |--node_modules |--public | |--favicon.ico:页签图标 | |--index.html:主页面 |--src | |--assets:存放 ......
脚手架 笔记 Vue

phpstudy 搭建的项目: GROUP BY clause; this is incompatible with sql mode=only-full_group_by

问题如图: 方法一:直接修改数据库配置首先,打开数据库,输入 select @@global.sql_mode; 这个时候,就会返回得到以下的信息:(不同电脑返回的信息可能不同) ONLY_FULL_GROUP_BY,STRICT_TRANS_TABLES,NO_ENGINE_SUBSTITUTIO ......

vue组件化开发---插槽的使用

插槽基本介绍 在开发中,我们会经常封装一个个可复用的组件: 前面我们会通过props传递给组件一些数据,让组件来进行展示; 但是为了让这个组件具备更强的通用性,我们不能将组件中的内容限制为固定的div、span等等这些元素; 比如某种情况下我们使用组件,希望组件显示的是一个按钮,某种情况下我们使用组 ......
组件 vue

Vue根据时间戳制作倒计时15分钟

废话不多说直接上代码 <script> export default { data() { return { downTimeShow: true, timer: null, downTime: '', nowTime: '', orderList:[ {addTime:'2023.03.27 13 ......
时间 Vue

【实战】SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目

JavaDog Chat 简单通讯聊天软件是基于SpringBoot+MybatisPlus+uniapp+uview+stomp等更多优秀组件及前沿技术开发,注释丰富,代码简洁,开箱即用,兼容H5+小程序+APP,及其适合入门学习 ......
SpringBoot 实战 程序 项目 uniapp

jenkins部署项目

jenkins部署项目 配置代码仓库 构建 Exec command 切换到工作目录 自增version cd /opt/salesea/jars/api-service/ sed -i 's/version=\([0-9]\+\.[0-9]\+\.[0-9]\+\)/echo "version=$ ......
jenkins 项目

vue "vue-awesome-swiper": "^4.1.1" 的使用

<!-- swiper1 --> <swiper class="swiper gallery-top" :options="swiperOptionTop" ref="swiperTop"> <swiper-slide v-for="item in img_list" :key="item.id" ......
quot vue-awesome-swiper vue awesome swiper

开源: golang+vue的论坛 和 node+react的IM系统

最近基于开源做了两个自己系统 都是UI非常好看的 我将两个系统的数据互通了 附带了一些产品思考 只需要一个邮箱就可以登录 无密码 无手机号 尽量简化流程 第一个论坛 站点 https://bulita.cn 现在主要是聚合招聘信息 目标是尽可能降低招聘和求职的门槛 以上海和远程工作为主 开源地址 h ......
golang 系统 react 论坛 node

vue+Element-ui实现表格拖拽排序功能

1、首先需要下载sortablejs第三方包 2、在需要排序的页面文件里引入: import Sortable from 'sortablejs' data() { return { apiObjDrag: [], productList:[],整个列表数据项 } }, methods:{ //行- ......
Element-ui 表格 Element 功能 vue

flask-结合vue2小案例

flask后端代码 先安装插件:flask-cors pip install flask-cors app.py from flask import Flask,jsonify,abort from flask_cors import cross_origin # cross_origin这个装饰器 ......
案例 flask vue2 vue

【2023-03-25】连岳摘抄

23:59 与其为数顷无源之塘水,不若为数尺有源之井水,生意无穷。 ——王阳明 正常人不会瞧不起你父亲。我尊重他,佩服他。他这辈子用一点苦力钱,撑起了一个家,一点也没亏待你这个女儿。你读三本民办,就花大钱让你读。你在家考研,就让在家备考。穷是穷,但该做的事都做了,该尽的责都尽了,相当有尊严。所谓的“ ......
2023 03 25

【2023-03-24】主次分明

20:00 乐观的作用是无法估量的,只要你怀揣着对未来的积极信念,你一定可以过得更幸福。 ——马丁·塞利格曼 随着二宝的生长发育,无论是大肢体动作,还是行为意识,都在改变。活动速度快了,有自主想法了,性格也调皮多了。现在连喝个奶,也要花从前好几倍的时间和精力。好奇心极强,稍微有什么风吹草动,就要扭过 ......
主次 2023 03 24

vue2基于 vue-cropper插件对图片裁剪

<template> <div id="app"> <div class="model" v-show="model" @click="model = false"> <div class="model-show"> <img :src="modelSrc" alt /> </div> </div> ......
vue-cropper vue 插件 cropper 图片

大型typescript项目优化webpack编译速度

Person: A large typescript project takes a long time to start every time, using the default configuration of webpack5, is there any optimization solut ......
typescript 速度 webpack 项目

vue3中在setup方法中使用 provide,inject,组件上下层,直接传值和方法

一个简简单单的案例 app.vue <template> <div> app <Second/> </div> </template> <script> import { provide } from 'vue'; import Second from './components/Second.vu ......
方法 组件 上下 provide inject

vue3获取url参数的值

<script setup name="Welcome"> import { onMounted } from 'vue'; import { useRouter } from 'vue-router'; const $router = useRouter(); onMounted(() => { ......
参数 vue3 vue url

【2023.03.27】乐乐兄弟中华街系列8962短评

前言 本人是自费购买积木,购买原因是给妹妹培养动手能力,减少短视频占用时间,其次是给家里做摆饰,所以选择积木多考虑了美观 非专业评测,如果想看更多积木评测请点进我的博客主页分类查看 正文 街景共有八套组成,这个品牌的积木有个不错的点就是每套积木都送了人仔,刚好我又是比较缺人仔的 整体稳固性一般,几个 ......
短评 兄弟 2023 8962 03

Vue3 脚手架

1. 使用vue-cli创建脚手架 PowerShell vue create vue3_test # 创建vue3工程,vue-cli版本必须在4.5.13以上 PowerShell npm run serve # 运行工程 2. 使用vite创建脚手架 方式一: PowerShell npm i ......
脚手架 Vue3 Vue

对于Vue3和Ts的心得和思考

Vue3已经正式发布了一段时间了,各种生态已经成熟。最近使用taro+vue3重构冷链的小程序,经过了一段时间的开发和使用,有了一些自己的思考。 ......
心得 Vue3 Vue

eclipse中创建structs2项目步骤

1.新建一个空白web项目 创建时要勾选创建xml文件选项 项目结构如下所示: 2.添加Structs2类库 在Apache官方网站下载相应版本的Sruts2,网址:http://struts.apache.org/,下载好后解压。 此处使用一些老版本的包,如下图 以下包拷贝到WebContent文 ......
structs2 步骤 eclipse structs 项目

vue动态绑定内联样式(v-bind:style)

一、对象语法 <div :style="{ color: activeColor, fontSize: fontSize + 'px' }"></div> data() { return { activeColor: 'red', fontSize: 30 } } <div :style="styl ......
样式 动态 v-bind style bind

Vue中获取method方法return返回值--常用于请求成功后回调

mounted: () { this.getList('', (data) => { console.log(data); }) } methods: { getList (condition) { get_list({...condition}).then(res => { if (res.dat ......
方法 method return Vue

【2023.03.27】启蒙keeppley神威铜狮K10111短评

前言 本人是自费购买积木,购买原因是给妹妹培养动手能力,减少短视频占用时间,其次是给家里做摆饰,所以选择积木多考虑了美观 非专业评测,如果想看更多积木评测请点进我的博客主页分类查看 正文 启蒙这套故宫系列确实很好看,其中最有名的应该就是这款铜狮子了 我拼了金色的雄狮子,妹妹拼了银色的雌狮子,启蒙的手 ......
短评 神威 keeppley K10111 10111

Vue2模版编译(AST、Optimize 、Render)

在Vue $mount过程中,我们需要把模版编译成render函数,整体实现可以分为三部分: parse、optimize、codegen。 ......
模版 Optimize Render Vue2 Vue

如何给vue的href添加拼接参数

原来一直使用angular,而vue的用法和angualr相似,故我默认以为vue的href添加拼接参数的写法为: <a href="/list/editor?name={{item.title}}">链接</a> 然测试发现这是不可行的,需要用以下方法: <a :href="'/list/edit ......
参数 href vue

AI基础_Day03

猜拳游戏 a. 两个角色 玩家 player - 电脑 robot b. 动作: 石头 0 , 剪刀 1, 布 2 c. 我的出拳: 由输入完成 d. 电脑的出拳: 随机数完成 e. 比较出拳 f. 相等 - 平局 g. 玩家赢: p0:r1 p1:r2 p2:r0 h. 剩下的情况就是电脑赢 if ......
基础 Day 03

AI基础_Day01

硬件系统(科普了解) 主机系统 CPU(中央处理器) 控制器 运算器 内存储器 RAM Random Access Memory 随机存储器 (保存不住数据) ROM Read-Only Memory 只读存储器 外部设备: 输入设备 键盘 鼠标 输出设备: 显示器 音箱 外存储器: 软盘 U盘 硬 ......
基础 Day 01

每日总结2023-03-26

今天进行了Android的页面的优化设计,更改结果集的布局高度,使得结果可以全部显示,代码量大概40。 public class MainActivity extends AppCompatActivity { private TextClock tcDateTime; @Override prot ......
2023 03 26

oop题目集01-03小结

oop训练集一 * 计算年利率 * 身体质量指数测算 * 九九乘法表(双循环) * 快递运费 * 去掉重复字符 * 统计一个子串在整串中出现的次数 * 有重复数据 * 从一个字符串中移除包含在另一个字符串中的字符 * Prime Numbers * GPS数据处理 * 求定积分 * 列出最简真分数序 ......
小结 题目 oop 01 03

2023-03-27 哈希表

哈希表 1 哈希表基础 以LeetCode387号问题为例 /*********************************************************** * @Description : LeetCode387号问题 * https://leetcode-cn.com/p ......
2023 03 27