前端学习
每天的前端学习笔记
LANGXUEWEN
这个作者很懒,什么都没留下…
展开
-
前端学习-dom、dom_byid
dom对象概念DOM document object model 文档对象模型“W3C 文档对象模型(DOM) 是中立于平台和语言的接口,它允许程序和脚本动态访问和更新文档内容、结构和样式。”D(文档)可理解为整个Web加载的网页文档O(对象)可理解为类似window对象之类的东西,可以调用属性和方法,这里说的是document对象M(模型)可以理解为网页文档的树型结构DOM 中节点种类有三种:元素节点 <div><div>属性节点 title="属性节点"原创 2020-07-09 09:35:06 · 134 阅读 · 0 评论 -
前端学习-bom、bom_open、bom_location、bom_history
BOMBOM (Browser Object Model)浏览器的对象模型通过window对象来控制BOM在客户端JavaScript中,window对象是全局对象,所有的表达式都在当前的环境中计算。window对象:浏览器上打开的一个窗口原创 2020-06-24 12:15:19 · 287 阅读 · 0 评论 -
前端学习之秒表实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script type="text/javascript">原创 2020-06-24 12:04:14 · 305 阅读 · 0 评论 -
前端学习之表格、简历制作及登录表单
简历制作1.单元格的合并先绘制表格按照目标合并单元:将多余的单元格删掉,再重新设置其宽度2.th=加粗并水平居中的td3.colgroup:列分组标签4.快速注释某一行:Ctrl+?/5.关于标签的嵌套超链接不能嵌套超链接P标签不能嵌套P标签标题标签h1-h6也不能互相嵌套<body> <h3><center>简历制作</center></h3> <center> &l原创 2020-05-17 11:42:16 · 479 阅读 · 0 评论 -
前端学习之js基础
javascript应用范围PC端web开发(网站)移动端开发(webApp、混合App)服务端开发(NodeJs)游戏开发(unity3D-TypeScript,网页游戏)JavaScript是一种专门为与网页交互而设计的客户端脚本语言。最初是为了实现表单验证。编辑工具Dreamweaver、editplus、Notepad等JavaScript的组成ECMScript, 是由Ecma国际通过ECMA-262标准化的脚本程序设计语言BOM, 指浏览器DOM, 整个文档原创 2020-06-05 22:45:06 · 120 阅读 · 0 评论 -
前端学习之ECMA5、Math对象、对象、日期对象Date
ECMA标准 ECMAJavascriptECMA5 第五版ECMA6严格模式【含义】字面意思理解,即这种严格模式下浏览器会对JS的要求更加苛刻【声明】use strict: 写在哪个作用域下,这个作用域下的所有代码都遵从严格模式。【注】不要轻易在全局范围开头增加“use strict”,建议在作用域下使用ECMA5新增数组方法indexOf():【格式】:数组.indexOf(元素,index)【注】使用方式与字符串的一致forEach():【格式】:数组.forEach(f原创 2020-06-05 19:53:48 · 229 阅读 · 0 评论 -
前端学习之字符串相关函数
字符串charArt( ):【格式】:字符串.charArt(下标)功能:访问字符串的字符返回值:对应下标的字符【注】可直接通过字符下标去访问该字符charCodeAt():【格式】:字符串.charCodeAt(下标)返回值:对应下标的字符的ASCII码值String.fromCharCode():【格式】:String.fromCharCode(ASCII码值)返回值:ASCII码值对应的字符组成的字符串concat():【格式】:字符串1.concat(字符串2)功能原创 2020-06-03 22:28:45 · 463 阅读 · 0 评论 -
前端学习之数组相关函数、排序算法
事件驱动函数:在和页面交互的过程中所调用的函数通过document.getElementByTd找到符合条件的标签节点,然后通过事件驱动函数,给当前按钮绑定一系列的操作,完成用户交互。window.onload *function( ){ //将代码写在这里,在页面加载完成后执行}数组相关for…in :对数组进行快速遍历【格式】 :for ( var 变量 in 数组)for in效率比for循环效率高push:【格式】:数组.push(元素…)功能:入栈,即给数组末尾添原创 2020-06-01 21:37:29 · 161 阅读 · 0 评论 -
前端学习之运算符、事件驱动函数
parseInt( ):取整parseFloat:取浮点数infinity:无穷大 当1/0时值为无穷大一元运算符: 只能操作一个值的运算符,如a++,a–,--a,++a关系运算符一个操作数为NaN时,则==返回false,!=返回true,且NaN和NaN自身不等全等:=== (值和类型都相等)全不等:!== (值和类型都不相等)逻辑运算数与、或、非三目运算符:表达式1?表达式2:表达式3break:在switch语句中,使流程跳出switch在循环语原创 2020-05-21 23:10:36 · 99 阅读 · 0 评论 -
前端学习之背景图、浮动布局、盒模型
背景图的使用元素宽高的百分比,是相对于父元素而言的,若父元素高度为0,则子元素高度即使设置100%,大小也是0。html元素大小是相对于浏览器窗口而言的。背景图若直接添加一般以平铺的方式填满背景大小,可使用以下代码解决background-repeat: no-repeat;设置背景图位置(如右下角)background-position: right bottom;...原创 2020-05-19 23:23:47 · 206 阅读 · 0 评论 -
前端学习之标签
文本标签标题:h1~h6,大小依次减小,独占一行,文字加粗斜体:i水平分割线:hr强制换行:br段落:p,内容独占一行加粗:b加粗:strong下划线:ins、u倾斜:em删除线:del一行显示多个:span代表一个空格-: 把文字变成上标:sup把文字居中:center无语义div,也会独占一行注释:!–图像标签(img src=“xx.png” alt=" " …)src:设置图片路径地址(‘ ‘ 或 “ ” 都可)title:设置鼠标经过显示的提示文原创 2020-05-18 11:27:49 · 168 阅读 · 0 评论 -
前端学习之CSS基础
CSS:Cascading Style Sheet 层叠样式表,用来修饰网页样式的语法style=“ ”style:表示风格、样式color:选择颜色background:表示背景background-color:背景颜色width:宽height:高font:字体size:尺寸span一个容器标签,不具备任何特殊功能,仅当做容器来使用,用于包裹一段文本,便于给文本增加样式。div一个通用容器标签,不具备任何特殊功能,仅当作容器来使用,可以包裹任何内容,也原创 2020-05-17 12:09:44 · 120 阅读 · 0 评论 -
前端学习之HTML基础
认识网页: 网页是由图片、文字、音频、视频、超链接等组成的页面 一个网站由多个网页组成 常用浏览器: 谷歌Chrome--blink(内核) 火狐Firefox--gecko 苹果Safari--webkit 欧朋Opera--blink IE--trident (各个浏览器的内核页脚渲染引擎)web组成的三大标准: 结构--html 表现(样式)--css 行为(交互)--javaScr原创 2020-05-15 19:27:58 · 207 阅读 · 0 评论