前端
记录前端学习过程
Moluuu
这个作者很懒,什么都没留下…
展开
-
【SpringBoot学习(四) 使用 thymeleaf实现国际化功能】
国际化国际化(internationalization),是设计和制造 适应不同区域要求的产品的一种方式。它要求从产品中抽离所有地域语言,国家/地区和文化相关的元素。换言之,应用程序的功能和代码设计考虑在不同地区运行的需要,其代码简化了不同本地版本的生产。开发这样的程序的过程,就称为国际化。国际化又叫 i18n,为什么叫这个呢 因为英文太长了......国际化支持应该是所有的做国际化网站都需要考虑的一个问题,Spring Boot为国际化提供了强有力的支持。SpringBoot国际化Spri原创 2020-12-11 01:50:15 · 616 阅读 · 0 评论 -
【Vue学习(四)浅析 webpack】
写在前面可能有些人看到这个标题会想问为什么直接从二跨到四了,原因很简单 因为三写的比较次拿不出手。只能停留在文件夹中,供以后自己本地查阅了。Webpack毫无疑问,Webpack在前端中有着独特的重要性,是你必须要熟悉的一个技能点。因为你在投简历浏览一些大公司的前端岗位时,毫无疑问是写明了至少要熟悉 Webpack。作为后端的话,能稍微多理解一些前端知识也是极好的。什么是webpackWebpack 是当下最热门的前端资源模块化管理和打包工具。Webpack 提供了前端开发缺乏的模块化开原创 2020-12-07 22:05:08 · 161 阅读 · 0 评论 -
【Vue学习(二)组件和插槽】
组件组件是 Vue 强大的功能之一Vue组件具有封装可复用的特点,能够让你在复杂的应用中拆分成独立模块使用在开发中,我们可以将重复使用的功能封装为组件,方便开发提高效率因为组件是可复用的 Vue 实例,所以它们与 new Vue 接收相同的选项例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项。为什么需要组件提高复用性解耦提升开发效率创建组件Vue.js 使用component();函数来创建组件,该函数中可原创 2020-12-05 03:29:41 · 622 阅读 · 0 评论 -
【Vue学习(一),Vue和MVVM介绍、Vue常用标签】
初识Vue什么是Vue以下引自Vue官方文档Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 Vue.js是当下很火的一个 JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angula原创 2020-12-02 19:13:23 · 561 阅读 · 0 评论 -
【JavaScript学习(三) BOM对象快速浏览 、操作DOM对象】
BOM对象快速浏览BOM:浏览器对象模型(Browser Object Model)允许 JavaScript 与浏览器对话浏览器模型不存在官方标准,现代的浏览器已经(几乎)实现了 JavaScript交互相同的方法和属性,因此它经常作为 BOM的方法和属性被提到。关于 bom对象,里面的内容比较多比较杂。就直接快速过一遍吧,也不建议大家初学就全部搞懂这些。window对象所有浏览器都支持 window 对象,它表示浏览器窗口。所有 JavaScript全局对象、函数以及变量均自动成为 wi原创 2020-11-27 01:38:15 · 232 阅读 · 0 评论 -
【JavaScript学习(二) 函数 、变量作用域】
函数定义函数 在 JavaScript中,函数使用 function关键字定义我们尝试使用该关键字定义一个简单的函数// 定义一个使传入参数相加的函数function add(x,y){ return x + y;}我们在控制台中尝试调用该函数成功的调用了该函数如果我们向该函数中传入多个参数,或者不传入参数会如何。经测试得出,如果不传入参数会返回NaN,传入多个参数会忽略多余参数,进行计算的只会是有效参数。也就是说,这两种本来不合法的传参方式在 JavaScript中原创 2020-11-25 00:19:34 · 165 阅读 · 0 评论 -
【JavaScript学习(一) 语法、常用数据类型】
什么是JavaScriptJavaScript(通常缩写为JS)是一种高级的、解释型的编程语言。JavaScript是一门基于原型、函数先行的语言,是一门多范式的语言,它支持面向对象程序设计,命令式编程,以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等,不支持I/O,比如网络、存储和图形等,但这些都可以由它的宿主环境提供支持。它已经由ECMA(欧洲电脑制造商协会)通过ECMAScript实现语言的标准化。它被世界上的绝大多数网站所使用,也被世界主流浏览器(Chrome、IE、Fi原创 2020-11-23 14:57:11 · 346 阅读 · 0 评论 -
【CSS学习(四) 定位】
定位元素的定位一般分为相对定位、绝对定位和固定定位三种。实现定位效果我们一般使用 position属性,该属性有以下值供我们调用static:默认值。位置设置为 static的元素,它始终会处于文档流给予的位置。inherit :规定应该从父元素继承 position 属性的值。但是任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 “inherit”。fixed:生成固定定位的元素。默认情况下,可定位于相对于浏览器窗口的指定坐标。元素的位置通过 “l原创 2020-11-19 21:05:12 · 281 阅读 · 0 评论 -
【CSS学习(三)盒子模型、边距重叠 & 浮动、清除浮动】
盒子模型盒子模型在CSS学习中尤为重要,对盒子模型的深刻理解有利于 CSS开发水平的提示,在开发中遇到难以理解的现象,往往是因为对模型的理解不够。盒子模型这个名词来自英文里面的Box modelmodel。怎么理解盒子模型呢?我认为凡是里面可以盛装其他内容的标签,我们都可以称之为盒子。例如:div,p,span等等标签都可以往里面再添加元素,我们都可以称之为盒子模型,相反例如img,input等等 里面是无法盛装其他元素,我们就能称之为盒子。盒子模型的构成标准的盒子模型一般由外边距区域、边框区域原创 2020-11-18 17:52:31 · 937 阅读 · 0 评论 -
【CSS学习(二) 文本美化 & 背景】
美化样式文本美化作为 Web 页面最基本的组成部分,“文本” 的重要性不言而喻。对于“文本”来说,我们需要掌握两个与之相关的属性,“字体属性” 和 “文本属性”。CSS 字体属性:主要定义“文本”的字体系列、字体大小、字体粗细、风格和变形等;CSS 文本属性:主要定义“文本”的外观——如缩进和水平对齐、垂直对齐、字符间隔和字母间隔、文本转换、文本装饰、文本阴影、处理空白符和文本方向等。我们先来看看字体属性从百度百科上拷下来一段文字层叠样式表(英文全称:Cascading Style Sh原创 2020-11-16 22:30:47 · 828 阅读 · 0 评论 -
【CSS学习总结(一) CSS理解 & 选择器】
什么是CSS层叠样式表(英语:Cascading Style Sheets,缩写:CSS;又称串样式列表、级联样式表、串接样式表、阶层式样式表)是一种用来为结构化文档(如HTML文档或XML应用)添加样式(字体、间距和颜色等)的计算机语言,由W3C定义和维护。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。以下引自维基百科CSS不能单独使用,必须原创 2020-11-14 13:54:50 · 1084 阅读 · 0 评论 -
给我一天,让你入门HTML
初识HTML什么是HTMLHTML(Hyper Text Markup Language)中文翻译过来叫 超文本标记语言,是一种用于创建网页的标准标记语言。HTML是一门基础技术,常和 CSS以及 JavaScript一起被用于设计 网页、网页应用程序、移动应用程序的应用界面…网页浏览器可以读取 HTML文件,并将其渲染成可视化的网页。HTML 描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。HTML 元素是构建网站的基石。HTML允许嵌入图像与对象,并且可以用于创建交互原创 2020-11-11 23:52:56 · 423 阅读 · 0 评论