过滤器vue-day vue day

day08-2-Thymeleaf

服务器渲染技术-Thymeleaf 1.基本介绍 官方在线文档:Read online 文档下载:Thymeleaf 3.1 PDF, EPUB, MOBI Thymeleaf 是什么 Thymeleaf是一个现代的服务器端Java模板引擎,适用于Web和独立环境,能够处理HTML,XML,Java ......
Thymeleaf day 08

vue/react关与key的面试题

虚拟dom中key的作用 当状态中的数据发生改变时,react会根据新数据生成新的虚拟dom,随后react进行新虚拟dom与旧虚拟dom的diff算法比较,比较规则如下: 1.旧虚拟dom找到了与新虚拟dom相同的key a.若虚拟dom中的内容没变,则使用之前的真实dom b.若虚拟dom中的内 ......
react vue key

一起学学Vue Router 4.X开发中用到的新特性

前言: vue3发布这么久以来,还没好好梳理过它相关的全家桶,今天我们先聊聊Vue Router 4.X的使用以及新特性! 可以说路由是一个简单又复杂的东西,简单指的是我们日常使用的过程中只是不断的调用它的API,复杂则是我们有的需求场景需要结合路由原理去处理数据等问题,此时我们就不得不对其原理有很 ......
中用 特性 Router Vue

vue2 element ui 使用i18n 国际化配置

前提npm install vue-i18n 第一步:vue项目下新建locals文件夹,里面配置index.js内容如下,同时新建zh.js 和 en.js作为语言配置文件 import Vue from 'vue' import VueI18n from 'vue-i18n' import El ......
element 国际 vue2 i18n vue

使用vue完成图片表格的点击因隐藏效果

首先了解整个项目可以分几个板块。图片的切割,图片放入的框架构建,图片放入。 1.图片的分割,这里的图片分割可以使用PS,或者网上搜图片切割的网站上传图片就行(http://www.zuohaotu.com/cut-image.aspx) 2.创建一个项目,导入vue.js 3. 建立一个名字为"ap ......
表格 效果 图片 vue

login方法的过滤器

package com.itheima.reggie.filter;import com.alibaba.fastjson.JSON;import com.itheima.reggie.common.BaseContext;import com.itheima.reggie.common.R;imp ......
过滤器 方法 login

day7

LeetCode 454.四数相加II 题目/视频/文章链接: 454.四数相加|| 个人第一时间看法: 考虑到之前做过的两数之和,得用哈希表来解决,只不过对于四个数组的操作有点懵,感觉无从下手,只想到四个for循环暴力解决。 看完代码随想录的想法: 鉴于两数之和的操作,可以将四个数组分成两大组来进 ......
day7 day

vue 设置 菜单Item 背景色

<a-menu-item @click = "selectItem" :class = 'child.id==selected? "selected":""' v-for="(child) in item.children" :key="child.id" > data () { return { ......
菜单 背景 Item vue

代码随想录算法训练营Day49 动态规划

#代码随想录算法训练营 代码随想录算法训练营Day49 动态规划| 121. 买卖股票的最佳时机 122.买卖股票的最佳时机II 121. 买卖股票的最佳时机 题目链接: 121. 买卖股票的最佳时机 给定一个数组 prices ,它的第 i 个元素 prices[i] 表示一支给定股票第 i 天的 ......
随想录 训练营 随想 算法 代码

在Vue项目中为何要重写push和replace

0.前言 为啥要重写push和replace,主要是你不写他会报错啊,为啥会报错呢,主要是因为函数式路由push方法返回的是一个promise对象,我们知道promise对象是有成功回调和失败回调的,但是我们并没有传入相应的回调就会出错。所以需要进行重写 1.重写$router.push 首先把原本 ......
replace 项目 push Vue

Vue2 快速上手

1.声明式渲染 通过{{}}将数据渲染到页面: <body> <div id="app"> {{ message }} </div> </body> <script> var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) ......
Vue2 Vue

关于 Vue 列表渲染 key 绑定 index 的性能问题

今天在学习 React 文档,列表渲染一节中提及到一个关于 key 绑定索引值(index)性能的问题: React 官方文档原文:“如果列表项目的顺序可能会变化,我们不建议使用索引来用作 key 值,因为这样做会导致性能变差,还可能引起组件状态的问题”。 查阅网上的博客,确实有对 Vue 列表渲染 ......
性能 问题 index Vue key

学习记录:第一周day01笔记

linux系统简单介绍: BCPL->New B->C->Unix->Minix->Linux->gcc为了编译LInux内核产生 美国贝尔实验室 1.cd命令: cd 文件路径:进入某个目录 / :根目录,所有文件都存储在该目录下 ~:用户主目录,linux提供一个快捷方式cd可以直接回到用户主目 ......
笔记 day 01

学习记录:第一周day02笔记

vim文本编辑器: 可以直接在终端下采用纯键盘操作的一款文本编辑器(号称编辑器之神,可以升级、可以扩展) 基础用法: 1、进入vim: 输入 vim file.c 文件存在则打开,否则新建并打开 2、输入i: 进入编辑模式,编写代码 3、保存并退出 按Esc,输入ZZ保存并退出 vim三大模式: 正 ......
笔记 day 02

学习记录:第一周day03笔记

一、数据类型 为什么要对数据进行分类? 1、现实中的数据就是自带类别属性的 2、对数据进行分类可以节约内存存储空间、提高运行速度 存储空间的单位: Bit 比特 存储1个二进制位,只能存储0或1,是计算机存储数据的最小单位 Byte 字节 存储8个二进制位,是计算机存储数据的基本单位 KB(Kb) ......
笔记 day 03

学习记录:第一周day04笔记

一、for循环语句 循环:就是一种让代码反复执行的方式,从而达到想要的效果 for循环一般会使用一个变量来引导循环的进行,这一变量叫做该循环的循环变量 i index for循环的变化很灵活,但也很危险 for循环的括号问题: 1、for循环内只有一行代码时,大括号可以省略 但是这样不利于后期代码扩 ......
笔记 day 04

学习记录:第一周day05笔记

一、数组 什么是数组:变量的组合,是一种批量定义相同类型变量的方式 定义: 类型名 数组名[数量]; int arr[5]; 注意:数组的内存空间是连续分配的,且数组的长度一旦确定就无法改变 使用:数组名[下标]; 下标:从0开始,范围:0~数量-1 可以是任意整型表达式,包括整型变量和整型常量 遍 ......
笔记 day 05

学习记录:第二周day01笔记

一、Window下获取方向键 1、导入头文件 #include<conio.h> 2、通过getch()获取键盘上的键值 上:72 下:80 左:75 右:77 二、Linux下获取方向键: 1、在Window中把getch.h文件放入共享文件夹中 2、在Linux的共享文件夹下执行 mv getc ......
笔记 day 01

学习记录:第二周day02笔记

进制转换 1、为什么使用二进制、八进制、十六进制? 因为目前CPU只能识别高低两种电平,只能对二进制数据进行计算 二进制虽然能够直接别计算机识别但是不方便人去书写和记录,因此就把二进制数据转换成八进制,方便记录到文档中 随着CPU的位数的不断增加(目前已经到64位),八进制不再能够用满足需求,因此发 ......
笔记 day 02

day21 打卡530.二叉搜索树的最小绝对差 501.二叉搜索树中的众数 236. 二叉树的最近公共祖先

day21 打卡530.二叉搜索树的最小绝对差 501.二叉搜索树中的众数 236. 二叉树的最近公共祖先 530.二叉搜索树的最小绝对差 530题目链接 1.递归法——使用双指针。因为是二叉搜索树,所以中序遍历是递增的。所以最小值的产生肯定是前一个和后一个之间。 class Solution { ......
祖先 day 530 501 236

Vue 跑马灯效果

vue简单的跑马灯效果,直接封装的组件,引入就能用。 <template> <div class="block"> <h3 class="h3_title"> 特别提醒 </h3> <p class="words" ref="words" :text="content" > {{content}} ......
跑马灯 效果 Vue

javaSE-day03(常用API一)

API(Application Programming interface)意思是应用程序编程接口,说人话就是Java帮我们写好的一些程序,如:类、方法等,我们直接拿过来用就可以解决一些问题。可以在API文档进行查询 1.Object类 Object类是Java中所有类的祖宗类,因此,Java中所有 ......
javaSE-day 常用 javaSE day API

ant design vue 2.0 select 二次封装组件

//a-select 组件文件 <template> <a-select placeholder="请选择" :value="defaultValue" :disabled="disabledSelect" @change="changeSelect"> <a-select-option value ......
组件 design select ant 2.0

javaSE-day12(多线程)

1.多线程的常用方法 Thread提供了很多与线程操作相关的方法 方法: public void run(): 线程的任务方法 public void start(): 启动线程 public String getName(): 获取当前线程的名称,线程名称默认是Thread-索引 public v ......
线程 javaSE-day javaSE day 12

过滤器

过滤器filter <!DOCTYPE html> <html lang="en"> <!-- 过滤器,是一个函数,定义到 filters 节点下,且一定要有return 如果全局过滤器和私有过滤器名字一致,此时按照“**就近原则**”,调用的是”私有过滤器“ --> <!-- 过滤器是可以连续调用 ......
过滤器

vue 监听 sessionStorage 的变化

原文链接:https://blog.csdn.net/weixin_41192489/article/details/125069656 将 sessionStorage 的变化注册为全局事件 setItem,在main.js中添加如下代码 Vue.prototype.setSessionItem ......
sessionStorage vue

VsCode 常用好用插件/配置+开发Vue 必装的插件

一、VsCode 常用好用插件 1、实时刷新网页的插件:LiveServer 2、open in browser 支持快捷键与鼠标右键快速在浏览器中打开html文件,支持自定义打开指定的浏览器,包括:Firefox,Chrome,Opera,IE以及Safari 补充一下:LiveServer 和 ......
插件 常用 VsCode Vue

前端vue获取后端返回的富文本内容不是标签是转义字符解决方法

新手的我就直接上代码 template部分(UI框架用的vant) <template> <div class="common-bg"> <van-nav-bar title="消息中心" left-arrow :fixed="true" :placeholder="true" @click-lef ......
转义 前端 字符 文本 标签

Vue 评分星星显示

<el-table-column label="专业性" align="center" prop="specialty" ><template slot-scope="{row}"> <el-rate v-model="row.specialty" disabled show-score text- ......
星星 Vue

new一个vue对象开始,vue内部发生了什么

new Vue({ el: '#app', router, store, components: { App }, template: '<App/>' }) vue构造类里面init函数 初始化生命周期,事件,render 调用 beforeCreate 钩子函数 初始化 props、method ......
vue 对象 new