Vue: v-if 和 v-show 的区别

如下的代码, 使用 v show ,仅当 goals 数组中存在元素时,才显示列表 data { return { goals: , goal: '' }; }, ul v show = 'goals.length 0' li v for='g in goals' key='g' { {g}} /li /ul 如果用 dev tool 查看,会看到,即使 goals 数组为空,列表也存在于DOM 中,只不过此时 css style 被设置为隐藏: ul style='display: none;...

2022-05-14 | 小公鸡卡哇伊呀~ | 709浏览

Vue: the difference between V-IF and v-show

The following code , Use v show , Only when the goals When there are elements in the array , To display the list data { return { goals: , goal: '' }; }, ul v show = 'goals.length 0' li v for='g in goals' key='g' { {g}} /li /ul If you use dev ...

2022-05-14 | Little Rooster Kawaii~ | 799浏览

React + ecarts, draw trigonometric function

List of articles sin sin 2 Now you can finally write your own code and draw trigonometric functions . sin Sin The rendering of the function : https://img blog.csdnimg.cn/5b55739b9f414248a1a380c37e76b52a.png there XY The range values are :X= 200,...

2022-05-14 | Reading heart joy | 393浏览

React custom hooks - uselocalstorage

Encapsulate any function , It is to encapsulate some repeated logic into a function . Not for packaging . Definition useLocalStorage, Because localStorage, Get... In different components , to update . Every update or acquisition is localStorage.se...

2022-05-14 | Reading heart joy | 564浏览

Web --- HTTP request, redirection, forwarding and data compression

HTTP Common requests include : GET Most commonly , But the amount of data sent is small , The data sent is directly contained in url Behind . POST It can contain a lot of data , The data is submitted through the form in the body of the request . H...

2022-05-14 | 51CTO | 947浏览

【前端】语义化标签详解

1 语义,语义化,HTML HTML描述的是网页内容的含义,即,语义。 语义化HTML,就是用最恰当的HTML元素,标记内容。 语义化标签,也即,有含义的标签。 2 意义 1. 提升可访问性和互操作性(内容对于借助辅助技术的残障访问者是可访问的,同时对于台式机、手机、平板电脑及其他设备上的浏览器都是可访问的)。 1. 提升搜索引擎优化(SEO)的效果。 1. 使维护代码和添加样式变得容易。 1. (通常)使代码更少,页面加载更快。 3 常用语义化标签 h1~h6:heading,标题 p:pa...

2022-05-14 | RogerQianpeng | 227浏览

使用VUE+SpringBoot+EasyExcel 整合导入导出数据

使用VUE+SpringBoot+EasyExcel 整合导入导出数据创建一个普通的maven项目即可 项目目录结构 使用VUE+SpringBoot+EasyExcel 整合导入导出数据1 前端存放在resources/static 下 index.html html    导出    el button  @click= quot;exportData quot;  type= quot;primary quot;  size= quot;mini quot;  icon= quot;el ...

2022-05-14 | InfoQ | 632浏览

南京亚信前端实习周记(1)

5.5 第一天 实习第一天,进入公司大门,好像进入了新世界。一上午都是走入职流程,HR讲入职事项讲了一小时,后面找了个同是实习生的南信的朋友给我下载公司相关软件。不知不觉十二点了,师傅带我去了园区食堂,食堂就突出一个字“贵” ,两盘素+一盘小荤竟然要16,不过那个免费的汤还蛮好喝。下午配置编程环境,发现了一个下载node时的找文件技巧。师傅给我发了公司的项目,最近几天就要看源码了。另外,公司的厕所味莫名很好闻,很喜欢。 5.6 第二天 实习第二天,今天主要任务还是看源码,查缺补漏,看看公司的主要...

2022-05-14 | Atlantis_Qi | 284浏览

Nanjing Yaxin front end practice week (1)

5.5 The first day First day of internship , Enter the company gate , Seems to have entered a new world . I've been going through the induction process all morning ,HR I talked about the job for an hour , Later, I found a friend of Nanxin who was a...

2022-05-14 | Atlantis_ Qi | 680浏览

Use Vue + springboot + easyexcel to integrate import and export data

Use VUE+SpringBoot+EasyExcel  Integrate import and export data to create a common maven The project is just Project directory structure Use VUE+SpringBoot+EasyExcel  Consolidate import and export data 1  The front end is stored in resources/stat...

2022-05-14 | InfoQ | 607浏览

HTML——带有超链接的网页(a 标签详解)

***前言:上一篇文章简单的总结了一下HTML中使用到的基础标签,这篇便简单的深入总结一下 a 标签的属性及其表达效果。 本文摘自头歌 HTML——文本 educoder.net 'HTML——文本 educoder.net ' 目录 *a 标签属性——href 属性 %F0%9F%8D%A8a%20%E6%A0%87%E7%AD%BE%E5%B1%9E%E6%80%A7%E2%80%94%E2%80%94href%20%E5%B1%9E%E6%80%A7 *href——anchor URL...

2022-05-14 | 三三木木七 | 409浏览

HTML——基础标签

***前言:本文简单的总结了一下HTML中经常使用到的HTML标签 自动生成的目录有点怪怪的,在此制作了个思维导图 https://img blog.csdnimg.cn/07e13f9038bc4502b0175feee58d0f0c.png *HTML—— h 标签 h 元素通常用来表示创建一个标题 *注意:创建标题只有 h1 h6 ,没有 h7 , h8 的。 *那么 h1 ~ h6 它们有什么区别呢? 从 h1 ~ h6 他们的字体依次减小。 *举个例子—— h 标签 DOCTYPE h...

2022-05-14 | 三三木木七 | 104浏览

HTML——一个简单的完整的网页完整结构

***前言:本文简单总结了一下 一个简单完整的网页结构包含的主要元素。 目录 *HTML——声明文档格式:DOCTYPE %C2%A0%F0%9F%8D%A8HTML%E2%80%94%E2%80%94%E5%A3%B0%E6%98%8E%E6%96%87%E6%A1%A3%E6%A0%BC%E5%BC%8F%EF%BC%9ADOCTYPE *HTML——根元素:HTML  %F0%9F%8D%A8HTML%E2%80%94%E2%80%94%E6%A0%B9%E5%85%83%E7%B4%A0...

2022-05-14 | 三三木木七 | 601浏览

[front end] detailed explanation of semantic labels

1 semantics , semantic ,HTML HTML It describes the meaning of web content , namely , semantics . semantic HTML, Is to use the most appropriate HTML Elements , Mark content . Semantic tags , That is to say , Meaningful labels . 2 significance 1....

2022-05-14 | RogerQianpeng | 150浏览

May 7, 2022 blog content SSM framework project management ---------- supermarket management system (Lesson 11: modify the data in the data table in the order management table)

Catalog 2022 year 5 month 7 Blog content SSM Framework project management Supermarket management system ( Lesson 11 modify the data of the data table in the order management table 2022%E5%B9%B45%E6%9C%887%E5%8F%B7%E5%8D%9A%E5%AE%A2%E5%86%85%E5%...

2022-05-14 | Bejpse | 266浏览

php短视频源码,vue递归动态加载菜单

php短视频源码,vue递归动态加载菜单 // / / 静态路由懒加载 / @param view 格式必须为 xxx/xxx 开头不要加斜杠 / @returns / /export const loadView = view = { return resolve = require @/views/${view}.vue , resolve }export function GetMenuData menuRouters,data { if data=='' data==undefined ...

2022-05-14 | 游戏编程 | 468浏览

Complete sorting of 2022 web front-end stack -- (II) csscss3

1. css Basics : https://alex ss.blog.csdn.net/article/details/83053901 https://alex ss.blog.csdn.net/article/details/83053901 'https://alex ss.blog.csdn.net/article/details/83053901' 2. css3 Add attribute value initial: You can directly cancel the st...

2022-05-14 | Bejpse | 109浏览

May 7, 2022 CSS preprocessor (download, installation and simple use of less) {lesson 1 of less}

Catalog 2022 year 5 month 7 Number Css The preprocessor Less Download and installation and simple use {Less The first lesson of } 2022%E5%B9%B45%E6%9C%887%E5%8F%B7Css%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8%28Less%E7%9A%84%E4%B8%8B%E8%BD%BD%E4%B8%8E...

2022-05-14 | Bejpse | 170浏览

HTML -- a simple and complete web page structure

*** Preface : This article briefly summarizes A simple and complete web page structure contains the main elements . Catalog *HTML—— Declare document format :DOCTYPE %C2%A0%F0%9F%8D%A8HTML%E2%80%94%E2%80%94%E5%A3%B0%E6%98%8E%E6%96%87%E6%A1%A3%E6%A...

2022-05-14 | Sanmuqi | 967浏览

HTML - Basic Tags

*** Preface : This article briefly summarizes HTML Often used in HTML label The automatically generated directory is a little strange , A mind map is made here https://img blog.csdnimg.cn/07e13f9038bc4502b0175feee58d0f0c.png *HTML—— h label h E...

2022-05-14 | Sanmuqi | 358浏览