案例flask vue2 vue
斗地主案例 Console version
package pers.landlord_fighting.thj; /* 按照斗地主的规则，完成洗牌发牌的动作。 要求完成以下功能： 准备牌：组装54张扑克牌 洗牌：54张牌顺序打乱 发牌：三个玩家参与游戏，三人交替摸牌，每人17张牌，最后三张留作底牌。 看牌：查看三人各自手中的牌（按照牌的大小 ......
JavaSE day06【排序查找算法，Map集合，集合的嵌套，斗地主案例】测评题
选择题 题目1(多选): 下列关于TreeSet集合排序的原理正确的是 ( ) 选项 : A. 排序方法如果返回的是小于0 , 代表的是当前元素较小 , 需要存放在左边 B. 排序方法如果返回的是大于0 , 代表的是当前元素较大, 需要存放在右边 C. 排序此方法如果返回的是0 , 代表 ......
vue2中的属性什么时候会没有响应式呢？
vue2中的属性什么时候会没有响应式呢？ export default { data() { return { form: {} } }, methods: { getDetail() { this.form = { name: '张三', age: 18 } this.form.gender = ......
如何用Angular or Vue 来 实现Dynamics 365 WebResource 开发
第一步： 构建Angular 项目，可以使用Visual Studio 的项目模版创建（含.net Core相关 ）或者使用 Angular cli 创建，我习惯使用angular cli 执行以下命令： ng new 项目名称，回车 可以选择含路由，style 是CSS or LESS 根据所需选 ......
Flask简介
Flask简介 🎨 # python 主流的web框架 -Django -fastapi：异步 -flask # flask 是个微型的web框架，不像djagno那么庞大，django有很多内置app，缓存，信号，消息，权限，admin # flask 随着项目越来越大，使用第三方插件，越来越像 ......
JavaSE day06-排序查找算法,Map集合,集合嵌套,斗地主案例
JavaSE day06-排序查找算法,Map集合,集合嵌套,斗地主案例 今日目标 : TreeSet集合(重点) 排序算法(理解) 查找算法(理解) Map集合(重点) 集合嵌套(理解) 斗地主案例(理解) 1 TreeSet集合 1.1 集合体系 Collection List接口 ArrayL ......
Vue组件的命名规范
给组件命名有两种方式，一种是使用链式命名 my-component，一种是使用大驼峰命名MyComponent, 在字符串模板中<my-component></my-component> 和<MyComponent></MyComponent>都可以使用，在非字符串模板中最好使用<MyCompone ......
vue2 和 vue3 什么区别
GitHub Copilot: Vue 2 和 Vue 3 在许多方面都有所不同，以下是一些主要的区别： Composition API: Vue 3 引入了 Composition API，这是一种新的方式来组织和复用代码。这是与 Vue 2 Options API 相比的一个重大改变。 性能: ......
11 13vue代码优化
今天基本学完了前端vue，整理vue：接口封装 //定制请求的实例 //导入axios npm install axios import axios from 'axios'; import { ElMessage } from 'element-plus' //定义一个变量,记录公共的前缀 , b ......
《大型网站技术架构--核心原理与案例分析》阅读笔记
这本书组织的很不错，语言精练，篇幅也不长，对网站架构的要点讲的狠清楚透彻，思路清晰。主要围绕架构的五个要点：性能、高可用、伸缩性、扩展性、安全性。令人印象非常深刻。而且李智慧老师深谙职场之道，后面一些关于技术人的建议也让人受用无穷。 事物发展到一定阶段，就会拥有自身的发展冲动，摆脱其初衷，向着使自己 ......
JavaScript Date对象 、日期求差案例 、 购物秒杀倒计时、日历
一、创建Date对象 var dateObj=new Date(); var now = Date.now() 当前时间 二、Date方法 1、将日期转为字符串 toLocaleString() toLocaleDateString() toLocaleTimeString() 2、获取年、月、日、 ......
vue3 基础-Vuex 全局数据状态管理
针对页面间, 组件间的数据共享问题, Vue 提供一个数据管理框架 Vuex, 早期主要是用于 Vue2 , 而现在用 Vue3 也是可以正常使用, 但在 Composition API 下则会感到这个数据管理流程不论同步还是异步, 总感觉有点繁琐和反人类, 确实是不如它的竞品 Pinia, 但还是 ......
vue + XLSX支持导入excel文件列表展示校验结果，支持在列表编辑后再次导入和导出
最近接到一个奇葩业务，需求如标题，比较考验前端技能 回去捣鼓一下测试项目 此处先简要记录一下代码，后序完善11-13const tableData = [['标的编号', '标的金额', '投资期数', '年化利率', '已投金额', '投资人数', '发布时间', '开始日期', '结束日期', ......
vue十三
<div id="app13"> 希望翻译成为: <br> <select v-model="obj.lang"> <option value="english">英语</option> </select> <br> 请输入:<label style="margin-left: 50px;">翻译为 ......
vue十四
<div id="app14"> <button @click="num = num+1">++</button> <span>{{ num }}</span> </div> <script> const app14=new Vue({ el:'#app14', data:{ num:0 }, be ......
使用vue路由
1.安装vue-router 对应版本号为 233 344 使用以下命令 yarn add vue-router@3.6.5或者npm install vue-router@3.6.5 2.在main.js里面使用vue-router import Vue from 'vue' import App ......
Vue使用vuex刷新页面后state数据丢失
使用 createPersistedState 做持久化 安装：npm install vuex-persistedstate --save 使用： import Vue from 'vue'; import Vuex from 'vuex'; import createPersistedState ......
vue基础
一 基础 1、v-model v-bind v-model 一般为用户在页面输入的值 而v-bind不行(单项绑定) 2、事件 v-on 所有定义的方法都应该放在methods中 3、vue 事件修饰符 prevent stop once 4、系统修饰键 @keyup 例子@keyup.ctrl=" ......
vue指令
props: 当不需要检查时，可以写成 props:['value'] 此时，不管传过来什么都不会检查，如果想要将数据进行检查，就可以将改成 1.类型验证 props:{ 'value' : Number } 此时会限制类型为Number的数据 2.如果需要更加完整的检查 props:{ 'valu ......
vue平级访问数据
<template> <div class="a"> <h2>this is A</h2> <span>{{ msg }}</span> </div> </template> <script> import Bus from '../Tools/EventBusTool'; export defau ......
vue跨层访问数据
<template> <div class="grf"> this is grandpa <FatherComponent></FatherComponent> </div> </template> <script> import FatherComponent from './FatherComp ......
vue封装一个加载过程
app.vue <template> <div class="main"> <div class="box" v-isLoging="isLoged"> <ul> <li v-for="item in list" :key="item.id" class="news"> <div class="le ......
vue项目部署添加时间
const fs = require('fs'); const path = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); class BuildTimePlugin { apply(compil ......
vue无法正确使用mastache渲染实例
问题：<script> var vm = new vue({ el:"#app", data:{ message: "hello,vue!" } }); </script> 这段代码中，`vm` 是通过 `new Vue()` 创建的一个 Vue 实例。但是在 HTML 文件中，`<div id=" ......
Vue中的插槽
插槽-默认插槽 作用：让组件内部的一些结构支持自定义 需求：要在页面中显示一个对话框，封装成一个组件，但是组件的内容部分，不是写死的，希望能使用时自定义。 插槽的基本语法 组件内需要定制的结构部分，改用<slot></slot>占位 使用组件时，在组件中传入结构替换slot，例如<组件名>xxxxx ......
JavaScript案例--表单验证
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
Vue 实验
项目初始化 # 前提：包管理器安装 vue-cli vue create 项目名称 Vue 2 实验目的 了解 Vue 2 的组件实现机制 数据绑定机制 双向绑定：input 单向绑定 父组件 → 子组件：父组件传入的参数 组件 → 用户：页面内部参数 属性监听机制：被监听的参数 实验内容 实现一个 ......
vue自定义指令
app.vue <template> <div class=""> <!-- 自定义指令全局 <input v-focus type="text" name="" id=""><br> 自定义指令局部 <input v-focus2 type="text" name="" id=""><br> -- ......