9.24 CSS与JS的相关知识

CSS分组和嵌套:

<style type=”text/css”>

H1,h4,p{//分组

color:green;

}

</style>

.marked{ } class = marked的标签

.marked p{}为所有class= “marked”元素内的p元素指定一个样式

p.marked{}只要是p标签,并且class=”marked”才会被更改样式

CSS显示:

div{visibility:hidden;}这种方式依然存在其原有的特征

div{display:none}这种方式直接隐藏标签,其特征也没有了

CSS定位:

Positionstatic(不受top bottom left right的影响)/relative(相对定位元素的定位是相对其正常的位置)/fixed(位置固定)/adsolute(绝对定位的元素的位置相对于最近的已定位父元素,如果没有已定位的父元素,那么相对于<html>/sticky

CSS对齐:

Text-aligncenter 文字居中

Marginauto元素居中,图片居中

JSjavascript

HTML(决定页面显示什么数据)+css(决定页面布局)+JS(和用户或者服务器交互,决定页面的行为)

JS:前端的编程晕,脚本语言,简单易学,基础是HTML+CSS,标记工具使用:vscode sublime notepad浏览器辅助性调试代码

JS需要写在<script></script>中,脚本可以放在<head>或者<body>

Window.alert()弹框

Document.write()将内容写在HTML

Console.log()写入浏览器的控制台

注意:JS中大小写敏感

单行注释://

多行注释:/*  */

JS的数据类型

数字 3.14  1001  123e3=123*10^3

字符串 使用单双引号括起来的

数组 [1,3,4,5] array

对象{name:’hqw’,age:20

定义数据的时候需要使用var关键字定义变量

函数 function+fun函数类型+(参数)+{函数体},其中一行代码写完后,需要加;分号

定义变量时需要注意的事项:

1、变量必须以字母开头,使用$或者_也可以,但是不推荐

2、大小写敏感

3、定义变量时,需要使用var,变量需要先定义后使用,在定义时可以赋值=

4、一条语句可以定义多个变量 var name=’icq’,gae=20,job=’hacker’

5、没有初始化的变量,相当于undefined

 

JS的数据类型

值类型:String字符串/number数字/boolean/NULL/undefined未定义

引用类型:Object/array/function

Var x 未定义

Var=123.12 数字

Var po=”spring” 语句

Var fo=ture boolean类型

Var array_te=new Array();

Array_te[0]=”hellow”

Array_te[1]=”icq”

A=[“hellow”,”icq”]

 

对象:

使用一种抽象的概念去描述,人{属性,方法}

Var car={type:”BYD”,model:500,color:white,do:function(){“可以跑”}}

针对对象属性的使用:

Name=car.type;

Color=car[“color”];

针对对象方法的使用:

Deal=car.do();

 

函数的定义和使用:

无参函数

Function fun()

{

语句体;

}

 

有参函数

Function fun(a,b)

{

函数体;//体现对ab的处理

}

 

有返回值函数

Function fun(){

Return 结果

}

 

Robots.txt 一般是robots协议,防止网络搜索引擎去抓取站点中敏感的页面,在站点的根目录下存在的robots.txt文件,里面写清楚了哪些页面是不允许爬取的。

 

变量:根据变量的作用范围来分

局部变量:在函数内部申明的变量,只能在函数内部去使用

全局变量:在函数外部申明的变量,网页上所有的脚本和函数均可去使用他

字符串的处理

字符串需要使用’’或””括起来,可以使用下标的方式去访问字符串中每个字符;

字符串中特殊字符如果需要打印出来,需要使用转义字符\,转义就是让字符保持其原有的含义,而不被当作特殊字符去使用

使用string.length获取字符串的长度,其中转义字符\不算长度

特殊字符: ‘    “   \   \r   \t   \b退格   \f换页

字符串可以被当做对象,var s=new string(‘test’)等同于s=’test’ 

属性:length(长度)、prototype(允许向对象添加属性和方法)

方法:charAt() 返回指定位置的字符

index()返回指定字符的索引

 

split()将字符串分割成字符串数组

 

substr(n)截取字符串,把前n个字符去掉

 

substring(a,b)截取ab-1之间的字符串

 

tostring()将对象转换为string

 

toLowerCase()转小写  toUpperCase()转大写

 

使用ngrok进行内网资源映射

Step1:访问https://www.ngrok.cc/user.html登录,找到“打开隧道”,创建隧道并打开,下载linux客户端,在

./sunny clientid +隧道id

 

 

 

猜你喜欢

转载自www.cnblogs.com/x98339/p/11579459.html