js回顾1】的更多相关文章

回顾   js 组成部分       ECMAScript       BOM       DOM                        变量声明~~  var  变量名 =  初始化值:                        数据类型                            原始类型                                       undefined  null   String   Number    Boolean  伪对象   …
回顾知识点:    作用域:        1.全局变量:在任何位置都可以使用的变量        2.局部变量:只能在函数内部使用的变量        3.闭包:子函数可以使用父函数的局部变量 -------------------------------------------var a=12;function show(){    var a=23;    alert(a);---23(变量的遮蔽)}        show();alert(a)--12 =================…
01-DOM中的创建和添加标签 02-删除替换克隆标签 03-全选全不选反选 04-新闻字体 05-表格增删 06-动态生成表格 07-表格隔行变色 08-左到右右到左(将左边的标签移动到右边) 09-二级联动 01-DOM中的创建和添加标签 02-删除替换克隆标签 03-全选全不选反选 <script type="text/javascript"> function $(_id) { return document.getElementById(_id); } windo…
1.js数据类型? 基本数据类型:String(字符串).boolean(布尔值).Number(数字).undefined(未定义).null(空) 引用数据类型:Object(对象).Array(数组).Date(时间).RegExp(正则).Function(函数) 基本数据类型vs引用数据类型区别? (1)引用类型值可添加属性和方法,而基本类型值则不可以 //为引用类型值添加属性           var p = new Object();           p.age=11;   …
1.正则:/^[0-9a-zZ-Z_]*&/ //匹配0到多个,+是1到多个,?0或多个,.任意值/^[0-9a-zZ-Z_]{6,}&/ //精确到至少6位\w查找单词字符检测:test()2.1.一次性判断:if(){ } else{ }2.多次判断:if(){ } if(){ } if(){ } if(){ }3.成绩等级判断: var a=99; var b=Math.floor(a/10); console.log("b:",b) switch(b){ cas…
1:事件流:一个事件发生时按一个方向传播 eg:a标签->html 冒泡:从里到外(一般的选择)-----IE只有冒泡 捕获:从外到里-----网景只有捕获(已经不存在了) 2.事件处理的两种种方式: (1)DOM0(传统事件): 优点:兼容所有浏览器 缺点:不能够添加多个方法,后面的方法会覆盖前面的方法 (2)DOM2: 优点:可以添加多个方法 缺点:不能兼容所有浏览器: 现代浏览器: p.addEventListener("click",function(){ }),true…
一.css常用标签及页面布局 1.常用标签 position(定位) z-index(定位多层顺序) background(背景) text-align(针对字符自动左右居中) margin(外边距) padding(内边距) font-size(字体大小) over-flow(修剪hidden,srcoll,auto) :hover(设置对象在鼠标悬停时的样式) opacity(页面透明度) float(让标签浮动起来) clear:both(让浮动标签沉下来) line-height(上下居…
2017 新年好 ! 新年第一天对我来说真是悲伤 ,早上兴冲冲地爬起来背着书包跑去实验室,结果今天大家都休息 .回宿舍的时候发现书包湿了,原来盒子装的牛奶盖子松了,泼了一书包,电脑风扇口和USB口都进牛奶了,赶紧拔掉电池,用风扇吹啊吹.强行开机,无线网卡坏掉,屏幕里面进牛奶,难看死啦 ~ 鼠标也坏掉了,谁能赠送我一个鼠标啊 ..O... 中午吃完饭,就开始完善模块加载器了.到傍晚,差不多了,出去浪了一会儿 ~ my-Require.js 回顾 在 使用RequireJS 并实现一个自己的Requ…
一.css常用标签及页面布局 1.常用标签 position(定位) z-index(定位多层顺序) background(背景) margin(外边距) padding(内边距) font-size(字体大小) over-flow(修剪hidden,srcoll,auto) :hover(设置对象在鼠标悬停时的样式) opacity(页面透明度) float(让标签浮动起来) clear:both(让浮动标签沉下来) text-align(针对字符自动左右居中) line-height(上下居…
1.HTML5 上节回顾:一文读懂ES6(附PY3对比) | 一文入门NodeJS 演示demo:https://github.com/lotapp/BaseCode/tree/master/javascript/0.H5_C3/H5 参考文档:https://www.w3cschool.cn/html5 | https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTML5 HTML5主要目的是为了在移动设备上支持多媒体,eg:<vide…
2017 新年好 ! 新年第一天对我来说真是悲伤 ,早上兴冲冲地爬起来背着书包跑去实验室,结果今天大家都休息 .回宿舍的时候发现书包湿了,原来盒子装的牛奶盖子松了,泼了一书包,电脑风扇口和USB口都进牛奶了,赶紧拔掉电池,用风扇吹啊吹.强行开机,无线网卡坏掉,屏幕里面进牛奶,难看死啦 ~ 鼠标也坏掉了,谁能赠送我一个鼠标啊 ..O... 中午吃完饭,就开始完善模块加载器了.到傍晚,差不多了,出去浪了一会儿 ~ my-Require.js 回顾 在 使用RequireJS 并实现一个自己的Requ…
目录: 1:HTML 1:块级元素(block-level) 2:行内元素(inline-level) 3:行内块元素(inline-block) 4: img标签 5:表单元素 6:自定义列表  dl 7:表格  Table 2:CSS 1:标签选择器: 2:class选择器 3:id选择器 4:通配选择器 5:后代选择器 6:子代选择器 7:交集选择器 8:并集选择器 9:链接伪类选择器  LV hao 10:font 风格权重  大小字体 11:装饰  text-decoration 12…
常见的Vue命令 全局安装 1:npm i webpack -g   全局安装webpack.   保存到项目中  -S 2:npm i webpack --save-dev  安装到项目依赖中. 3:cnpm i jquery -S 安装jquery. 4:   cnpm i bootstrap -S  安装bootstrap 5:    npm i vue -S 安装 vue 开发是用到  -D 4:  安装 webpack-dev-server cnpm i webpack-dev-ser…
什么是Jquery? Jquey就是一款跨主流浏览器的JavaScript库,简化JavaScript对HTML操作 就是封装了JavaScript,能够简化我们写代码的一个JavaScript库 为什么要使用Jquery? 我觉得非常重要的理由就是:它能够兼容市面上主流的浏览器,我们学习AJAX就知道了,IE和FireFox获取异步对象的方式是不一样的,而Jquery能够屏蔽掉这些不兼容的东西- (1)写少代码,做多事情[write less do more] (2)免费,开源且轻量级的js库…
python_way day15 HTML-DAY2 html-css回顾 javascript 一.html-css回顾 增加默认值: . 强制生效,就算在上面,被覆盖上了也会生效 解决缩小页面混乱问题,就是在外侧的div增加宽度和margin:0 auto 1.input与+,-号的写法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &…
回顾 由于 JavaScript 高级还是针对 JavaScript 语言本身的一个进阶学习,所以在开始之前我们先对以前所学过的 JavaScript 相关知识点做一个快速复习总结. 重新介绍 JavaScript JavaScript 是什么 解析执行:轻量级解释型的 语言特点:动态,头等函数 (First-class Function) 又称函数是 JavaScript 中的一等公民 执行环境:在宿主环境(host environment)下运行,浏览器是最常见的 JavaScript 宿主…
前言 对于灵活的js而言,继承相比于java等语言,继承实现方式可谓百花齐放.方式的多样就意味着知识点繁多,当然也是面试时绕不开的点.撇开ES6 class不谈,传统的继承方式你知道几种?每种实现原理是什么,优劣点能谈谈吗.这里就结合具体例子,按照渐进式的思路来看看继承的发展. 准备 谈到js继承之前先回顾下js 实例化对象的实现方式. 构造函数是指可以通过new 来实例化对象的函数,目的就是为了复用,避免每次都手动声明对象实例. new 简单实现如下: function my_new(func…
js语言回顾 1.语法 a并没有声明,也可以输出,不会报错. 添加一条语句 则需要声明,称之为严谨语法 2.数组 2.1数组遍历三种方法 for-in与for-of forEach forEach调用的是函数 function的参数中,后一个表示数组元素的下标 2.2数组的基本操作 判断数组中是否包含某个元素 indexof寻找第一次出现时的下标,若没有找到则为-1 lastIndexof寻找最后一次出现的下标 对一个数组操作后保存到另一个数组中 ①声明一个新数组 ②用for循环对原数组操作 ③…
js的基本数据类型有六种,undefined.null.number.string.boolean.object. 未定义        空      数字        字符串    布尔       对象 特别注意: ①什么时候值是undefined? 声明变量但是没有赋值比如var a:和没有声明的变量,用typeof检测都是undefined ②""和null一样么? 在类型上当然是不一样啊,一个是空字符串,一个是空对象哦  如果null==""判断,那一定…
前言:JS应用在浏览器端,基于浏览器事件执行,功能十分强大,不容错过…
---恢复内容开始--- map遍历 function b(){ var week = new Map(); week.set("Mon","星期一"); week.set("tues","星期二"); week.set("Wed","星期三"); week.set("thurs","星期四"); value = week.get("th…
值类型:值的拷贝. 引用类型:一般指对象,地址的指针引用 typeof有几种类型:6种 变量和布尔值之间的转换 js中内置的函数…
判断一个对象是否是数组方法有多种: 一.Array.isArray()函数 在ECMAScript5中可以通过Array.isArray()来做这件事: Array.isArray({}); //false Array.isArray([]); //true 二.instanceof instanceof操作符用于判断一个变量是否为一个对象的实例,只能用于简单的情形: [] instanceof Array; //true {} instanceof Array; //false d=new D…
学习文档:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Functions https://www.cnblogs.com/Sarah119/p/7825265.html 一 ,var  let var  : js是没有规则非常灵活的一门语言,var 声明的作用域在一个function里  而let作用域的范围仅在一个块内.最近维护项目中,遇到这个let  就非常的恼火哈哈,算是接触到新的东西了.参考:https://…
js中的一切的变量.函数.操作符等等都是区分大小写的. js的基本的数据类型->包含下面的5种: 1.undefined 2.Null 3.Boolean 4.Number 5.String js的复杂的数据类型就是-->Object js中不支持任何创建自定义的数据类型的机制. js的typeof操作符的作用:主要是检测变量的数据类型的.对于一个值使用typeof:有以下几种可能的返回: 1.undefined------>值没有定义. 2.boolean-------->是布尔…
1.更改this指向 方法1:对this进行保存            var _this = this; 例: var _this = this;     document.onclick = function(){        console.log(_this)      }     console.log(_this); 方法2:bind   更改this指向.   返回的是一个函数体           注意:  fn.bind(document)();   更改指向必须加()调用.…
回头又跑去看了下尚硅谷的js基础视频 https://www.bilibili.com/video/av22958172/?p=51. 便做了如下笔记: 1.函数也是一个对象 2.函数可以封装一些功能(代码),在需要时可以执行这些功能(代码) 3.函数可以保存一些代码在需要的时候调用 <script> // 创建函数 var fun = new Function(); console.log(fun);//输出一个空函数 console.log(typeof fun);//输出function…
注:1.xx.nextSibling.css.xxx->xx的下一个元素的css样式;2. window.opener.document.getElementById("cms");->找到父级窗口中id为cms的元素 1.QQ面板效果: <title>无标题文档</title> <style type="text/css"> .a1{ background:#003; padding:3px; font-size:1…
function each(arr, fn) { for(var i=0;i<arr.length;i++){ fn(arr[i],i); } } var arr = ['java', 'c', 'php', 'html']; function output(item,index) { console.log(index+":"+item) } each(arr, output); // 0:java, 1:c, 2:php, 3:html 利用each绑定事件: functio…
方法1: var str = ' h t m l 5 '; function trim(str) { var reg = /(\s+)/g; var m,s = str; while(m = reg.exec(s)){ s = s.replace(m[1],""); } return s; } str = trim(str); console.log(str); //html5 方法2: var str = ' h t m l 5 c s s 3'; function trim(str…