ssm_前端学习笔记

前端学习笔记——JavaScript数据类型

分类值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol(ES6)。引用数据类型：对象(Object)、数组(Array)、函数(Function)。变量类型检测typeof操作符：由于JavaScript是弱类型的变量，因此JavaScript提供了一种可以检测类型的方法，也就是typeof关键字。
weixin_33897722·2018-12-12 16:26

前端学习笔记——var/let/const的区别

使用关键字var声明的变量，无论实际上在哪里声明的，都会被当成在当前作用域顶部声明的变量，也就是变量提升。如下：if(true){varmsg="HelloWorld!";}console.log(msg);//'HelloWorld!'复制代码循环内变量过度共享：循环本身及三次timeout回调均共享唯一的变量i。for(vari=0;i<3;i++){setTimeout(function()
weixin_34237596·2018-12-06 14:36

Web前端学习笔记2——css基础1

目录1.选择器1.1基础选择器1.2复合选择器2.文本属性2.三种样式表写法3.块元素与行内元素的区别3.1块元素3.2行内元素3.3行内块元素(内联元素)3.4display属性----元素转换4.css三大特性4.1层叠性4.2继承性4.3优先级4.4权重叠加5.超链接常用属性6.背景属性7背景图片实现列表图片案例8行高9.盒子模型9.1盒子案例9.2表格案例9.3表单案例9.4Magin10
奔跑的杰尼龟·2018-11-19 22:18

前端学习笔记-8.2Vue-cli项目上传github报错及注意事项

Vue-cli项目上传github1.需要有github账号，注册一个。网址：https://github.com;2.需要下载安装git。下载地址：https://git-scm.com;3.1绑定用户安装完成git后，在空白区域，单击右键，即可看到GitBashHere在打开的GItBash中输入以下命令（用户和邮箱为你github注册的账号和邮箱）gitconfig--globaluser.
我就是小强·2018-09-28 19:31

Web前端学习笔记——JavaScript之事件、创建元素、节点操作

事件事件：触发-响应机制Event接口表示在DOM中发生的任何事件，一些是用户生成的（例如鼠标或键盘事件），而其他由API生成。事件三要素事件源:触发(被)事件的元素事件类型:事件的触发方式(例如鼠标点击或键盘点击)事件处理程序:事件触发后要执行的代码(函数形式)事件的基本使用varbox=document.getElementById('box');box.onclick=function(){
唯恋殊雨·2018-09-24 21:53

Web前端学习笔记——VueJS之组件、路由

定义Vue组件什么是组件：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同：模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一；组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用；全局组件定义的三种方式使用Vue.extend配合
唯恋殊雨·2018-09-20 19:07

一统江湖的大前端（6）commander.js + inquirer.js——懒，才是第一生产力

《一统江湖的大前端》系列是自己的前端学习笔记，旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库，不定期更新。
大史不说话·2018-09-15 19:00

一统江湖的大前端（5）editorconfig + eslint——你的代码里藏着你的优雅

《一统江湖的大前端》系列是自己的前端学习笔记，旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库，不定期更新。
大史不说话·2018-09-15 08:00

一统江湖的大前端（4）shell.js——穿上马甲我照样认识你

《一统江湖的大前端》系列是自己的前端学习笔记，旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库，不定期更新。
大史不说话·2018-09-13 23:00

一统江湖的大前端（3） DOClever——你的postman有点low

《一统江湖的大前端》系列是自己的前端学习笔记，旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库，不定期更新。
大史不说话·2018-09-12 21:00

一统江湖的大前端（2）—— Mock.js + Node.js 如何与后端潇洒分手

《一统江湖的大前端》系列是自己的前端学习笔记，旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库，不定期更新。
大史不说话·2018-09-12 05:00

一统江湖的大前端（6）commander.js + inquirer.js——懒，才是第一生产力

《一统江湖的大前端》系列是自己的前端学习笔记，旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库，不定期更新。
大史不说话·2018-09-11 10:13

一统江湖的大前端（2）—— Mock.js + Node.js 如何与后端潇洒分手

《一统江湖的大前端》系列是自己的前端学习笔记，旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库，不定期更新。
大史不说话·2018-09-11 10:20

一统江湖的大前端（4）shell.js——穿上马甲我照样认识你

《一统江湖的大前端》系列是自己的前端学习笔记，旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库，不定期更新。
大史不说话·2018-09-10 17:49

一统江湖的大前端（5）editorconfig + eslint——你的代码里藏着你的优雅

《一统江湖的大前端》系列是自己的前端学习笔记，旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库，不定期更新。
大史不说话·2018-09-10 17:48

一统江湖的大前端（3） DOClever——你的postman有点low

《一统江湖的大前端》系列是自己的前端学习笔记，旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库，不定期更新。
大史不说话·2018-09-07 10:05

web前端学习笔记（三）

HTML5：布局类标签HTML是具有语义化的语言，针对网页的布局，有一类标签代表各种意义的“布局盒子”。所有的布局类标签都主要用来构建页面的内容区域，是双标签类型，是双标签类型，默认显示为块状元素。通用的布局标签：。语义：无明确的含义，通常就是代表“盒子”；应用：根据布局的需要，可以使用到任何地方，可以用id和class来对进行定义或区分。HTML5版本新增的常用布局标签：标签语义页面或区域的头部
齐在·2018-08-28 15:47

回顾前端漫漫一年自学路

今后还会发一些自己的前端学习笔记，也是对自己找工作之前的总结。第一次写博客，还在摸索练习阶段，排版问题还请大家见谅。好了，下面开始正文。
山间有风·2018-08-22 00:35

前端学习笔记（整理之前的相关播客）

之前就写了相关的博客，但是感觉思维比较混乱，所以准备再做一次整理。本次整理会包括从开始接触前端到目前的学习情况，整理完毕之后之前的博客可能会删掉。之前写了一半没有发表的博客也会被整理进来，尽量保持整体的完整性。大致提纲1.html+css+javascript相关内容整理，会酌情删减或增加2.在自己写的过程中遇到的问题3.有关react①HTML这是一个挺容易的内容，之前写的也还可以，就不再多写了
Karen_Yu_·2018-08-08 19:53

一统江湖的大前端（7）React.js-从开发者到工程师

首发链接：https://bbs.huaweicloud.com/blogs/70f69ca4953111e89fc57ca23e93a89f《一统江湖的大前端》系列是自己的前端学习笔记，旨在介绍javascript
大史不说话·2018-08-01 10:45

web前端学习笔记（一）

web前端的定义：是面向用户（浏览者）的互联网技术统称。主要包括Web界面的结构、Web界面的外观视觉表现以及Web界面的交互实现。Web前端的分类：前端设计和前端架构。HTML结构语言：超文本标记语言。通过各种标记符号（标签）来代表网页中的内容元素、将网页中的内容结构化。特点：通过浏览器来解析、文件名为html或htm。2.CSS样式语言（样式表）：实现表现与结构分离的样式设计语言。控制网页的视
齐在·2018-07-29 09:39

零基础前端学习笔记02

昨天简单了解了HTML、XHTML和HTML5的概念，顺带说了下CSS和JavaScript今天会更深入的学习HTML的几种常用的元素标签，以及探讨前端设计的大背景—WEB语义化。首先来介绍一下元素的概念，以及它的语法和用法。HTML元素HTML元素指的是从开始标签（starttag）到结束标签（endtag）的所有代码。示例如下：开始标签元素内容结束标签ThisisaparagraphThisi
惊于往生_cb83·2018-06-08 23:50

How2j仿写天猫前端学习笔记四产品页面

今天写了分页面中的基本信息基本信息别看内容没多少，但是写css的时候可花了不少的时间。现在发现div真是个好东西，基本上页面上的内容都是他完成的。现在对text-align:center理解又加深了，这句代码说把当前元素的内容，以当前元素的宽度水平居中。vertical-align;top垂直居顶，和上面对齐。6.2日20:05更新产品详情产品详情写这个页面时，学到了新知识点。伪元素简单的说就是在
烟雨平生梦·2018-06-04 11:20

How2j仿写天猫前端学习笔记二

今天完成了导航和轮播导航和轮播轮播用的是BootStrap框架完成的，具体含义现在还不知道，百度也没度出来，等以后有时间了在研究吧。data-[]属性不是BootStrap首创的，这是Html5新特性，是给用户自己定义的属性。data-ride="carousel"这句代码的意思是表示轮播在页面加载时就动画播放。了解了line-height是行高的意思，跟元素一样高就可以实现垂直居中了。图片的大小
烟雨平生梦·2018-05-31 13:26

How2j仿写天猫前端学习笔记

今天在学习How2j上的项目仿写天猫前端时，遇到的一些问题特此记录下来。置顶栏今天主要学习了如何写上图的置顶栏，用css和html写的。天猫首页和购物车前面图标用的是以及最右边的用的是BootStrap框架。因为用这个框架图标丰富，不用自己去找。开始没看答案时，把购物车移到最右边，我想的是用css的text-align:rigth;.但不成功，想了很久都不知道错在哪。后来用了浮动样式float:r
烟雨平生梦·2018-05-28 11:32

前端学习笔记（三）-基于display:table的CSS布局让HTML元素和像table一样

display:table的CSS声明能够让一个HTML元素和它的子节点像table元素一样。使用基于表格的CSS布局，使我们能够轻松定义一个单元格的边界、背景等样式，而不会产生因为使用了table那样的制表标签所导致的语义化问题。网页元素应用上那些与表格相关的display属性值后，能够模仿出与表格相同的特性。我将会在该文中给大家演示这种方法给CSS布局带来的巨大影响。使用CSS表格CSS表格能
笑桐笔记·2018-04-08 14:22

前端学习笔记----Day10_水平布局float

定位方案（PositionSchemes）三种定位方案对比.png绝对定位、浮动都会让元素脱离标准流，以达到灵活布局的效果float水平布局none(default)leftright元素一旦浮动后,脱离标准流朝着向左或向右方向移动，直到自己的边界紧贴着包含块(一般是父元素)或者其他浮动元素的边界为止定位元素会层叠在浮动元素上面float规则不能与行内级内容层叠，行内级内容将会被浮动元素推出比如行
Pamela_Liu·2018-03-21 19:42

我的前端学习笔记34——RequeryJS、AMD、CMD

1，为什么要使用模块化？1，解决命名冲突前端工程师三大难题之一：变量命名。当项目很大的时候，通常需要大量的变量，这是，我们无法保证声明的变量彼此之间不会干扰和污染。2，依赖管理3，封装代码可以对代码进行加密，使得其他人无法获取和随意更改代码，造成不必要的麻烦。4，封装后，代码更简洁，调用方便，提高代码可读性。5，代码解耦，提高代码复用性。1，CMD、AMD、CommonJS规范分别指什么？有哪些应
春木橙云·2017-12-05 19:16

我的前端学习笔记25——jQuery

1，说说库和框架的区别？库是一个数据仓库，里面放了各种可以利用的API，由于库的内部已经做了各种底层的封装和各种兼容实现，因此可以调用提供的API接口来实现我们需要的功能，而不需要复杂的代码和加工，因此使代码得到优化，效率提高框架相当于一个模板，用来搭建一个项目的最基层的部分，框架内部可以根据不同项目的需要填入不同的内容。另外一种解释是：库是跟着你的思维走；框架是牵着你的思维跟他走；2，jQuer
春木橙云·2017-12-05 05:17

前端学习笔记-CSS系列(四)布局

这章主要讲一下CSS的布局方式|display设置元素的显示方式display:block|inline|inline-block|noneblock块级元素主要特点默认宽度为父元素宽度可设置宽高换行显示换行显示的display:block默认display:block元素-div,p,h1-h6,ul,form,...inline行级元素主要特点默认宽度为内容宽度不可设置宽高同行显示默认disp
多喝热水z·2017-12-03 08:14

前端学习笔记之观察者模式

观察者模式也称"发布-订阅"模式,它的作用就是当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知，自动刷新对象状态举个生活比较常见常见的例子,比如你去面试之后，面试官看你表现不错，最后会跟你要联系方式，以便之后可以联系你。在这角色扮演当中，你就是“订阅者”，面试官就是“发布者”。那么发布订阅模式是咋实现的呢？思路给定一个发布者面试者将联系方式给发布者发布者的一个列表有各种职位(web端的，
Moorez·2017-10-05 00:00

web前端学习笔记（1）

9月5日array.push(...newArray)//往数组插入数组//交换a和b的值//ES6写法vara=1,b=2;[a,b]=[b,a];console.log(a,b);//21//Babel转换成ES5后vara=1,b=2;var_ref=[b,a];a=_ref[0];b=_ref[1];console.log(a,b);//21//获取某个元素相对于浏览器窗口的位置vardo
时间小鱼·2017-09-06 00:00

前端学习笔记--AJAX的应用（三）form表单改为AJAX提交

 无意中发现了一个巨牛的人工智能教程，忍不住分享一下给大家。教程不仅是零基础，通俗易懂，而且非常风趣幽默，像看小说一样！觉得太牛了，所以分享给大家。点这里可以跳转到教程。参考博客：http://www.cnblogs.com/bubbleStar/p/6060415.html参考博客：http://blog.csdn.net/u011458469/article/details/48134581一
liefyuan·2017-07-23 13:17

糊糊的前端学习笔记——浏览器对象【Day08】

浏览器提供的对象1.window表示浏览器的窗口。有innerWidth和innerHeight这两个属性。可以获取浏览器的内部宽高。window.innerWidth;window.innerHeight;对应的还有outWidth和outHeight这两个属性，获取浏览器窗口的整体的宽高。window.outWidth;window.outHeight;2.navigator表示浏览器信息。n
Amyhoo·2017-07-07 17:54

糊糊的前端学习笔记——JavaScript（上）【Day07】

1.MapMap是一组键值对的结构，具有极快的查找速度。Map的回调函数参数依次为value、key和map本身varm=newMap([['Michael',95],['Bob',75],['Tracy',85]]);m.get('Michael');//95/*此外还有has/set/delete等方法*/2.SetSet和Map类似，也是一组key的集合，但不存储value。由于key不能重
Amyhoo·2017-07-06 17:46

糊糊的前端学习笔记——25行代码实现一个贪吃蛇小游戏【Day06】

varsn=[42,41],dz=43,fx=1,n,ctx=document.getElementById("can").getContext("2d");functiondraw(t,c){ctx.fillStyle=c;ctx.fillRect(t%20*20+1,~~(t/20)*20+1,18,18);}document.onkeydown=function(e){fx=sn[1]-sn
Amyhoo·2017-07-06 16:50

糊糊的前端学习笔记——学习JavaScript，有哪些好的博客或者网站推荐？【Day05】

作者：Tw93链接：https://www.zhihu.com/question/19651401/answer/46211739来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。首先增加一个重要的内容：JavaScript|MDN为什么首先推荐它呢？曾任Mozilla公司首席首席技术官的BrendanEich是JavaScript主要创造者与架构师。这个是Mozill
Amyhoo·2017-07-05 15:31

糊糊的前端学习笔记——如何将文本行数确定为固定行，并将多余部分用省略号表示【Day04】

{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}white-space:nowrap/*规定段落中的文本不进行换行*/text-overflow:ellipsis;/*当对象内文本溢出时显示省略标记*/这是百度的第一条方法，当然，如果CSS如上表示的话，只能做到单行文本超出长度显示省略号。看到网络上有很多方法说用纯CSS无法实
Amyhoo·2017-07-04 12:44

糊糊的前端学习笔记——当缩放浏览器窗口时出现CSS样式混乱情况的分析【Day3】

在刚学会做自适应的时候，我们喜欢用百分比定义宽度，却会遇到这样一个现象，如果页面头部样式定义了宽度100%，那么当浏览器窗口缩放的时候就会发现有部分内容被截断或显示不全。解决：使用min-width对width:100%的对象加以限制；补充：在做不同设备下的自适应网页时，会发现这个方法非常好用，即在css中设定min-width即可；@media(min-width:768px){#header.
Amyhoo·2017-07-03 22:35

糊糊的前端学习笔记——文章分享【Day2】

昨天看了个对前端性能优化帮助挺大的文章，前半部分比较基础可以略过，后面对于性能优化的部分讲的挺好的。直接扔链接：《我的前端学习历程》来源：极客头条http://ms.csdn.net/geek/202067其中提到的用CSSSprites把多张图片合成一张图片以减少下载次数的方式看起来值得一试。还有性能优化的方法里提到避免空资源，这个我感触很深。很多次在运行公司项目时出现较长时间等待都是因为无法请
Amyhoo·2017-07-01 22:34

糊糊的前端学习笔记——a标签点击跳转页面后，为被点击的a标签添加样式【Day1】

本人前端小白一枚，初步接触前端知识一个月。从今天开始将在博客上分享一下我每日工作中遇到的一些问题和相应的解决，以帮助自己更好的学习和成长。今天在制作网页顶部公共导航时，遇到这样一个问题，我需要在a标签点击跳转页面后，为被点击的a标签添加样式。增添样式如下：.selected{display:block;background-color:#E31D2C;color:#fff;}刚开始js我是这样写的
Amyhoo·2017-06-29 15:16

前端学习笔记2-2 CSS

参考个人博客文章：http://www.zhuzhuman.com/nav-1/type-5/article/6.html元素的分类、盒模型与复合属性在css中，html的标签元素大体上分为三类：块状元素、内联元素、内联块状元素。盒模型的组成主要由：外填充、边框、内填充、内容。介绍常见的复合属性。1.元素分类1-1块状元素常见块状元素：div、p、h1→h6、ol、ul、dl、li、table、a
hot_cool·2017-06-28 16:38

前端学习笔记

Git"C:\ProgramFiles\Git\etc\bash.bashrc"中添加exportLESSCHARSET=utf-8可解决commit中文乱码问题。Powershell中使用gitdiff|out-file-encodingdefaultpatch确保gitdiff生成的patch文件不会产生乱码Git+VSCodeNPM,YarnNPMconfig字段所有keys,Yarn通用:
Giru·2017-06-27 12:18

前端学习笔记整理一 HTML

参考个人文章：http://www.zhuzhuman.com/nav-1/type-4/article/4.htmlweb前端:1.HTML(网页内容载体HypertextMarkupLanguage)，网页的结构层(骨架)。2.CSS(网页外衣Cascadingstylessheets)，网页表现层(样子)。3.JS(实现网页上的特殊效果和逻辑JavaScript)，网页行为层(行为)。1-1
hot_cool·2017-06-21 15:45

前端学习笔记之js中apply()和call()方法详解

这里排版不是太好，详情看我的简书经过网上的大量搜索，渐渐明白了apply()和call方法的使用，为此写一篇文章记录一下。定义apply()方法：Function.apply(obj,args)obj：这个对象将代替Function类里this对象args：这个是数组，它将作为参数传给Function(args-->arguments）call()方法：Function.call(obj,[par
Moorez·2017-05-07 00:00

前端学习笔记之常用的命名（详细）

1.常用命名页头：header登录条：loginBar标志：logo侧栏：sideBar广告：banner导航：nav子导航：subNav菜单：menu子菜单：subMenu搜索：search滚动：scroll页面主体：main内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入：joinus指南：guild服务：service热点：hot新
Moorez·2017-05-07 00:00

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

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

前端学习笔记14 HTML表格和为网页添加JavaScript

HTML表格结构化表格  从基本层面看，table元素是由行组成的，行又是由单元格组成的。每个行（tr）都包含标题单元格（th）或数据单元格（td），或者同时包含这两种单元格。如果认为为整个单元格添加一个标题有助于访问者理解该表格，可以提供caption。scope属性（是可选的，但推荐使用）可告诉屏幕阅读器和其他辅助设备当前的th是列表的标题单元格（使用scope="col"）还是行的标题单元格
LeviDing·2017-03-19 00:00

前端学习笔记四

html部分标签：单行文本输入框，;type是表单类型,value是表单值；重置按钮type="reset"单选框，多个单选框的name属性值要相同，value值不相同checked为默认选中状态label标签有两种用法，第一通过for属性，将焦点转到标签相关的表单控件id上去，第二用label标签包裹其他标签。多选框下拉列表，一月二月selected为默认选中状态多行文本输入框（文本域）：col
被注册的9527·2017-02-17 20:31

我的前端学习笔记33——瀑布流布局，木桶流布局

木桶布局预览木桶布局*{margin:0;padding:0;}.img-preview{width:1000px;margin:0auto;}.img-row{margin-bottom:8px;}.img-row:after{content:"";display:block;clear:both;}.img-box{float:left;}.img-line.img-box:first-chi
HARRISKING·2017-02-07 19:03
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他