1+X证书学习日志——javascript基础

【1+X证书学习日志——javascript基础】的更多相关文章

1+X证书学习日志——javascript基础

js javascript js的组成: ECMAscript DOM BOM js放置的位置 <script></script> <script src="路径"></script> js输出语句 document.write() //在页面输出 console.log() //在控制台输出 [调试程序] alert() //弹窗 [阻塞程序运行] 变量: 声明变量: 关键字:var let const var 变量 = 值; 数据类型…

1+X证书学习日志——javascript打印九九乘法表（基础算法）

/// 注意要给td加上宽高属性,不然就看不到啦 /// td{ width:100px; height:30px; border:1px solid red; }…

前端学习之 JavaScript基础

一. JavaScript简介 1. JavaScript的历史背景介绍 1994年,网景公司(Netscape)发布了Navigator浏览器0.9版.这是历史上第一个比较成熟的网络浏览器,轰动一时.但是,这个版本的浏览器只能用来浏览,不具备与访问者互动的能力.比如,如果网页上有一栏"用户名"要求填写,浏览器就无法判断访问者是否真的填写了,只有让服务器端判断.如果没有填写,服务器端就返回错误,要求用户重新填写,这太浪费时间和服务器资源了. 因此,网景公司急需一种网页脚本语言,使得浏览…

CTF入门学习5-> 前端JavaScript基础

Web安全基础 JavaScript的实现包括以下3个部分: 1)核心语法:描述了JS的语法和基本对象. 2)文档对象模型 (DOM):处理网页内容的方法和接口 3)浏览器对象模型(BOM):与浏览器交互的方法和接口. 03-00 概述 03-00-1 在哪些地方可以运行Javascript? 将JS写在HTML的<script></script>标签之间如: 1 <html> 2 <head> 3 <title>web安全</title…

[JavaScript] 学习笔记-JavaScript基础教程

1.JavaScript介绍 1)JavaScript是互联网上最流行的脚本语言,这门语言可用于Web和HTML,更可广泛用于服务器.pc端.移动端.JavaScript是一种轻量级的编程语言,插入HTML后,可由所有的浏览器执行 2)HTML中的脚本必须位于<script></script>标签之间:脚本可被放置于HTML页面的<head>和<body>部分中(通常把脚本放在<head>标签中,以不干扰页面的内容) 3)在HTML中,不限制脚本…

[学习笔记]JavaScript基础

JavaScript概述 1. JavaScript定义 JavaScript是Netscape公司开发的一种基于对象和事件驱动的脚本语言.它是弱类型语言.仅仅能由浏览器解释运行. 当中: 脚本语言:解释执行(由浏览器来解释执行),无需编译. 基于对象:有一些内置的对象共我们使用,可是不能全然实现继承.封装和多态,仅仅能模拟. 事件驱动:必须由事件触发. 2. JavaScript的发展历程在1995年时,由网景(Netscape)公司在Netscape浏览器上首次设计实现而成. 由于网景公司…

1+X证书学习日志——css 3D效果+立方体效果的实现

形成一个3D的空间 transform-style: preserve-3d; ### 3D在2D的基础上,多了这些内容位移 transform:translateZ(); 旋转 transform:rotateZ() 缩放内容涉及过多,暂不讨论立方体的效果实现 <style> *{ margin:0; padding:0; } section{ width:300px; height:300px; position:fixed; background:purple; left:0;rig…

1+X证书学习日志——盒模型

## padding的作用: 控制子元素和父元素之间的位置关系 padding设置方法: padding:10px padding:10px 20px 上下左右 padding:10px 20px 30px 上左右下 padding:10px 20px 30px…

1+X证书学习日志——css 2D&过渡

css 位移常用属性 transform:translate(x,y): transform:translateX(); transform:translateY(); 旋转属性 2d旋转: transform:rotate(): /*绕着中心点转动*/ transform:rotateX(): /*绕着X轴转动*/ transform:rotateY(): /*绕着Y轴转动*/ 变形原点: transform-origin: X轴位置 Y轴位置: 缩放属性 transform:scale();…

1+X证书学习日志 —— css样式表

## 因为初级的内容较多,所以选了一些有用的需要记忆的内容写下方便日后回顾 CSS语法选择符{属性:属性值;} ## 所有的css代码都要放在css样式表里面 1:内部样式表在head里面添加 style标签 2:外部样式表连接外部样式表 <link rel="stylesheet" …

1+X证书学习日志——DOM节点的获取

var oBox = document.getElementById('box');//获取ID为box的节点 var aBox = document.getElementsByTagName('div');//获取标签名为div的节点 var oBox = document.querySelector('.wrap'); //获取 ,wrap节点 var aBox = document.querySelectorAll('div');//获取所有div节点 // console.log(aBo…

1+X证书学习日志——函数

工具得特点: 1:重复性使用 2:隐藏内部原理(细节) 3:选择性应用创建函数: 1:关键字 function 函数名称(){ } 2:字面量创建 var fn = function(){ } 3:构造函数 var fn = new Function(); 函数得调用: 1:函数名() 2:事件驱动 document.onclick = function(){ 函数名(): } 参数: 实参 [函数在调用得时候传递得参数] 形参 [函数在制定得时候传递的参数,变量] function fn(形…

1+X证书学习日志——定位

## 静态定位: position:static; 默认值,指定left/right/top/bottom/ 没有作用. position:absolute; 绝对定位 a:参照物:已经设置定位的父元素.[如果没父元素或者父元素都没有定位的情况下,以文档参照物] b:破坏文档流(布局流),不占据空间 pos…

1+x证书学习日志——css常用属性

## css常用属性: 1:文本属性: 文本大小: font-size:18px; 文本颜色 color:#ff0000 文本类型: font-family:'微软雅黑' 文本加粗 font-weight:bold/bolder normal 常规文本文本的倾斜 font-style: …

1+x证书学习日志——css 基本选择符

##css选择符 1:类型选择符直接用标签名称当作选择符特点:选中所有同类元素 2:id名称 <标签 id="名称"></标签> #名称{} 特点:唯一性作用:id划分网页外围结构 3:class名称(…

javascript基础修炼（8）——指向FP世界的箭头函数

一. 箭头函数箭头函数是ES6语法中加入的新特性,而它也是许多开发者对ES6仅有的了解,每当面试里被问到关于"ES6里添加了哪些新特性?"这种问题的时候,几乎总是会拿箭头函数来应付.箭头函数,=>,没有自己的this , arguments , super , new.target ,"书写简便,没有this"在很长一段时间内涵盖了大多数开发者对于箭头函数的全部认知(当然也包括我自己),如果只是为了简化书写,把=>按照function关键字来解析就好了…

javascript学习日志：前言

javascript学习日志系列的所有博客,主要理论依据是<javascript权威指南>(犀牛书第6版)以及<javascript高级程序设计第三版>(红色书),目前js行业内公认的两本权威圣经,无奈有些地方两本书会有一些说辞不一致,那我加入了一些自我理解,尽量将两者融会贯通,通读之后发现,js确实魅力无限,每次看一遍都会有新的理解和感悟,所以这系列我会持续更新,一旦有新的理解我会立即写下来,不断的推翻重建再推翻再重建,我很享受这个自我认知不断更新的过程. 我知道学习js的路很漫…

一步步学习javascript基础篇（0）:开篇索引

索引: 一步步学习javascript基础篇(1):基本概念一步步学习javascript基础篇(2):作用域和作用域链一步步学习javascript基础篇(3):Object.Function等引用类型一步步学习javascript基础篇(4):面向对象设计之创建对象(工厂.原型和构造函数等模式) 一步步学习javascript基础篇(5):面向对象设计之对象继承(原型链继承) 一步步学习javascript基础篇(6):函数表达式之[闭包] 一步步学习javascript基础篇(7):…

一步步学习javascript基础篇（3）：Object、Function等引用类型

我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂数据类型(即引用数据类型) Object类型我们用的最多的引用类型就属object类型了,一般用来存储和传输数据是再好不过的.然,它的两种创建方式我们是否了解呢? 1.通过构造函数来创建如: var obj = new Object(); 在js中的引用类型有个非常灵活的用法,可以动态的附加属性和赋值.…

学习javascript基础知识系列第二节 - this用法

通过一段代码学习javascript基础知识系列第二节 - this用法 this是面向对象语言中的一个重要概念,在JAVA,C#等大型语言中,this固定指向运行时的当前对象.但是在javascript中,由于javascript的动态性(解释执行,当然也有简单的预编译过程),this的指向在运行时才确定.这个特性在给我们带来迷惑的同时也带来了编程上的自由和灵活,结合apply(call)方法,可以使JS变得异常强大. this指向的对象,可以通过以下三点区分: .当函数仅仅作为函数执行的时…

学习javascript基础知识系列第三节 - ()()用法

总目录:通过一段代码学习javascript基础知识系列注意: 为了便于执行和演示,建议使用chrome浏览器,按F12,然后按Esc(或手动选择)打开console,在console进行执行和演示. 由于代码中使用了console.log或dir方法,因此如果在ie中执行,请自行替换为alert或注释掉. 第三节 - ()()用法在JS中,有一种特殊的写法,就是两个小括号,如下(代码一): (function(){ console.log("执行"); })(); 这段代码会在页…

JavaScript 基础学习1-day14

JavaScript 基础学习1 知识预览JavaScript概述二 JavaScript的基础三 JavaScript的对象BOM对象DOM对象实例练习js扩展 JavaScript概述 JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator…

2、JavaScript 基础二（从零学习JavaScript）

11.强制转换强制转换主要指使用Number.String和Boolean三个构造函数,手动将各种类型的值,转换成数字.字符串或者布尔值. 1>Number强制转换参数为原始类型值的转换规则: 原始类型的值主要是字符串.布尔值.undefined和null,它们都能被Number转成数值或NaN. NaN:not a number,当数学计算得不到数字结果时,该值就是NaN(Number类型). isNaN:判断变量是否为NaN. Number(324) 值:324 字符串如果可以被解析为…

1、JavaScript 基础一（从零学习JavaScript）

1:定义:javascript是一种弱类型.动态类型.解释型的脚本语言. 弱类型:类型检查不严格,偏向于容忍隐式类型转换. 强类型:类型检查严格,偏向于不容忍隐式类型转换. 动态类型:运行的时候执行类型检查. 静态类型:编译的时候就知道每个变量的类型. 解释型:程序不需要编译,程序在运行的时候才翻译成机器语言,每执行一次都要翻译一次,因此效率比较低,但是跨平台性好. 编译型:程序在执行之前需要一个专门的翻译过程,把程序编译为机器语言的文件,运行时直接使用编译的结果就行了. 标记语言:标记语言的存…