ssm_前端学习笔记第15页

大前端学习笔记

JavaScript教程教程简介JavaScript是世界上最流行的脚本语言，因为你在电脑、手机、平板上浏览的所有的网页，以及无数基于HTML5的手机App，交互逻辑都是由JavaScript驱动的。JavaScript历史ECMAScript是一种语言标准，而JavaScript是网景公司对ECMAScript标准的一种实现。快速入门JavaScript代码可以直接嵌在网页的任何地方，不过通常我

jojo2·2020-03-21 02:00

【前端学习笔记】Vue的生命周期

生命周期涉及到的钩子函数总共有8个。1、beforeCreate2、create3、beforeMount4、mounted5、beforeUpdate6、update7、beforeDestory8、destoryVue组件的生命周期分为四个阶段，每个阶段有2个生命钩子函数，总计8个。创建阶段：主要用于组件创建时，获取数据设置组件。beforeCreatecreated挂载阶段：主要用于访问组件

花上·2020-03-20 15:06

前端学习笔记九

css文本外观属性Color文本颜色letter-spacing字间距（字符和字符之间的距离）word-spacing单词间距（用于定义英文单词之间的距离，对中文字符无效，是字母与字母间的间距）line-height行间距（行与行之间的距离，也成为行高）text-decoration文本装饰（用于设置文本的下划线，上划线，删除线等效果。属性值：underline、overline、line-thr

被注册的9527·2020-03-19 06:10

前端学习笔记五-移动Web网页开发

一、流式布局1.1meta标签最标准的viewport设置视口宽度和设备保持一致视口的默认缩放比例1.0不允许用户自行缩放最大允许的缩放比例1.0最小允许的缩放比例1.0二、二倍图2.1物理像素&物理像素比物理像素点指的是屏幕显示的最小颗粒，是物理真实存在的。这是厂商在出厂时就设置好了，比如苹果8是750*1334(竖着最多能显示750个像素点)我们实际开发时候的1px不是一定等于1个物理像素的，

AizawaSayo·2020-03-17 13:12

Grafana学习笔记

Grafana前端学习笔记项目介绍用于可视化大型测量数据的开源程序，他提供了强大和优雅的方式去创建、共享、浏览数据。dashboard中显示了你不同metric数据源中的数据。

teemosauce·2020-03-17 11:39

我的前端学习笔记18——闭包，定时器

问题1，什么是闭包?有什么作用？闭包官方解释：指那些能够访问独立变量的函数（变量在本地使用，但是定义在一个封闭的作用域中），换言之，这些函数可以“记忆”它被创建时的环境。我的理解：闭包存在的目的是为了在外层操作函数内部的局部变量，同时保留函数内部的局部变量不会在函数执行完之后被清除。当一个函数中return出另一个函数，就形成了闭包。具体如下图例子：这里，sum就是一个闭包，它等于函数fnretu

HARRISKING·2020-03-13 13:56

我的前端学习笔记——css盒模型

为了你，我愿意放弃全世界——宇智波·带土1，盒模型包括哪些属性content（内容）,height（高度）,width（宽度）,padding（内边距）,margin（外边距）2，text-align:center的作用是什么，作用在什么元素上？能让什么元素水平居中text-align:center：使块级元素居中。能让块级元素中的行内元素居中。3，如果遇到一个属性想知道兼容性，在哪查看?CANI

HARRISKING·2020-03-13 09:29

我的前端学习笔记11——inline-block、BFC、边距合并

晓：创造黎明为己任！1，在什么场景下会出现外边距合并？如何合并？如何不让相邻元素外边距合并？给个父子外边距合并的范例两个块级元素垂直外边距相遇时，将形成一个外边距。合并后的外边距将等于两个块级元素外边距高度的最大者。不让相邻的外边距合并，举例如下：只需要将每一个元素都加BFC即可。不让父子外边距合并，举例如下：只需要给子元素加边框、内边距即可。如果没有元素，margin自身都会合并。2，去除inl

HARRISKING·2020-03-10 07:47

前端学习笔记之Html标签元素类别

HTML中的标签元素可以分为三种不同的类型：块状元素、内联元素和内联块状元素。块状元素的特点有：1、独占一行。每个块级元素都从新的一行开始，并且其后的元素也另起一行。2、元素的高度、宽度、行高以及顶和底边距都可设置。3、可以设置高度，如果不设置元素的高度，则其高度与父元素的高度一致。常用的块状元素有：、、、、、、、、、、、、、、等内联元素与块状元素相对应，具有如下特点：1、和其他内联元素都在一行上

Moorez·2020-03-10 01:33

前端学习笔记三-项目实战seo优化

目录文件夹名称说明项目文件夹myProject样式类图片文件夹img样式文件夹css产品类图片文件夹upload字体类文件夹fonts脚本文件夹js样式文件的分类初始化css(cssreset)让浏览器风格统一，把常用的初始化语句放入base.css里面。我们把一些公共的样式放入common.css里面。一、网站ico图标1.1使用ico图标首先把favicon.ico这个图标放到根目录下。再ht

AizawaSayo·2020-03-09 17:21

前端学习笔记十-WebAPIs（2）BOM

一、BOM1.1什么是BOMBOM（BrowserObjectModel）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的一部分。1.2BOM的构成BOM比D

AizawaSayo·2020-03-09 15:52

前端学习笔记十二-jQuery

一、jQuery介绍1.1JavaScript库JavaScript库：即library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。简单理解：就是一个JS文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了。比如jQu

AizawaSayo·2020-03-09 14:11

前端学习笔记十三-面向对象

一、面向过程与面向对象1.1面向过程（POP）面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。例子：1.打开冰箱➡️2.把大象装进去➡️3.把冰箱门关上1.2面向对象（OOP）面向对象是把事务分解成为一个个对象，然后由对象之间分工与合作。以对象功能来划分问题。例子：将大象装进冰箱，面向对象做法。先找出对象，并写出这些对象的功能：1.

AizawaSayo·2020-03-09 14:13

前端学习笔记十七-数据库+MongoDB

一、数据库概述及环境搭建1.1为什么要使用数据库动态网站中的数据都是存储在数据库中的数据库可以用来持久存储客户端通过表单收集的用户信息数据库软件本身可以对数据进行高效的管理，以便我们可以快速的查找数据1.2什么是数据库数据库即存储数据的仓库，可以将数据进行有序的分门别类的存储。它是独立于语言之外的软件，可以通过API去操作它。常见的数据库软件有：mysql、mongoDB、oracle。1.3下载

AizawaSayo·2020-03-09 13:03

前端学习笔记二十七-Vue-Router

一.路由的概念与原理路由的本质就是一种对应关系，比如我们在url地址中输入我们要访问的url地址之后，浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系，就是路由。路由分为前端路由和后端路由1.1后端路由后端路由是根据不同的用户URL请求，返回不同的内容，本质就是URL请求地址与服务器资源之间的对应关系。由服务器端进行实现，并完成资源的分发。1.2前端路由前端

AizawaSayo·2020-03-08 18:04

前端学习笔记八

Css单位与文字排版一、标签的类型（显示模式）1，行内元素1.1，行内元素仅仅靠自身的字体大小和图像尺寸来支撑结构，一般不可以设置宽高，对齐等属性常用于控制文本的样式1.2，行内元素内不能嵌套块级元素，只能嵌套其他的行内元素1.3，常见的行内元素strong\b\em\i\del\s\u\ins\a\span2，块级元素2.1，块级元素独占一行或多行，可以对其设置宽高，对齐等属性，常用于页面布局和

被注册的9527·2020-03-06 23:15

前端学习笔记_css常见布局(1)

一列布局-定宽顾名思义定宽就是使用固定的宽度来布局，想要居中直接margin:0auto;简单直接css代码如下：.wrap{width:960px;margin:0auto;}等分布局下面来看html结构：1234如果每个item的padding-left值是20px,那么最左边就会多出来20px，于是设置如下：.parent{margin-left:-20px;}.parent>.item{p

质真如渝·2020-03-04 11:35

我的前端学习笔记20——DOM、事件

1，dom对象的innerText和innerHTML有什么区别？innerText是将对象中的字符串过滤组合展示；而innerHTML则是将对象中的所有内容都进行展示；对于链接，innerHTML会将其保留连接属性，而innerText则会将链接转化为字符串；2，elem.children和elem.childNodes的区别？elem.children：非标准型，它返回指定元素的子元素集合。只

HARRISKING·2020-03-04 09:49

我的前端学习笔记03-Layout

文档流（normalflow）网页是一个多层的结构，一层摞着一层通过CSS可以分别为每一层来设置样式作为用户来讲只能看到最顶上一层这些层中，最底下的一层称为文档流，文档流是网页的基础我们所创建的元素默认都是在文档流中进行排列对于我们来元素主要有两个状态在文档流中不在文档流中（脱离文档流）元素在文档流中有什么特点：块元素块元素会在页面中独占一行(自上向下垂直排列)默认宽度是父元素的全部（会把父元素撑

言念君子温其如玉·2020-02-27 18:53

【前端学习笔记】web storage 和 cookie的区别

WebStorage实际上由两部分组成：sessionStorage与localStorage。sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在用一个会话中的页面才能访问并且当会话结束后数据也随之销毁。会话级别的存储。localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。WebStorage的概念和cookie相似。区别

花上·2020-02-26 22:59

2019-08-09-前端学习笔记

3.HTML实体在HTML中，某些字符是预留的。比如，在写代码时，由于标签前后都是尖括号）>、和号（&）&等几个。完整的实体符号可以查阅离线HTML手册-HTML5参考手册-HTMLISO-8859-1参考手册。需要多学一点的是实体空格。实体：空格在HTML中，如果使用空格键产生空格，那么空格是不会累加的，只会算一个，要使用HTML实体表达才可以累加。空格占据宽度受字体影响明显。最常用空格为，需要

Chasonnn·2020-02-25 20:47

零基础前端学习笔记01

零基础前端学习笔记今天开始第一天的前端学习，学习内容来自导师推荐的百度前端技术学院我本身是学习测控技术与仪器专业的理工生，大学四年来一直学的是传感器、单片机、汇编这些更涉及硬件的东西。

惊于往生_cb83·2020-02-25 02:34

前端学习笔记之4 静态页面练习(百度)

引言:博主目前是一名iOS开发者,所会的语言有Objective-C和Swift,目前正在学习前端;这篇文章只是作为我的笔记发在这里,供自己业余时间看看;全是很基础的东西,看到的小伙伴酌情略过吧_效果图这里写图片描述1.index.html百度一下,你就知道新闻hao123地图视频贴吧登录新闻更多产品![](images/logo.png)百度一下![](images/d_1.JPEG)![](i

庞仕山·2020-02-24 08:47

我的前端学习笔记32——this，原型链，继承

HARRISKING·2020-02-16 18:12

我的前端学习笔记6——html+css

知识点总结区1，line-height有什么作用?line-height代表行高，即短语段之间的距离。line-height:2就是字体两倍行高，line-height:2px代表行高为2像素。2，如何去查CSS属性的兼容性？比如inline-block哪些浏览器支持？。登录网站caniuse即可查询。inline-block哪些浏览器支持3，a标签的href,title,target是什么？ti

HARRISKING·2020-02-16 02:00

【前端学习笔记】限制文本框（input）输入为float类型

前言某些情况下，需要用户输入float/double类型的数据，但是input似乎没有对这一类的做限制，所以需要结合javaScrept。html：javaScrept：functioncheckInputIntFloat(oInput){if(''!=oInput.value.replace(/\d{1,}\.{0,1}\d{0,}/,'')){oInput.value=oInput.value

helloMiao·2020-02-12 10:06

【前端学习笔记】Vue的优缺点和其他前端框架的区别

vue是什么？vue是一套构建用户界面的渐进式框架，即MVVM框架。vue采用自底向上增量开发的设计。vue的核心只关注图层，是一个构建数据驱动的web页面的库。vue的特性有：1、轻量级的框架2、双向数据绑定3、指令4、插件化vue和其他框架的区别？一、与angular的区别相同点：1）都支持指令：内置指令和自定义指令。2）都支持过滤器：内置过滤器和自定义过滤器。3）都支持双向数据绑定。4）都不

花上·2020-02-11 02:51

前端学习笔记十四

CSS的背景1•background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。•scroll：默认值。背景图像会随着页面其余部分的滚动而移动。否固定或者随着页面的其余部分滚动•fixed：固定显示，相对于body固定。一般只用于body的背景设置。2•background-color设置元素的背景颜色。3•background-image设置元素的背景图像。4•back

被注册的9527·2020-02-08 12:35

前端学习笔记（十三）

1.Vue常用的指令：v-modelv-ifv-elsev-showv-forv-bind----简写::class="qq"、:type="text"v-on----简写:@click="qq"2.v-model的原理text和textarea元素使用value属性和input事件；checkbox和radio使用checked属性和change事件；select字段将value作为prop并将

LHH大翰仔仔·2020-02-07 13:27

前端学习笔记--npm安装遇到的问题（Error: UNABLE_TO_VERIFY_LEAF_SIGNATURE）

在用webpack搭建react环境时，用npm命令安装react一直报错，出现Error:UNABLE_TO_VERIFY_LEAF_SIGNATURE（无法验证子签名）npminstall--save-devreact在网上查到解决办法为：取消ssl验证npmconfigsetstrict-sslfalse再次运行命令：安装成功。安装完成之后恢复npmconfigsetstrict-ssltr

沧澈·2020-02-07 10:03

前端学习笔记--vue 动态生成 v-model

核心：创建一个空的数组selectVal:[]v-model绑定v-model="selectVal[index].value"动态生成v-modalvarlen=10;for(vari=0;i{{option.label}}getvaluejs部分：constapp=newVue({el:'#app',data:{selectVal:[],loading:false,options:[],lis

沧澈·2020-02-07 08:49

我的前端学习笔记28——懒加载

1，如何判断一个元素是否出现在窗口可视范围（浏览器的上边缘和下边缘之间，肉眼可视）。写一个函数isVisible实现functionisVisible($node){varwindowHeight=$(window).height(),scrollTop=$(window).scrollTop(),offsetTop=$node.offset().top,nodeHeight=$node.heig

HARRISKING·2020-02-05 05:46

前端学习笔记--document.querySelectorAll遍历

for循环方式for(vari=0;i

沧澈·2020-02-05 04:00

黑马前端学习笔记一-html+css

一.html排版标签标题：~段落：换行：水平线：文本格式化标签加粗：(推荐使用strong，因为语义化)斜体：(推荐使用em，原因同上)删除线：(推荐使用del，原因同上)下划线：(推荐使用ins，原因同上)base标签整体设置所有链接的打开模式是写到中的预格式化文本标签...：会直接按照我们书写的格式显示，保留空格和换行。用得很少。特殊字符(记住常用的即可) 空格<&&表

AizawaSayo·2020-02-05 03:04

前端学习笔记--requestAnimationFrame优化动画效果

requestAnimationFrame，顾名思义就是请求动画帧，是html5提供一个专门用于请求动画的API，当需要更新屏幕画面时就可以调用此方法。与setTImeout和setInterval不同，requestAnimationFrame不需要传入时间间隔，使用requestAnimationFrame，浏览器能够优化并行的动画，保证回调函数在屏幕每一次的刷新间隔中只被执行一次，因此能够更

沧澈·2020-02-02 20:34

前端学习笔记6-CSS入门四

前言：虽然做了几个前端项目，但是属于项目组的赶鸭上架。我的前端基础还是非常薄弱，在网上找了一些网站，用于空闲时间学习。在此做下学习笔记，以做复习使用。网站的课程讲的很好，很适合像我这样零基础的人学习，非常感谢网站的维护者，推荐下：绿叶学习网1.表格样式：---border-collapse，控制边框合并---border-spacing，控制边框间隔，单位px---caption-side，控制表

JustDI-CM·2020-01-19 17:47

前端学习笔记_Git

什么是Git？Git是一个分布式的版本控制，前端必备作者：LinusTorvaldsGit提供以下功能备份文件记录历史回到过去多端共享团队协作开源协作安装Gitmsysgit是Windows版的Git，从http://git-scm.com/下载，然后按默认选项安装即可。安装完成后，在开始菜单里找到“Git”->“GitBash”，蹦出一个类似命令行窗口的东西，就说明Git安装成功！创建版本库创建

质真如渝·2020-01-06 23:06

前端学习笔记之 js 中Array.filter(Boolean)

前言近日在看30secondsofcode里面的compact方法发现是这么写的constcompact=arr=>arr.filter(Boolean);，用来移除所有的”falsey“类型元素（false,null,0,"",undefined,NaN），很好奇写了个Boolean为什么能够过滤falsey类型元素呢，让我们来探索一下。我们都知道，Boolean作为一个函数的时候，能够根据元素

Moorez·2020-01-06 22:19

重学前端学习笔记 03：JS类型及其细节（有拓展）

从运行时角度看JS类型系统运行时类型是代码实际执行过程中，我们用到的类型。所有的数据类型都会属于7个基本类型之一。从变量、参数、返回值到表达式中间结果，任何JS代码运行过程中产生的数据，都具有运行时类型。类型JS语言的每一个值都属于某一种数据类型。语言类型广泛应用于变量、函数参数、表达式、函数返回值等场合。JS语言规定了7种基本类型、7种语言类型。JS的7种语言类型List和Record：用于描述

BML0·2020-01-04 23:05

SSM_基于JavaConfig（不使用XML配置文件）整合Spring&SpringMVC&Mybatis

Chill_Lyn_·2020-01-04 13:46

前端学习笔记_fullpage

在页面引入，需要先引入jQuery进入cdnjs官网，搜索fullpagejquery.fullPage.cssjquery.fullPage.jsjquery.easings.min.js基本的页面结构一些内容一些内容一些内容一些内容实现基本效果给某一个slide（页）增加slide(幻灯片)Slide1Slide2Slide3Slide4激活fullpage效果$(document).read

质真如渝·2020-01-03 02:20

前端学习笔记の拖拽（二）插件篇

引言：大家久等了，对不住了。最近经常出差，项目很赶啊，宝宝心很累/(ㄒoㄒ)/~~。参考：http://www.cnblogs.com/lrzw32/p/4696655.html源代码：https://github.com/WZOnePiece/study-draggablejquery插件化##起始插件化：;(function($,window,undefined){$.fn.drag=func

迷缘火叶·2020-01-01 22:22

我的前端学习笔记15——函数

1，函数声明和函数表达式有什么区别（*）形式不同1，函数声明：函数声明example2，函数表达式：函数表达式example分号结尾2，什么是变量的声明前置？什么是函数的声明前置（**）变量的声明前置：浏览器的工作原理是先将文件整体解析，将变量先挑出来放到前面，然后再逐行逐句进行渲染解析。这就使变量的声明被放到最前面。上图中的undefined就是由于变量先被提前，但是没有赋值，因此出现undef

HARRISKING·2019-12-31 13:08

前端学习笔记_Sublime配置插件-SublimeTmpl

一款前端开发的利器Sublime下载/安装Sublime安装插件SublimeTmplCtrl+Shift+P调出面板后输入InstallPackage:无法安装插件解决方式之一:找到hosts文件增加50.116.34.243sublime.wbond.nethosts文件在c:\windows\system32\drivers\etc\hosts下输入SublimeTmpl：配置Sublime

质真如渝·2019-12-31 04:24

前端学习笔记十三

元素定位position：static自动定位（默认定位方式）无法通过边偏移属性（top、bottom、left或right）来改变元素的位置。position：relative相对定位，相对于其原文档流的位置进行定位通过边偏移属性改变元素的位置，但是它在文档流中的位置仍然保留。position：absolute绝对定位，相对于其上一个已经定位的父元素进行定位，若所有父元素都没有定位，则依据bod

被注册的9527·2019-12-29 17:42

前端学习笔记_JS循环

while只要指定条件为true，循环就可以一直执行。a=5;while(true){if(a>=10){break;//break语句用于跳出循环}console.log(a);a=a+1;}如果条件一直为true，会导致死循环使浏览器崩溃。dowhiledo…whlie是另外一种形式的while循环，条件判断在执行之后，所以它至少会执行一遍，即使条件为false。vari=5;do{conso

质真如渝·2019-12-28 08:34

我的前端学习笔记10——浮动与定位

1,文档流的概念指什么？有哪种方式可以让元素脱离文档流?文档流指的是元素没有浮动和绝对定位是的正常的布局方式。块级元素从上到下排列；行内元素从左到右排列，如果整行就换行排列。可以让元素脱离文档流的方式有：定位（包括absolute和fixed定位。）浮动2,有几种定位方式，分别是如何实现定位的，使用场景如何？定位方式:position:static：代表元素没有定位，元素正常出现在文档流中。pos

HARRISKING·2019-12-27 07:22

前端学习笔记--apply()和call()

在ECMAscript标准标准中定义了call()和apply()两种方法，能够改变函数的上下文，也就是函数内部this的指向call()call：英[kɔːl]美[kɔl]vi.呼叫；拜访；叫牌vt.呼叫；称呼；召集n.电话；呼叫；要求；访问Function.call(obj,arg1,arg2,...)obj：这个对象将代替Function类里this对象params：这个是一个参数列表app

沧澈·2019-12-26 04:49

我的前端学习笔记9.2——css字体图标及常见样式

1，CSSSprite(雪碧图|精灵图)指什么?有什么作用?csssprite指的是一些图片（多为图标）拼接在一起的图片。作用：可以在不用数据请求的前提下，只是通过位置的定位来实现不同需求的不同图片展示。利用CSSSprites能很好地减少网页的http请求，从而大大的提高页面的性能，这也是CSSSprites最大的优点，也是其被广泛传播和应用的主要原因；CSSSprites能减少图片的字节，曾经

HARRISKING·2019-12-25 21:51

前端学习笔记 - 序

本系列文章主要是为了记录自己在前端开发学习过程中的一些心得笔记。在文章的序中，我列出了希望在前端有所深入了解的内容。尤其某些设计原理的文章，读完以后需要有自己的产出，才能深入理解该部分内容。同时也希望能帮助在前端开发道路上学习的小伙伴们，对自己的学习有更清晰的规划，对自己的知识点有更细致的梳理。前端学习CheckListWeb工作原理互联网工作原理互联网的工作原理互联网的工作原理-Stanford

苏静颜·2019-12-25 00:30

推荐频道

ssm_前端学习笔记