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. 数据结构（四十五）选择排序（1.直接选择排序（O(n²)）2.堆排序（O(nlogn)））

    一.选择排序的定义 选择排序的基本思想是:每次从待排序的数据元素集合中选取最小(或最大)的数据元素放到数据元素集合的最前(或最后),数据元素集合不断缩小,当数据元素集合为空时排序过程结束.常用的选择排 ...

  2. 我发现了Unity3D的2D Light Renderer, 随后就把它抄了过来

    . 前几个月,偶然在群里看到有人讨论Unity3D光照,于是我又萌生了一个新的目标----把它抄过来! . 众所周知,3D渲染的整个流水线都跟光照密不可分,相关的技术更是数不甚数,而2D游戏的光照通常 ...

  3. 题解 【洛谷】AT654

    题解 AT654 [役人[错题已隐藏]] 此题题面没搬过来, 会日语的dalao可以自行去ATCoder查看. 给出此题的JavaAC代码: public class Main { public st ...

  4. 通俗易懂了解Vue中nextTick的内部实现原理

    1. 前言 nextTick 是 Vue 中的一个核心功能,在 Vue 内部实现中也经常用到 nextTick.在介绍 nextTick 实现原理之前,我们有必要先了解一下这个东西到底是什么,为什么要 ...

  5. 大数据之路week01--day02我实在时被继承super这些东西搞的头疼，今天来好好整理以下。

    这一周的第一天的内容是面向对象的封装,以及对方法的调用.实在时没法单独拿出来单说,就结合这一节一起说了. 我实在是被继承中的super用法给弄的有点晕,程序总是不能按照我想的那样,不是说结果,而是实现 ...

  6. Spring Boot 配置 - Consul 配置中心

    ▶ Spring Boot 依赖与配置 Maven 依赖 <dependencyManagement> <dependencies> <dependency> &l ...

  7. 双十一还在盖楼？少年你应该掌握Docker 部署 Consul了

    ▶ Spring Boot 依赖与配置 Maven 依赖 <dependencyManagement> <dependencies> <dependency> &l ...

  8. mjpg-stream 视频服务 （1）| 简介与配置树莓派使用

    源码地址为:https://github.com/jacksonliam/mjpg-streamer Mjpg简介: (1)mjpg-streamer是一个命令行应用程序,它将JPEG帧从一个或多个输 ...

  9. deepin 15.11添加应用启动图标

    以postman为例(路径要按需修改) 1.建立软链接 sudo ln -s /home/lixing/software/Postman/Postman /usr/bin/postman 前面地址为安 ...

  10. Linux 部署Nginx反向代理服务 使用openssl自生成证书并配置https

    1.安装Nginx编译所依赖的包 正常centos中可以使用yum安装一下依赖包: yum install -y gcc gcc-c++ pcre pcre-devel zlib zlib-devel ...