css分组和嵌套：
分组：比如有<h1><h4><p>，3个标签，设置css时候可以 h1,h4,p{样式:属性} 这样的语法
嵌套：比如.lei{样式：属性}，.lei p{样式：属性}，为所有class="lei"元素内的p元素指定一个样式
p.lei{样式：属性}，只要是P标签，并class=“lei”才会被更改样式

css显示：
div{visibility:hidden}，这种方式依然会存在原有的特征，比如该换行的标签还会换行
div{display:none:}，这种方式会隐藏标签和特征，----可用来写钓鱼网站

css定位：
position:static,relative,fixed,absolute,sticky
static：静态，位置处于默认位置，不受到其他对齐方式，比如top bottom left right这些属性影响
relative：相对定位元素的定位，是相对其正常默认位置移动到自己设置的位置
fixed：标签固定到浏览器窗口位置不受到窗口大小移动影响
absolute：绝对定位的位置相对于最近的已经定位的父元素，如果没有父元素，就相对于标签
sticky属性有以下几个特点：
该元素并不脱离文档流，仍然保留元素原本在文档流中的位置。
当元素在容器中被滚动超过指定的偏移值时，元素在容器内固定在指定位置。亦即如果你设置了top: 50px，那么在sticky元素到达距离相对定位的元素顶部50px的位置时固定，不再向上移动。
元素固定的相对偏移是相对于离它最近的具有滚动框的祖先元素，如果祖先元素都不可以滚动，那么是相对于viewport来计算元素的偏移量

css对齐：
text-align:center，文字居中
margin:auto，元素图片居中

JavaScript，负责跟用户或服务器进行交互，决定页面行为
js是前端的变成语言，是一种脚本语言

js需要写在html标签中的<script></script>标签里，脚本可以放在<head>或<body>里
alert('xx'); 用来弹出窗口
document.write('xxx'); xxx可以是标签，在页面写入内容

js的输出
window.alert() 弹框
document.writ() 将内容写在HTML里
innerHTML 将内容代码写入HTML里
console.log() 将内容写入浏览器的控制台里
document.write(data()); 写入当前时间

需要注意，js中大小写敏感
单行注释//
多行注释/* */

js数据类型
值类型
number:数字，小数，整数，科学计数法
string:字符串，使用单双引号括起来的
booean：布尔
null：空
undefined：未定义

定义数据变量时，推荐使用var关键字

引用类型
array:数组，[1,2,3,4] 或者 array定义数组，定义数组语句,var array_te=new Array(); Array_te[0]="heelo"; Array_te[1]="sym"; 或者 var xx=new Array("xx","xx"); 或者 var xx=["xx","xx"];
object:对象，{name:’sym‘,age:20}，大括号括起来，定义对象语句，var person={属性：值，属性：值}；
对象属性使用方法,var 变量名=对象名.属性；//点方式 或 var 变量名=对象名【“对象属性”】；//下标方式
针对方法函数的调用，变量名=对象名.函数名();
function：函数
js函数定义，function 函数名(参数){函数体}，其中一行代码写完之后一定要加 ;分号
比如 function add(a,b) {var c; c=a+b; return c;};
函数分为
无参函数，function fun() {函数体}
有参函数， function fun(a,b){函数体，体现队a,b两个参数的处理}
有返回值函数，function fun(){ return 要返回的结果}
无返回值函数，function fun(){没return}

定义变量时，需要注意：
1，变量必须是字母开头，使用$或_下划线也可以，但是不推荐
2,大小写是敏感的
3，定义变量时推荐使用var关键字，变量需要先定义后使用，在定义时可以赋值。赋值符号=
4，一条语句可以定义多个变量比如 a=1,b=2,c=3;
5，没有初始化的变量，相当于undefined，没有定义
变量分为
局部变量，在函数内定义的变量，只能在函数内部使用
全局变量，在函数外定义的变量，网页上所有的脚本和函数都可以用

字符串的处理
字符串需要使用“”‘’引号括起来，可以使用数组下标的方式去访问字符串中的没个字符
字符串特殊字符如果需要打印，需要转义符，\符号，为转义符，转义意思就是字符保持原有的含义而不被当做特殊字符使用
字符串名.length，获取字符串的长度，转义符不算字符串长度
特殊字符：' ，"， \， \r回车， \t tab， \b backspace， \f 换页
字符串可以当做对象

字符串的常用属性
length 返回字符串长度
prototype 允许向对象添加属性和方法

字符串的方法，方法可以理解为函数
charAt(),返回指定位置的字符
indexOf(),返回指定字符的索引
split(),将字符串分割为数组
substr()，提取字符串
substring(),提取字符串中介于两个指定下标之间的字符
tostring(),将对象转换为字符串
toLowerCase(),字符串转小写
toUPerCase(),字符转大写

对象
使用一种抽象的概念去描述一个对象，人｛属性：方法，属性：函数｝；

Ngrok内网资源映射公网，./sunny clientid

robots.txt协议，防止网络搜索引擎去爬取站点中敏感页面，在站点根目录下放一个robots.txt文件，里面写清楚哪些页面是不允许爬虫爬取的
登陆窗口突破方式，弱口令，万能密码，逻辑越权，爆破

2019-9-24：渗透测试，css样式，js基础学习笔记的更多相关文章

  1. handlebars.js基础学习笔记

    最近在帮学校做个课程网站,就有人推荐用jquery+ajax+handlebars做网站前端,刚接触发现挺高大上的,于是就把一些基础学习笔记记录下来啦. 1.引用文件: jquery.js文件下载:h ...

  2. 两万字Vue.js基础学习笔记

    Vue.js学习笔记 目录 Vue.js学习笔记 ES6语法 1.不一样的变量声明:const和let 2.模板字符串 3.箭头函数(Arrow Functions) 4. 函数的参数默认值 5.Sp ...

  3. 两万字Vue.js基础学习笔记（二）

    Vue.js学习笔记(二) 4.模块化开发 ES6模块化的导入和导出 我们使用export指令导出了模块对外提供的接口,下面我们就可以通过import命令来加载对应的这个模块了 首先,我们需要在HTM ...

  4. js基础学习笔记（三）

    3.1 认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 先来看看 ...

  5. 2019-9-24：渗透测试，JavaScript数据类型基础学习

    JavaScript 数据类型 值类型(基本类型):字符串(String).数字(Number).布尔(Boolean).对空(Null).未定义(Undefined).Symbol. 引用数据类型: ...

  6. node.js 基础学习笔记3 -express

    1.工作原理 当通过app.js建立的服务器时,会看到一个简单的页面.返回页面时,浏览器会向服务器发送请求.app会解析请求的路径,调用相应的逻辑,调用对应的视图模板,传递对象数值,最终生成HTML页 ...

  7. js基础学习笔记（一）

    * 在js编写过程中,尽量保持统一使用单引号 'XXXX': * 所有变量都要声明 var,避免全局函数调用的冲突: 1.1    输出内容 docment.write(‘aileLi’); 改变某I ...

  8. node.js 基础学习笔记3 -http

    http模块,其中封装了一个高效的HTTP服务器和一个建议的HTTP客户端 http.server是一个基于事件的HTTP服务器 http.request则是一个HTTP客户端工具,用户向服务器发送请 ...

  9. node.js 基础学习笔记2

    Module和Package是Node.js最重要的支柱. Node.j 提供require函数来调用其他模块,而且模块都是基于文件.模块和包区别是透明的,因此常常不作区分. 1.模块和文件一一对应. ...

随机推荐

  1. 微信小程序中的canvas基础应用

    学了东西还是要记录一下,刚入职的小萌新啊,运气好分到一个项目不是很急的组原以为时间多了可以多学一些东西,但是发现好像不知道从哪里开始下手,我太南了.... 看旁边的实习生同事一直在搞canvas,自己 ...

  2. Golang的安装和编译

    一.下载安装(Ubuntu16.04) 1.下载地址:https://golang.google.cn/dl/ 2.下载Linux版本的安装包go1.10.3.linux-amd64.tar.gz并复 ...

  3. 透明度设置opacity

    透明度设置opacity属性 示例 <!DOCTYPE html> <html> <head> <style> div { background-col ...

  4. ArcGIS Engine空间分析之拓扑分析的实现

    简单介绍: 拓扑学是一门研究几何图形位置关系的科学. GIS所关注的拓扑主要集中在拓扑关系——存在于地理实体间的拓扑关系. 拓扑关系在GIS中起着描述两个地理实体的相对空间位置的重要作用.它是GIS空 ...

  5. CentOS生产环境无网络安装percona-xtrabackup2.4【RPM安装教程】

    Percona XtraBackup 8.0不支持对在MySQL 8.0之前的版本,Percona Server for MySQL或 Percona XtraDB Cluster中创建的数据库进行备 ...

  6. python全局变量及局部变量

    变量作用域 全局变量(global):在函数外部定义,在整个全局范围都有效 局部变量(local) 在函数内部定义,局部变量在局部范围内使用 数字,字符串,元组,修改其变量值时需要加globle,列表 ...

  7. QHDYZ模拟赛20191027 提前透题

    你们想的美 我给你们透一下题目名称 别刷博客了快去做题

  8. Java IO编程——文件拷贝

    在操作系统里面有一个copy命令,这个命令的主要功能是可以实现文件的拷贝处理,现在要求模拟这个命令,通过初始化参数输入拷贝的源文件路径与拷贝的目标路径实现文件的拷贝处理. 需求分析: ·需要实现文件的 ...

  9. python实现清屏

    往常都是用os.system("cls")清屏,但是发现每次执行完这个命令后都会出现一个空白字符 尝试了一下午,网上也没解决的办法 最后: os.system("cls& ...

  10. TCP/IP协议第一卷第一章

    1.链路层 链路层有时也称作数据链路层或网络接口层,通常包括操作系统中的设备驱动程序和计算机中对应的网络接口卡.它们一起处理与电缆(或其他任何传输媒介)的物理接口细节.把链路层地址和网络层地址联系起来 ...