想起之前工作面试时，面试官问的一个问题：行内元素有哪些，和块级元素有什么区别？这是一道蛮基础的面试题，但是很多初学者平时只注重标签语义，忽视了标签行内和块级的特性， 因此对于上述问题很有可能答不上来或者答不全。

HTML常见的行内元素有：

<span>、<a>、 <img>、 <input>、<textarea>、<select>、<label>

还有包括一些文本元素如：<br> 、<b>、 <strong>、<sup> 、<sub>、 <i> 、<em> 、<del> 、 <u>等。

作者：JT 译者：前端小智 来源：https://scotch.io/

Vue.js 具有简单的 API 和几个选项，可用于在我们的组件中定义HTML模板。

我们可以使用<template>标签选项，在根组件实例上定义template属性，或者使用单文件组件。

上面的选项很棒并且可以完美地工作，但是，在您的应用程序的生命周期中，有时会感到笨拙，设计过度或非常不灵活。

那么，我们为什么要使用 JSX 而不是其他模板定义呢？

1.重要性

随着互联网的发达，各种WEB应用也变得越来越复杂，满足了用户的各种需求，但是随之而来的就是各种网络安全的问题。了解常见的前端攻击形式和保护我们的网站不受攻击是我们每个优秀fronter必备的技能。

2.分类

接上节

绘制文本：
可以在Canvas画布中进行文本的绘制，同时也可以指定绘制文本的字体、大小、对齐方式等，还可以进行文字的纹理填充等；

绘制文本涉及两个方法，分别为：
fillText(text,x,y,[maxwidth])方法：用填充方式绘制字符串；
strokeText(text,x,y,[maxwidth])方法：用轮廓方式绘制字符串；

作者：vipbic

转发链接：https://segmentfault.com/a/1190000022980992

前言

上次小编也分享一个关于Vue 开发过音乐播放对项目：

近期实现UI设计师的登陆窗口，用户名和密码 输入框前面有个图标。

Qt Designer 里lineEdit控件属性面板没有设置图标的地方。

问chatGPT,给出了让人啼笑皆非的答案

看来AI也不行，只能自己摸索。从二个方面开始尝试：

前言

在 Blazor 中，认证登录向来是个棘手的难题。在网络之上，能够找到的完整示例基本上没有。历经周折方才拼凑出一个可用的方案。本示例乃是一个 Session 认证登录的范例，肯定可用。倘若您依此例仍无法使程序得以运行，可私信于我索求此示例的源工程代码。

一、前言

2022年到了，祝大家虎年大吉喜气临，昂首摆尾迎春来。双眼圆睁看世界，万水千山尽开颜。胡须翘翘美姿态，人人开心祝平安。巨大身躯摇摆摆，坎坷困境当笑谈。愿你虎年万事顺，吉星高照旺旺旺！

在前端项目开发中，大家可能多少都有用到过轮播图。一般为了省事，我们会使用现成的库，比如swiper。当然，很多组件库也带有轮播图组件，比如element-ui的ElCarousel组件。但是，有多少童鞋曾思考过其实现原理呢？又有多少童鞋尝试过手写一个呢？

其实，实现一个轮播图相当简单，我打算出一个大约3节的连载教程，教大家怎样一步一步实现轮播图。今天，我们先讲解结构和布局的设计。