一 补充css的层叠性

　　权重:

　　　　行内样式(1000)>内接样式(如link等...)

　　　　id(100)>class(010)>标签(001)

　　　　如果同是继承来的,距目标越近的优先级越高

　　　　继承来的(权重为0)的和直接选中(就是直接精确到某个标签)的优先级没法比.

　　　　权重一样大的,以后设的为优先级最高

　　　　同样是继承来的且描述也一样近,在数权重

　　　　如果选中了标签了,数权重(数选择器的数量)权重越大,优先级越高.

　　　!importa :可以设置选中标签优先级无限大.

二  js(javascript) 初始

　　JavaScript是由公司开发而成的，问题是不便于其他的公司拓展和使用。所以欧洲的这个ECMA的组织，牵头制定JavaScript的标准，取名为ECMAScript。

　　　1.ECMAScript基础语法:

    • js引入方式

　　　　　　　　行内js

　　　　　　　　内接js

　　　　　　　　外接js

    • 声明变量

　　　　　　var 就这一个,JavaScript不用关心其他的一些事情（比如内存的释放、指针等），更关心自己的业务　　　

    • 测试语句

　　　　　　　　console.log(变量)

　　　　　　　　alert(变量) 这个全写为window.alert(window是全局对象,此处可以省略不写)

　　　　　　　　confirm()

　　　　　　

    • 数据类型(5个)

　　　　　　　基本数据类型: Number,String,boolean,  undefined 未定义  , null.

　　　　　　　引用数据类型:Array,aoject,function,date

　　　　　　　　typeof:查看数据类型

    • 运算符

　　　　　　　需要注意是++,出现在变量前先自加1 在赋值

　　　　　　　　　　　　　出现在变量后 先赋值,在加1

　　　　　　　== : 比较的是数值

　　　　　　　===:比较的是数之和数据类型

　　　　　　　所有的数据都能转成false:

　　　　　　　　几种可以转为false的类型:null,undefined,0,NaN

　　　　　　　数据类型转换:

　　　　　　　　　　数字转字符串:(三种)

　　　　　　　　　　　　隐式转换(空字符串加数字),强制类型转换(强制类型转String(),变量点toString()),特殊的(两个字符串数字是可以相减的,并且减完是数字类型)

　　　　　　　　　　字符串转数字:(三种)

　　　　　　　　　　　　强转(Number(变量)),parseInt(可以将字符串转为数字,但是只能转字符串开头的数字类型,如果前面没有,也就是说这个字符串没有含数字,则返回NAN,nan也是数字类型;并且它支取整数,不会四舍五入如果是parseIn(1.8+2.2)那么会先计算再取值,如果是parseIn(1.8)+parseIn(1.2)那他会先取值在计算),parseFloat(stringNum);　　　　　　　　　　

    • 流程控制

　　　　　　if

var ji=;

if(ji>=){

    console.log('好')

}

　　　　if else

var ji  = ;

if(ji>=){

    console.log('恭喜你，吃鸡成功，大吉大利')

}else{

    console.log('很遗憾 下次继续努力')

}

　　　　if else if else

var age = ;

if (age > ) {

    console.log('来了老弟！！');

} else if (age <  && age > ) {

    console.log('来了小老弟！！');

}else{

console.log('来了');}

　　　　switch

var gameScore = 'better';

switch(gameScore){

//case表示一个条件 满足这个条件就会走进来 遇到break跳出。break终止循环。如果某个条件中不写 break，
那么直到该程序遇到下一个break停止

//        一对一只能匹配完全一样的(===)

    case 'good':

    console.log('玩的很好');

    //break表示退出

    break;

    case  'better':

    console.log('玩的老牛逼了');

    break;

    case 'best':

    console.log('恭喜你 吃鸡成功');

    break;

    default:

    console.log('很遗憾');}

　　　　while

　　　　1.初始化循环变量

2.判断循环条件

　　　　3.更新循环变量

var a=;

while (a<=){

    console.log(a);

    a+=;

}

　　　do while

//不管有没有满足while中的条件do里面的代码都会走一次,如果满足了就会遵循while循环走

var i = ;//初始化循环变量

do{

    console.log(i)

    i++;//更新循环条件

}while (i<) //判断循环 //

　　for 循环　　

var a=;

for (var i=;i<=;i+=){

    a+=i;

}

console.log(a);
    • 内置对象

例子 隐藏块:

　　

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <!--<link rel="stylesheet" href="">-->

    <link rel="stylesheet" href="授课/csss.css">

</head>

<body>

<button id="btn" onclick="show()">隐藏</button>

<div id="box" style=""></div>

</body>

<script type="text/javascript" src="授课/jss.js" ></script>

</html>
#box{

    width: 200px;

    height: 200px;

    background-color: red;

}
var b=true;

var a=document.getElementById('box');

var c=document.getElementById('btn');

    function show() {

        if (b) {

            a.style.display = 'none';

            console.log(a.id);

            b=false;

            c.innerText='显示';

        }

        else{

            a.style.display='block';

            console.log(a.id);

            b=true;

            c.innerText='隐藏';

        }

    }

　　　

　

前端-----js的更多相关文章

  1. 前端Js框架汇总

    概述: 有些日子没有正襟危坐写博客了,互联网飞速发展的时代,技术更新迭代的速度也在加快.看着Java.Js.Swift在各领域心花路放,也是煞是羡慕.寻了寻.net的消息,也是振奋人心,.net co ...

  2. 闲聊——浅谈前端js模块化演变

    function时代 前端这几年发展太快了,我学习的速度都跟不上演变的速度了(门派太多了,后台都是大牛公司支撑类似于facebook的react.google的angular,angular的1.0还 ...

  3. json处理总结(前端js和后端java)

    前端(js): json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键,下面将介绍两者之间的相互转换. json字符串:var st ...

  4. 前端js文件合并三种方式

    最近在思考前端js文件该如何合并,当然不包括不能合并文件,而是我们能合并的文件,想了想应该也只有三种方式. 三个方式如下: 1. 一个大文件,所有js合并成一个大文件,所有页面都引用它. 2. 各个页 ...

  5. 2015 前端[JS]工程师必知必会

    2015 前端[JS]工程师必知必会 本文摘自:http://zhuanlan.zhihu.com/FrontendMagazine/20002850 ,因为好东东西暂时没看懂,所以暂时保留下来,供以 ...

  6. RSA加密前端JS加密，后端asp.net解密，报异常

    RSA加密前端JS加密,后端asp.net解密,报异常 参考引用:http://www.ohdave.com/rsa/的JS加密库 前端JS加密代码: function GetChangeStr() ...

  7. 前端js的书写规范和高效维护的方案_自我总结使用的方案

    作为程序员,人生最值得幸福的事有几件: 解决困扰了很长时间的问题 升职加薪 找个漂亮又靠谱的对象 深得领导的喜欢 带领团队冲锋陷阵 ... 哈哈,这些都是梦想,暂时想想就好了.这肯定和我说的东西不符合 ...

  8. 前端js,css文件合并三种方式,bat命令

    前端js,css文件合并三种方式,bat命令 前端js文件该如何合并三个方式如下:1. 一个大文件,所有js合并成一个大文件,所有页面都引用它.2. 各个页面大文件,各自页面合并生成自己所需js的大文 ...

  9. 前端js上传文件 到后端接收文件

    下面是前端js代码: <html> <head> <meta http-equiv="Content-Type" content="text ...

  10. Gridview 行变色和行按钮调用前端js

    1.鼠标移动某一行 ,变色 protected void GridView_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Ro ...

随机推荐

  1. ANG通证是什么？有关ANG通证的干货都在这里

    什么是ANG通证?▲▲▲ 通证也叫代币,是一个虚拟账户名称,是电子卡的虚拟货币.举个简单的例子,腾讯的Q币就是一种通证,我们用货币购换数个Q币,代以购买腾讯游戏里的装备等. 目前,随着加密数字通证的发 ...

  2. QPS的优化

    cdn加速 吧静态资源放到别人的服务器上 精灵图 后台数据库用mysql+redis sql的优化 用缓存 程序架构:集群化部署 ,分布式+异步     celery:分布式异步任务框架 语言

  3. Saiku更改導出文件的文件名（十九）

    Saiku更改導出文件的文件名 Saiku查询完数据之后,可以以excel,pdf,csv等格式将数据导出,这里我们来讲一下怎么更改导出的文件名. 找到对应的导出方法所在的js文件: saiku-se ...

  4. 嵌入式单片机，ATmega328P，外部中断INT0，INT1，INT2，中断标志位介绍

    body, table{font-family: 微软雅黑; font-size: 13.5pt} table{border-collapse: collapse; border: solid gra ...

  5. Python正则表达式的re库一些用法（上）

    1.查找文本中的模式 search()函数取模式和要扫描的文本作为输入,找到这个模式时就返回一个match对象.如果没有找到模式,search()就返回None. 每个match对象包含有关匹配性质的 ...

  6. Applet

    Applet简介: 可以翻译为小应用程序,Java Applet就是用Java语言编写的这样的一些小应用程序,它们可以直接嵌入到网页中,并能够产生特殊的效果.包含Applet的网页被称为Java-po ...

  7. python 全栈开发笔记 3

    正则表达式 正则表达式(RE)是一种小型的,高度专业化的,它镶嵌在python中,并通过re模块实现,正则表达式编译成一系列的字节码,然后由用c编写的匹配引擎执行. #正则表达式 import re ...

  8. python3.5+selenium3环境搭建

    windows环境下的操作(例子中的浏览器以火狐浏览器为例,IE和谷歌与此浏览器同理): 准备工具如下: 下载python[python开发环境]:http://python.org/getit/ 下 ...

  9. C#控制键盘按键(大小写按键等)的代码

    将代码过程较好的代码段做个记录,如下的资料是关于C#控制键盘按键(大小写按键等)的代码.using System;using System.Collections.Generic;using Syst ...

  10. linux 增加虚拟内存swap（使用文件）

    1.简介 如果你的服务器的总是报告内存不足,并且时常因为内存不足而引发服务被强制kill的话,在不增加物理内存的情况下,启用swap交换区作为虚拟内存是一个不错的选择. 为了测试一些功能我在阿里云购买 ...