前端入门

HTML

source:来源;出处(图片、音频、视频源:src)
controls:控制(音频、视频标签控件属性名)
Hypertext Reference:超文本引用(a标签属性名:href)
target:目标(a标签属性名)
self:自己,自我(target属性值默认值,在当前窗口中跳转:_self)
blank:空白的,空的(target属性值,在新窗口中跳转:_blank)
Unordered List:无序列表(无序列表标签:ul)
Ordered list:有序列表(有序列表标签:ol)
(每一项标签:li)
border:边界(table标签属性名,边框宽度)
width:宽度;广度(table标签属性名,表格宽度)
height:高度(table标签属性名,表格高度)
caption:(图片、漫画等的)说明文字(表格大标题标签,默认在表格顶部居中)
input:输入(输入表单信息标签:input)

  • 根据type属性值不同,展示不同效果
  • text:文本(文本框,用于输入单行文本)
  • password:密码(密码框,用于输入密码)
  • radio:无线电广播(单选框,用于多选一)
  • CheckBox:复选框(多选框,用于多选多)
  • file:文件(文件选择,用于上传文件)
  • submit:提交(提交按钮,用于提交。也可写作button标签+submit属性值。配合form标签使用)
  • reset:重置,重新设置(重置按钮,用于重置。也可写作button标签+reset属性值。配合form标签使用)
  • button:纽扣,按钮(普通按钮,配合js添加功能。也可写作button标签+button属性值。配合form标签使用)

placeholder:占位符(input标签属性名,提示用户输入内容,值为文本)
value:价值(input属性名,输入的内容提交后会发送到后端服务器)
name:名称(input属性名,当前控件的含义,可提交到后端。单选框中有相同name属性值的为一组,一组中只能有一个被选中)
checked:检查(单/多选框属性名:默认选中)
multiple:倍数(file类型属性名:多文件选择,指Ctrl多选)
select:选择;挑选(下拉菜单标签:select。默认选中属性:selected)
option:选项(下拉菜单的每一项,标签)
textarea:多行文本输入框;文本框;文本域(文本域标签,可输入多行文本的表单控件。属性:clos、rows:规定文本域内可见的宽度、行数)

CSS

style:风格;方式;样式(css写在style标签中,style标签一般在head标签里,title标签下面)
css常用属性:

  • color:颜色(文字颜色)
  • font-size:字模;字形 - 大小(字体大小)
  • background-color:背景-颜色(背景颜色)
  • width、height:宽、高(宽度、高度)

字体样式属性名:

  • font-size:字体大小(属性值:数字+px)
  • font-weight:字形 - 重量;分量(字体粗细)

    • normal:经典的;正常的(font-weight属性值:正常)
    • bold:大胆的;粗体;黑体(font-weight属性值:加粗)
  • font-style:字形 - 风格(字体样式)

    • normal:正常的(默认值,font-style属性值:正常)
    • italic:斜体字(font-style属性值:斜体)
  • font-family:字形 - 家庭(字体系列)

文本样式属性名:

  • text-indent:文本 - 缩进(文本缩进)
  • 数字+px、数字+em(1em = 当前标签的font-size的大小)
  • text-align:文本 - 排列;校准(文本水平对齐方式)

    • left:左边(text-align属性值:左对齐)
    • center:居中;集中(text-align属性值:居中对齐)
    • right:右边(text-align属性值:右对齐)
  • text-decoration:文本 - 装饰(文本修饰)

    • underline:在……下面的线;下划线(text-decoration属性值:下划线)
    • line-through:线条 - 通过;穿过(text-decoration属性值:删除线)
    • overline:在……上面的线(text-decoration属性值:上划线)
    • none:没有一个;毫无;没有(text-decoration属性值:无装饰线。可用来清除a标签默认的下划线)

link:链接(a:link 把没有点击过的(访问过的)链接选出来)
visited:访问过(a:visited 选择点击过的(访问过的)链接)
hover:悬停(a:hover 选择鼠标经过的那个链接)
active:忙碌的;活跃的;积极的(a:active 选择的是我们鼠标正在按下还没有弹起鼠标的那个链接)

元素显示转换:
focus:集中;聚焦(input:focus 把获得光标的input表单元素选取出来)
block:块(行内元素 a 转换为 块级元素:display: block;)
inline:一列式(把 div 块级元素转换为行内元素:display: inline;)

  • (转为行内块元素:display: inline-block;)

transparent:透明的;清澈的(background-color的默认值:透明)
repeat:重复(background-repeat属性的默认值:背景图平铺)

  • 其他属性值:no-repeat:不平铺;repeat-x:x轴平铺;repeat-y:y轴平铺

position:位置(background-position:背景图片定位属性名,只写一个属性值时,第二个值默认居中center)

  • left right top center

attachment:附件;依恋(属性名background-attachment:背景附着)

  • scroll:滚屏;滚动(background-attachment属性值:随滚动而滚动)
  • fixed:固定;不变(background-attachment属性值:固定背景)
  • sticky:粘性的(粘性定位)

元素的显示与隐藏
display:陈列;展出(属性名,隐藏后不占位置)

  • none:毫无(属性名:隐藏)
  • block:块;阻碍;挡住(属性名:可见)

visibility :可见度;能见度(属性名,隐藏后占位置)

  • visible:看得见的;可见的(属性名:可见)
  • hidden:隐藏的;难以看见(或发现)的(属性名:隐藏)

overflow :溢流;溢出;漫出

  • visible:看得见的;可见的
  • hidden:隐藏的;难以看见
  • scroll:滚屏;滚动;卷纸(都显示滚动条)
  • auto:自动(自动显示是否显示滚动条)

cursor:光标(改变光标的属性名)

  • default:默认(属性值)
  • pointer:指针
  • move:移动
  • text:文本
  • not-allowed:禁止

outline:轮廓(去掉表单轮廓线:outline:none;)
resize:改变(尤指计算机图像等)的大小(防止拖拽文本域:resize:none;)
vertical-align:竖的 - 排列(属性名:行内元素、行内块元素与文本对齐的方式)

  • baseline:基线对齐
  • top:顶线对齐
  • middle:中线对齐
  • bottom:底线对齐

white-space:白色 - 空间(空白区域)

  • normal:正常的;一般的(自动换行)
  • nowrap:不换行;强制在同一行显示

ellipsis:省略;省略号

HTML5

header:表头;首标(头部标签)
navigation:导航(导航栏标签:nav)
content:满足;内容()
article:文章(内容标签)
aside:在一边;在旁边(侧边栏标签)
section:部分(区域标签,类似于div)
footer:页脚;页尾(底部标签)
video:视频;录像带(视频标签)
audio:音频;音响(音频标签)

CSS3

nth:第n个的
sizing:标定…的大小;确定…的尺寸;改变…的大小(属性名:box-sizing)
filter:过滤器

  • blur:(使)变得模糊不清;(使)视线模糊(图片模糊处理:filter: blur(15px);)

calc:计算(可进行加减乘除的运算)
placeholder:占位符

transform:使改变;使改观;使转换(2D转换属性名)
translate:翻译;转变;变为(移动函数名:transform:translate(x,y);)
rotate:旋转;转动
scale:规模(缩放)
transition:过渡;转变(过渡动画属性名)

animation:动画;动画片
keyframes:关键帧(定义关键帧:@keyframes xxx)
duration:期间;持续时间(属性名:animation-duration)
timing:定时
function:作用;功能(属性名:animation-timing-function)
delay:延迟;推迟(属性名:animation-delay)
iteration:迭代(属性名:animation-iteration-count)

  • infinite:极大的;无限(属性值:无限循环、一直播放)

direction:方向;方位;趋势(属性值:animation-direction)

  • normal:正常的
  • reverse:颠倒;相反的
  • alternate:候补;交替的;轮流的;间隔的

state:状态(属性名:animation-play-state)

  • running:跑步;运动
  • paused:暂停;停顿

fill-mode:填充 - 模式(属性名:animation-fill-mode)

  • forwards:前锋;发送;寄(设置对象状态为动画结束时的状态)
  • backwards:向后;朝反方向(设置对象状态为动画开始时的状态)

opacity:不透明度
perspective:透视(画法);态度;观点

linear-gradient:线性渐变(渐变效果)
transparent:透明的;清澈的
mask:面具;面罩;假面具;护肤膜;面膜;伪装(习惯性遮罩层的命名)

JavaScript

prompt:提醒(某人说话);给(演员)提词(弹出窗口输入框)
alert:向…报警;使警觉(弹出窗口提示框)
console:操纵台,仪表板
log:日志;记录(console.log:在控制台输出语句)
variable:变量;可变的(JavaScript变量声明:var)
undefined:未阐明的;未限定的(声明了变量当没有给值,默认值为undefined)
infinity:无穷大
NaN(Not a number):非数值;不是数字(代表一个非数值)
arguments:参数(参数的伪数组,存储用户传过来的所有实参)

floor:地板;地面(Math.floor:向下取整)
ceil:天花板(Math.ceil:向上取整)
round:圆形的;环形的;旋转;环绕;阶段;轮次;比赛阶段(Math.round:四舍五入取整)
instanceof:运算符;关键字(亲子鉴定运算符……判断是否为子类)
under:在……下面
shift:转移;挪动(对Array数组对象第一个元素操作:shift:删除、unshift:添加)

Document Object Model(DOM):文档对象模型
document:文档(一个页面就是一个文档)
element:元素(页面中的所有标签都是元素)
node:节点(网页中的所有内容都是节点(标签、属性、文本、注释等))

query:查询
selector:选择器;选拔人(document方法:querySelector:标签选择器)
click:点击(事件类型:onclick:点击触发)
disabled:残废;使丧失能力(使某个表单禁用不能再点击:disabled=true)
focus:集中(光束于);集中(注意力、精力等于)(获得焦点事件属性:onfocus)
blur:(使)变得模糊不清;(使)视线模糊(失去焦点事件属性:onblur)
attribute:属性(获取属性:getAttribute、设置属性值:setAttribute)

parent:父母亲(父节点:parentNode)
children:儿童(获取所有子 元素 节点:children)

  • (获取所有子节点(包含 元素节点 文本节点等等):childNodes)

clone:克隆(复制、克隆节点:cloneNode)
event:事件(触发事件的参数,可任意简写)
target:目标(返回触发事件的对象:event.target)
prevent:防止;组织
default:默认(触发事件对象阻止默认行为:event.preventDefault)
propagation:传播;扩展;宣传(触发事件对象阻止事件冒泡:event.stopPropagation)
client:客户;当事人;委托人;(连接在服务器上的)客户机(鼠标在可视区的x和y坐标:event.clientX event.clientY)
page:页;面;网页(鼠标在页面文档的x和y坐标)
screen:屏幕(鼠标在电脑屏幕的x和y坐标)

callback:回拨的电话;打回的电话(回调函数)
timeout:暂停;超时(倒计时调用一次定时器:setTimeout)
interval:间隔;(时间上的)间隙;间歇;休息时间(间隔反复调用定时器:setInterval)
hour:时
minute:分
second:秒
forward:前进;向前
back:后退;倒退
offset:抵消;弥补;补偿(偏移量,可动态获取各种元素属性)

offset获取值,style修改值

client:客户;当事人;委托人
scroll:纸卷;滚屏;滚动(滚动条事件)

SVM

Servlet:表现层
Service:业务逻辑层
DAO:数据访问层

Component:组成部分;成分;部件(在实现类上添加注解,表示为一个Bean)
对于@Component注解,还衍生出了其他三个注解@Controller、@Service、@Repository

Controller:管理者;控制者(表现层Bean注解)
Service:服务(业务层Bean注解)
Repository:仓库;资源库(数据层Bean注解)
value:价值(默认为当前类名且首字母小写,值为定义Bean的id)

domain=pojo=javabean=entity
dao=mapper
data access object:数据访问对象;数据存取对象;数据访问对象DAO
session:会话
factory:工厂;制造厂
SqlSessionFactory:数据库会话工厂

AOP(Aspect Oriented Programming):面向切面编程
OOP(Object Oriented Programming):面向对象编程

JoinPoint:连接点(程序执行过程中的任意位置,粒度为执行方法、抛出异常、设置变量等。在SpringAOP中,理解为方法的执行)
Pointcut:切入点(匹配连接点的式子。在SpringAOP中,一个切入点可以描述一个具体方法,也可也匹配多个方法)
Advice:通知(在切入点处执行的操作,也就是共性功能。在SpringAOP中,功能最终以方法的形式呈现)
Aspect:切面(描述通知与切入点的对应关系)
execution:执行;实行(切入点表达式的标准格式)

commit:犯罪;自杀(事物提交)
rollback:下跌;回复;恢复(事务回滚)

Transactional:事务型;事务处理(在事物层类或接口的方法上加上该注解, 开启事物)

@Configuration:标记该文件为配置信息
@ComponentScan:组件扫描
@PropertySource:数据库配置文件
@Import:导入其他配置类
@EnableAspectJAutoProxy:启动自动代理
@EnableTransactionManagement:启动注解式事物管理

MVC(Model、View、Controller):(模型、前端、控制器)

常用单词及简写

current:当前的;现在的
previous:以前的;先前的

作为日语生的我……现在想重拾过去那么多年落下的英语了,在慢慢学习编程的过程中,逐渐察觉了英语的重要性,可能有些晚,但种下一棵树最好的时机是现在。从在各个知识点里遇到的单词开始,写下我的单词笔记……

本文为作者九日发布,未经允许禁止转载!
353
2
0
发表留言

    1个月前

    好卷呀 都开始卷前端了

      九日作者
      1个月前

      跟你们比起来这都是小儿科呀。看了一下大佬博客,太美了!!!首页的朋友圈好喜欢

单词笔记
扫描右侧二维码继续阅读
May 15, 2022
微风忆夏
blogger
九日
一名想要每天自律努力上进的在校大一生。
公告

我和博客一样,不给任何人推送。
但如果你访问,会知道我的很多。

力扣每日一题迁移至GitHub:

统计
文章:110 篇
分类:5 个
评论:1151 条
运行时长:4年191天
by yoniu.
微风忆夏