ssm_前端学习笔记

前端学习笔记-JS-DOM-操作元素

操作元素JavaScript可以改变网页内容、结构和样式，我们可以利用DOM操作元素来改变元素里面的内容、属性等。改变元素内容element.innerTextTitlediv,p{width:300px;height:20px;background:pink;color:white;}点击显示当前时间13//当我们点击了按钮，div里面的文字会显示当前时间//1.获取元素对象varbtn=doc
Nanami Touko·2020-08-23 18:01

前端学习笔记-JS-内置对象(Array/String)

Array对象Array创建数组对象的两种方式字面量方式newArray()//1.使用构造函数创建数组对象//创建了一个空数组vararr=newArray();//创建了一个数组，里面存放了3个字符串vararr=newArray('zs','ls','ww');//创建了一个数组，里面存放了4个数字vararr=newArray(1,2,3,4);​​//2.使用字面量创建数组对象varar
Nanami Touko·2020-08-23 18:30

web前端学习笔记（七）——定位层

定位层的概念：1.定位层是由html元素（标签）形成的一个特殊的box盒子。2.其重点在于“定位”，而html元素（标签）的定位方式由CSS来控制。通常情况下，html元素（标签）默认的定位方式叫做“静态定位”，存在于普通文档流中，而定位层则是指的那些修改了定位方式的box，即非静态定位的box。3.定位层的“定位”需要根据参照对象来实现定位的位置。4.定位层的主要作用是用来实现小范围内容元素的排
齐在·2020-08-23 18:51

web前端学习笔记21-浏览器对象模型BOM（window对象）

一、BOM1.1什么是BOMBrowserObjectModel浏览器对象模型1.2BOM的作用BOM的作用是用于连接js语言和浏览器行为的一个中间结构。如果把浏览器比作空调，BOM就是遥控器，js可以通过操作BOM实现浏览器对应的行为变化1.3BOM的本质BOM是js可以操作的内容，所以他的本质是对象，BOM在js中是一个对象，window对象就是BOM本身二、window对象分析js中，win
喵了个咪蛋儿·2020-08-23 14:47

大前端学习笔记-day02-HTML

大前端学习笔记-day02-HTML6.Html核心课程，前端三要素：HTML、结构身材头[眉毛、眼睛、鼻子、嘴巴]、体、脚CSS、样式化妆Javascript交互才艺元素1)概述html超级文本标记语言
那个DJ在看我·2020-08-23 14:55

前端学习笔记（未整理）

Vue引自https://www.cnblogs.com/rik28/p/6024425.htmlViewModel是vue的一个实例。View->Domlistener检测页面上dom元素的变化；如有变化则更改Model中的数据。Model–>Model中的数据被更新时Databindings工具会帮我们更新呢页面中的Dom元素。                       {{message}
haalingOntheWay·2020-08-23 01:16

前端学习笔记 2017年9月11日

这博客仅仅当作学习笔记，文笔不好，就直接记录最真实的学习历程吧！刚开始学习，决定用知友推荐的HeadFirst入门~知识点：1.H5中声明HTML类型用2.编码格式一般用utf-8，用gbk也没关系，但是在[w3c代码验证](https://validator.w3.org/#validate_by_upload%20%E2%80%9C%E4%BB%A3%E7%A0%81%E9%AA%8C%E8%
CinseYoung·2020-08-22 22:57

前端学习笔记：管理多个版本的node和angular/cli

在同一个机器上需要不同版本的node环境，对应的angular/cli的版本也就不同。使用nvm来进行安装和管理安装nvm（mac/linux版）下载wgethttps://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.shbogon:~wjy$wgethttps://raw.githubusercontent.com/crea
wujiayucn·2020-08-22 19:04

前端学习笔记-vue ElementUI的el-级联选择器使用记录

el-cascader级联选择器exportdefault{name:"test",data(){return{/*:props="defaultParams":options="options"v-model="selectedOptions"defaultParams--绑定一个像是对象的标签和值，以及子级选项，其中数据来源于options中的数据（对象数组）对象数组中的每一个对象都是包含{c
炎芯随笔·2020-08-22 18:52

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

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

重学前端学习笔记（二十）--try里面放return，finally还会执行吗？

笔记说明重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入winter的专栏学习【原文有winter的语音】，如有侵权请联系我，邮箱：[email protected]。一、引言本文讲一讲JavaScript语句。二、Completion类型//return执行了但是没
凯小默·2020-08-22 01:57

【前端学习笔记】网站换肤功能

重点！内容来自:https://www.zhangxinxu.com/wordpress/2019/02/link-rel-alternate-website-skin/https://egoist.moe/2015/12/13/how-does-array-slice-call-arguments-work/小陈一谷歌，发现确实如参考文章中所说，大部分实现换肤功能有两种方法：全局class控制样
辰小小·2020-08-21 12:36

前端学习笔记五

css：层叠样式表所有标签都有默认样式，受浏览器影响。css的三种编写方式：1.内联（行间）样式，直接在标签内设置style。例如：;2.内嵌（嵌入、内部）样式，在head标签中添加style标签。例如：div{color:red;};3.外部（外联）样式：在head中通过link标签引入。例如：css简单属性：width宽度height高度color文字颜色background-color背景色
被注册的9527·2020-08-20 12:59

Web前端学习笔记1——基础的HTML5

目录1.超链接2.特殊符号3.列表4.其他常用标签5.meta和link标签6.表格标签7.基础表单HTML:提供网页上显示的内容(结构)CSS:美化网页(样式)JavaScript:控制网页行为(行为)设计原则：结构样式行为分离主要记录的是JavaScript学习过程中HTML的一些常用标签1.超链接——锚点你好啊我是谁!.........锚点点击该锚点即可定位到id为“sd”的位置2.特殊符号
奔跑的杰尼龟·2020-08-18 20:46

前端学习笔记：HTML学习(二)

html表格标签1.table标签：声明一个表格，它的常用属性如下：border属性定义表格的边框设置值是数值cellpadding属性定义单元格内容与边框的距离，设置值是数值cellspacing属性定义单元格内容与单元格之间的距离，设置值是数值align属性设置整体表格相对于浏览器窗口水平的对齐方式，设置值有：left|center|righttr标签：定义表格中的一行3.td和th标签：定义
mr.ocean·2020-08-18 02:03

前端学习笔记2-1 CSS

参考个人文章：http://www.zhuzhuman.com/nav-1/type-5/article/5.htmlCSS全称：“层叠样式表”（CascadingStyleSheets）###CSS用于定义HTML内容在浏览器内显示的样式，如文字大小，颜色，加粗，背景，位置，行高等等。CSS3中新加了许多样式，还增加了动画。1-1CSS代码语法例：p{color:red;}css代码有两部分组成
hot_cool·2020-08-17 22:40

前端学习笔记（二）——CSS（1）

前端学习笔记（二）——CSS（1）1、认识css概念：CSS(CascadingStyleSheets)，通常称为CSS样式表或层叠样式表（级联样式表）作用：主要用于设置HTML页面中的文本内容（字体、
CatCat1997·2020-08-17 19:23

前端学习笔记(HTML)——超链接与锚点

超链接跳转列表跳转到百度汽车：梅赛德斯-AMGGT3非常奢华，是一辆完美的超级跑车！AMGGT3在性能汽车品牌方面，GT3似乎是全球赛车类别的首选。事实上，由于许多品牌仍有望参与其中，因此在全球新配方中已经有比WRC，F1和V8超级跑车更多的品牌。跑车爱好者已经在那里，但GT3和密切相关的GTE类别也开始引起更广泛的汽车爱好者社区的关注。在全球范围内，似乎有其他类别只能梦想的那种势头。在当地，有一
大佬橙·2020-08-17 19:40

前端学习笔记——引入css文件、样式优先级

CSS样式的引用方式有三种：行间样式表>内部样式表>外部样式表。如果只有一种样式，那么优先级“由内到外由近到远”1、行间样式表--内联方式内联方式指的是直接在HTML标签中的style属性中添加CSS。这种方法比较糟糕，它只能改变当前标签的样式，如果想要多个拥有相同的样式，不得不重复为每个添加相同的样式，修改时又得修改所有的style中的代码。内联方式引入CSS代码会导致HTML代码变得冗长，且使
weixin_30664615·2020-08-17 19:54

前端学习笔记（三）2020.02.27

网页布局总结一个完整的网页=标准流+浮动+定位1.标准流可以让盒子上下排列或者左右排列，垂直的块级盒子显示就用标准流布局2.浮动可以让多个元素一行显示或者左右对齐盒子，多个块级盒子水平显示使用浮动3.定位定位最大特点是有层叠的概念，就是可以让多个盒子前后叠压来显示。定位作用于需要在父盒子中自由移动的布局方式display的显示与隐藏本质：让一个元素在页面中隐藏或者显示出来1.display属性di
纵马且长歌·2020-08-17 05:58

重学前端学习笔记（四十四）--一个前端工程师到底需要掌握哪些技能？（完结篇）...

一个前端工程师到底需要掌握哪些技能？（完结篇）一、前端工程师的技能模型二、助理工程师2.1、对标对标的是阿里的P4级别。2.2、要求基本的编程能力：熟练地用计算机编程语言表达任何逻辑的能力。2.3、描述能够在辅助下完成工作，不具备独立工作的能力。三、工程师3.1对标对标的是阿里的P5级别。3.2、要求掌握基本的前端技能：综合运用HTML、JavaScript、CSS完成任何界面和交互需求。3.3、
weixin_30544657·2020-08-16 11:44

前端学习笔记(HTML)——表单

表单类型name->名称placeholder->占位符-->文本框：密码框：性别：男女国籍：中国外国爱好：听歌LOL吃鸡打球旅行请选择你喜欢的类型：大波浪锡纸烫光头大中分请选择文件网页显示如下
大佬橙·2020-08-16 09:52

极客学院web前端学习笔记（十一）新增的主体结构元素

article元素article元素代表文档，页面或应用程序中独立的，完整的，可以独自被外部引用的内容。可以嵌套使用可以用来表示插件html5学习感谢极客学院加油加油这是底部section元素对于网站或应用程序中页面上的内容进行分块通常由内容及其标题组成但是并不是一个普通的容器元素当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用div而非section元素【article元素可以看做一个
Riverlly·2020-08-16 09:00

前端学习笔记一：HTML（5）简单制作表单（以登陆页面为例）

继续第五篇。第七个示例，管它叫登陆界面。代码如下：登录用户登录用户名：密码：运行结果，先展示一下登陆页面：可以在代码段里看到，当想制作一个登录或者任意形式的表单的时候，最好还是利用table标签作框架。利用行列标签的合并属性制作表头，输入提示和输入框和按钮，以及利用其它属性来设计样式。这次示例的新标签主要就是输入标签，大部分情况下，当你想在HTML网页上输入日志，用户名和密码等文本信息，以及制作相
大一哟·2020-08-15 01:00

Web前端学习笔记——Canvas 01

一、canvas简介1.1什么是canvas？（了解）是HTML5提供的一种新标签英['kænvəs]美['kænvəs]帆布画布Canvas是一个矩形区域的画布，可以用JavaScript在上面绘画。控制其每一个像素。canvas标签使用JavaScript在网页上绘制图像，本身不具备绘图功能。canvas拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。HTML5之前的web页面只能用一些
唯恋殊雨·2020-08-14 14:46

前端学习笔记（2）——鼠标悬浮实现指定区块旋转指定角度

今天偶然发现了css的过渡样式，wscshool的案例中实现了div的增大和旋转。刚好今天项目中有一个按钮周围有很多开口的圈，我想通过这个样式实现鼠标悬浮在链接上，实现圈的旋转#xuanzhuan:hoverimg{opacity:1;transform:rotate(-360deg);}以上代码实现了旋转的功能，但是有一个缺陷是鼠标悬浮---实现旋转，鼠标离开——又旋转，挺影响美观的于是我想通过
adagio0531·2020-08-13 12:37

前端学习笔记-JS-BOM-轮播图案例/节流阀

网页轮播图轮播图也称为焦点图，是网页中比较常见的网页特效功能需求：1.鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮2.点击右侧按钮一次，图片往左播放一张，以此类推，左侧同理3.图片播放的同时，下面的小圆圈模块跟随一起变化4.点击小圆圈，可以播放相应的图片5.鼠标不经过轮播图，轮播图也会自动播放图片6.鼠标经过，轮播图模块，自动停止播放HTML主要布局部分：<JS动画函数部分：func
Nanami Touko·2020-08-12 17:05

mysql之DML和DQL

欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新DML和DQL1、存储引擎插件式存储引擎是MySQL数据库最重要的特性之一
Gavincoder·2020-08-11 04:08

【Web前端学习笔记】CSS3_常用属性,选择器,盒子模型

CSS3A.概述1.什么是CSSCascadingStyleSheet层叠样式表2.作用用来控制网页元素的展示形式3.为什么要用CSS1）主要作用就是为了解耦2）弥补了HTML标签自带属性的不足3）学了CSS后，以后在设置标签的样式时，尽量不要用标签的自带属性，全用CSS去设置也就是说：HTML只提供标签，剩下的交给CSS来完成B.使用方式1.内联样式将CSS代码写在标签上，所有标签都会有一个st
love__nana·2020-08-11 01:29

Web前端学习笔记:day02(CSS)

CSS1、什么是CSSCSS是层叠样式表，不属于编程语言CSS英文全称：CascadingStyleSheet2、CSS的作用是什么CSS是HTML的化装品，可以让HTML变的更炫酷，是专门来修饰HTML的3、CSS在哪儿编写CSS代码是嵌入在HTML中的，没有HTML代码，CSS代码是无效的4、CSS注释在style体内使用/*注释*/5、HTML嵌入CSS代码方式第一种：内联嵌入1、语法：st
ℳ๓₯㎕℡ 桜·2020-08-10 20:58

Web前端学习笔记:day04(JavaScript day02)

JavaScript7.JS的常用事件JS中的事件：blur失去焦点focus获得焦点click鼠标单击dblclick鼠标双击keydown键盘按下keyup键盘弹起mousedown鼠标按下mouseover鼠标经过mousemove鼠标移动mouseout鼠标离开mouseup鼠标弹起reset表单重置submit表单提交change下拉列表选中项改变，或文本框内容改变select文本被选定
ℳ๓₯㎕℡ 桜·2020-08-10 20:58

Web前端学习笔记:day01(HTML)

HTML1.HTML概述1.1什么是HTMLHTML是超文本标记语言，HyperTextMarkupLanguage超文本：有流媒体、图片、声音的存在标记语言：所有标记语言都由标签组成，有开始标签也有结束标签，例如：、主要用来展示页面，修饰数据1.2HTML基本元素HTML标签标签属性引号样式HTML特点:语法松散不严格,还有就是不区分大小写2.HTML基本标签段落标签：可以把HTML文档分割为若
ℳ๓₯㎕℡ 桜·2020-08-10 20:57

Web前端学习笔记——NodeJS之回调函数、Promise对象、async 函数

目录回调函数回调函数概念JavaScript回调函数示例：封装原生的ajax操作示例：实现拷贝方法示例：读取文件中的todos列表数据示例：把任务持久化保存到文件中异常处理try-catch处理异常Callback处理异常Promise对象回调地狱Promise概念Promise基本用法几个例子错误处理Promise.all()Promise.race()async函数回调函数回调函数概念知乎-回
唯恋殊雨·2020-08-10 10:32

最菜前端学习笔记（一）：HTML小结

目录前言HTML是什么？为什么要学HTML？HTML常用元素总结head部分常用元素body内常用元素HTML元素包含关系HTML的版本发展过程（HTML5前世今生）HTML5解决的问题HTML5与XHTML的一些不同HTML5新的部分特性HTML和DOM的那点事简述基于HTML的SEO（搜索引擎优化）（HTML文档化）简述HTML5Microdata微数据前言不想当前端的后台不是好后台（当我在瞎
_我走路带风·2020-08-10 10:29

前端学习笔记之1 基础语法及标签

引言:博主目前是一名iOS开发者,所会的语言有Objective-C和Swift,目前正在学习前端,增强一下技术能力,等学会点皮毛之后打算接触一下ReactNative;这篇文章只是作为我的笔记发在这里,供自己业余时间看看;全是简单代码;很基础的东西,看到的小伙伴酌情略过吧^_^编辑器选择:我用的Mac系统,用的破解版的WebStorm,奉上破解教程;亲测可用1.基础标签+基础语法常用标签hell
庞仕山·2020-08-10 10:55

前端学习笔记-JavaScript篇（一）2020.03.02

编程语言编程语言有很强的逻辑和行为能力。具有逻辑性和行为能力的指令，这是主动的。标记语言不用于向计算机发出指令，常用于格式化和链接。标记语言是用来被读取的，他是被动的。Javascript是什么---Javascript是世界流行语言之一，一种在客户端运行的脚本语言---脚本语言：不需要编译，运行过程中有由js解释器逐行进行解释并执行---现在也可以基于Node.js技术进行服务器端编程Javas
纵马且长歌·2020-08-09 22:23

前端学习笔记（四）--CSS控制UL LI 的样式详解(推荐)及纯CSS制作各种各样的网页图标（三角形、暂停按钮、下载箭头、加号等）

DIV+CSS里，我们用得最多的就是ulli来显示数据，如新闻按钮等。下面给大家一个cssulli的例子供学习首页博客设计相册论坛关于CSS:#menuul{list-style:none;margin:0px;}#menuulli{float:left;}解释一下：#menuul{list-style:none;margin:0px;}list-style:none，这一句是取消列表前点，因为我
笑桐笔记·2020-08-09 19:22

前端学习笔记

1、flex布局使用http://www.ruanyifeng.com/blog/2015/07/flex-examples.htmlhttp://www.ruanyifeng.com/blog/2015/07/flex-grammar.html2、es6语法http://es6.ruanyifeng.com/#docs/intro3、AntDesign使用https://ant.design/d
白垣伟·2020-08-09 07:13

Web前端学习笔记——CSS定位、高级技巧、文字溢出、精灵图、Web字体

定位(position)background-position背景定位如果，说浮动，关键在一个“浮”字上面，那么我们的定位，关键在于一个“位”上。PS:定位是我们CSS算是数一数二难点的了，但是，你务必要学好它，我们CSS离不开定位，特别是后面的js特效，天天和定位打交道。不要抵触它，反而要爱上它，它可以让我们工作更加轻松哦！为什么要用定位？那么定位，最长运用的场景再那里呢？来看几幅图片，你一定会
唯恋殊雨·2020-08-08 21:43

JavaScript入门总结（三）：DOM操作

此笔记为慕课网前端学习笔记JavaScript入门篇课程[toc]1.什么是DOM文档对象模型DOM（DocumentObjectModel）定义访问和处理HTML文档的标准方法。
吴小风风·2020-08-07 18:13

JavaScript进阶篇（一）：事件响应，让网页交互

此笔记为慕课网前端学习笔记JavaScript进阶篇1.鼠标单击事件(onclick)2.鼠标经过事件（onmouseover）3.鼠标移开事件（onmouseout）4.光标聚焦事件（onfocus）
吴小风风·2020-08-07 18:42

vue前端学习笔记

2019/10/15一年多之后，又开始重新学习vue，不多说，一切从头来过！VSCode搭建Vue项目https://www.cnblogs.com/zyskr/p/10609288.html对着上面的教程学习VScode搭建vue项目的步骤，一步步开始新建vue项目。公司WiFi登不了GitHub，伤心！！！待续。。。。。。2019/11/04Youcannotsetaformfieldbefo
FionaMA·2020-08-07 13:23

前端学习笔记-8.15学习饿了么的seller收藏，商家信息

seller.vue组件的剩余部分。商家信息和收藏功能。商家信息：domecss：info-item的class里加入border-1px,下边线就一样了收藏功能：1.收藏对应两种样式，用active的css显示收藏未收藏用favoriteText显示css先给data写个默认值data(){return{favorite:false}},favoriteText可以用computed（计算属行）
我就是小强·2020-08-05 19:43

【Web前端学习笔记】Javascript_01_变量，数据类型，类型转换

Javascript_01A.JS的使用1.JS的初步体验示例：用js来校验用户名的规则：4~14位数字或者字母组成javascript的初步体验//触发这个函数：checkNamefunctioncheckName(){//获取用户名中的内容的值varuserName=document.getElementById("userName").value;//定义正则表达式varreg=/^[a-z
love__nana·2020-08-05 11:34

WEB前端学习笔记-CSS

001-HTML中引入CSS样式的第一种方式.htmlHTML中引入CSS样式的第一种方式：内敛定义方式##002-HTML中引入CSS样式的第二种方式.htmlHTML中引入CSS样式的第二种方式：样式块方式/*这是CSS的注释*//*id选择器语法格式：#id{样式名:样式}*/#usernameErrorMsg{color:red;font-size:12px;}/*标签选择器语法格式：标签
7i十二·2020-08-05 11:33

WEB前端学习笔记-HTML

**001-我的第一个html文件.html网页的标题网页的主题内容，欢迎学习HTML!**002-HTML的基本标签.htmlHTML的基本标签1.流水知音，惜花惜人第二十三回《西厢记妙词通戏语牡丹亭艳曲警芳心》——节选：那一日正当三月中浣，早饭后，宝玉携了一套《会真记》，走到沁芳闸桥边桃花底下一块石上坐着，展开《会真记》，从头细玩。正看到“落红成阵”，只见一阵风过，把树头上桃花吹下一大半来，落
7i十二·2020-08-05 11:32

web前端学习笔记05-CSS内边距、外边距、盒子模型、页面布局

一、CSS内边距（内补白、内补丁）【内边距设置常用属性】关键字释义padding检索或设置对象四边的内边距，参数个数1或2(上下/左右)或4(上/右/下/左)padding-top检索或设置对象顶部的内边距，top顶，bottom低，left左，right右&&padding会改变元素的大小二、CSS外边距（外补白、外补丁）【外边距设置常用属性】关键字释义margin检索或设置对象四边的外边距，参
喵了个咪蛋儿·2020-08-05 11:01

【前端学习笔记】前端安全详解

内容参考来自：掘金-美团技术团队的文章，可以自行搜索。https://juejin.im/post/5bad9140e51d450e935c6d64https://juejin.im/post/5bc009996fb9a05d0a0551921，XSS攻击，跨站脚本攻击代码注入攻击。攻击者通过在目标网站上注入恶意脚本，使之在用户的浏览器上运行。利用这些恶意脚本，攻击者可获取用户的敏感信息如Cook
辰小小·2020-08-05 11:24

前端学习笔记

1.JS的控制台对象最常用的是的的的的的的的的的的的console.log（），在控制台输出内容。详解链接。2.什么是闭包？有什么用？就是在一个函数中定义并返回了另外一个函数。在这个内部定义的函数中可以访问外面的函数定义的变量。详解链接。3.JS是“单线程”语言4.什么是JS的执行上下文？数据的准备情况：1⃣️变量，函数表达式.2⃣️this.3⃣️函数声明。详解链接。5.JS的apply（）和c
weixin_41004238·2020-08-05 11:18

极客学院web前端学习笔记 （二）Html5基础

html基础详解Title1，声明：html有很多版本，所以为了使浏览器正确区分我们所使用的是哪种版本，我们需要在代码的最开始添加一句声明HTML5的版本：之前的版本则比较复杂注：现在创建html文件直接就默认为html5了html的基本标签html标签：内部包含其他标签，在整个HTML文件的头部和尾部head标签：一般包含头部信息：编码格式，标题，文字的显示形式等等...内部放标题栏要显示的东西
Riverlly·2020-08-05 11:18
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他