原生js复习1.0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
// // 1.splice的用法
// var arr = [1,2,3,6,4,8,5,9,7,];
// arr.splice(2, 2, 1,1,1,1,1,1);
// 2.call的指向性问题
// function Person(name, age) {
// this.name = name;
// this.age = age;
//
// }
// var person = new Person("deng", 18);
// var obj1 = {
//
// };
// Person.call(obj1, "xiaoliu", 18);
// // 3.creat创建原型
// var obj = {
// name : "xiaoliu",
// age : 18,
// sex : "mal"
// };
// var obj1 = Object.create(obj);
//4.for in 遍历数组及对象
// var obj = {
// name : "xiaoliu",
// age : 18,
// sex : "mal",
// height : 180,
// weight : 160
//
// };
// for(var obj1 in obj){
// console.log(obj1 + " " + typeof (obj[obj1]));
// }
// 5.instanceof的用法
// function F() {
//
// }
// var f = new F();
// console.log(f instanceof F);
// 6.javascript中精度不准的问题,使用取整来解决
// for (var i = 0; i <= 10; i++){
// var num = Math.floor(Math.random()*100);
// console.log(num);
//
// }
// var a = 5*1.015;
// console.log(a);
// 7.css权重问题
// ！important infinity
// 行间样式 1000
// id 100
// class|属性|伪类 10
// 标签|伪元素 1
// 通配符 0
//
// 8.行内元素与块级元素
// （1）行内元素
// feature ：内容决定元素所占宽高，不能通过css改变宽高
// span strong em a del
// （2） 块级元素
// feature ：独占一行，可以通过css来改变其宽高
// div p ul li ol form address
// 9.标准盒模型与IE盒模型
// W3C盒子模型的范围包括margin， border， padding， content
// 并且content不包含其他部分
// 但是IE盒模型中的content包括border和padding部分
// 10.绝对定位与相对定位
// 绝对定位需要设置position : absolute 他的定位是相对与其最接近的
// 一个具有定位属性的父级元素进行定位的
// 相对定位需要设置position ： relative 他的定位是相对于文档进行
// 定位的，
// 所以在设置定位时通常有一句话叫做子绝父相；
// 11.触发盒子的BFC
// position absolute
// display inline-block
// float left/right
// overflow hidden
// 12.原始值与引用值
// 原始值：Number String Boolean undefined null
// 引用值 ：array object function date
// 13.switch语句
// var a = 2;
// switch (a) {
// case 1:
// console.log("1");
// break;
// case 2:
// console.log("2");
// break;
//
// }
// 14.parseInt()函数
// parseInt函数可以解析一个字符串并且返回一个整数语法
// 是parseint（string， radix）；
// var demo = "16";
// var demo1 = parseInt(demo, 10);
// console.log(typeof (demo1) +" "+ demo1);
// 15.js中的包装类
// js中的原始值是没有属性和方法的，只有对象才有属性和方法
// 所以在调用原始值的属性以及方法时实则是new了一个新的对象，
// 调用的是对象里的方法，调用完以后随即进行销毁。
// 例如 var str="hello word";
// var str = new String("hello world");
// 1.创建出一个和基本类型值相同的对象
// var long = str.length;
// 2.这个对象就可以调用包装对象下的方法，并且返回结给long变量
// str = null;
// 3.之后这个临时创建的对象就被销毁了
// 16.数组中sort排序
// var arr = [65,7,6,8,7,55,2,1,6,64,5,6,49,8,75,5,];
// var arr1 = arr.sort(function (a,b) {
//
// return b - a;
//
// });
// 17.this的指向性问题
// 1.在函数预编译过程中，this指向window
// 2.在全局作用域中，this指向window
// 3.call和apply可以改变this的指向
// 4.obj.function中，function中的this指向object
// 18.闭包的机制 </script>
</head>
<body>
</body>
</html>
原生js复习1.0的更多相关文章
- 原生JS实现分页效果2.0（新增了上一页和下一页，添加当前元素样式）
虽然写的很烂,但至少全部都是自己写的,因为这个没有固定的顺序,所以就没有封装,如果你技术好的话,可以你写的分享给我,谢谢. <!DOCTYPE html><html lang=&qu ...
- 原生JS实现分页效果1.0
不太完整,写的太急,等等加上完整注释,写起来还是有些难度的,写的有点水,后面再改进改进. <!DOCTYPE html><html lang="en">&l ...
- 原生JS实现"旋转木马"效果的图片轮播插件
一.写在最前面 最近都忙一些杂七杂八的事情,复习软考.研读经典...好像都好久没写过博客了... 我自己写过三个图片轮播,一个是简单的原生JS实现的,没有什么动画效果的,一个是结合JQuery实现的, ...
- 原生JS+Canvas实现五子棋游戏
一.功能模块 先看下现在做完的效果: 线上体验:https://wj704.github.io/five_game.html 主要功能模块为: 1.人机对战功能 2.悔棋功能 3.撤销悔棋功能 二.代 ...
- 原生JS简单的无缝自动轮播
最近在不断的加强巩固js.在学习jq和vue之后发现很多东西其实都是不明所以,有些底层的东西自己不懂,到头来也只是一昧的使用,一直在用别人的东西,对自己的成长帮助也不大. 万丈高楼平地起,基础打扎实了 ...
- 原生js写一个无缝轮播图插件(支持vue)
轮播图插件(Broadcast.js) 前言:写这个插件的原因 前段时间准备用vue加上网易云的nodejs接口,模拟网易云音乐移动端.因为想自己写一遍所有的代码以及加固自己的flex布局,所以没有使 ...
- 原生JS封装Ajax插件(同域&&jsonp跨域)
抛出一个问题,其实所谓的熟悉原生JS,怎样的程度才是熟悉呢? 最近都在做原生JS熟悉的练习... 用原生Js封装了一个Ajax插件,引入一般的项目,传传数据,感觉还是可行的...简单说说思路,如有不正 ...
- 常用原生JS方法总结（兼容性写法）
经常会用到原生JS来写前端...但是原生JS的一些方法在适应各个浏览器的时候写法有的也不怎么一样的... 今天下班有点累... 就来总结一下简单的东西吧…… 备注:一下的方法都是包裹在一个EventU ...
- 再谈React.js实现原生js拖拽效果
前几天写的那个拖拽,自己留下的疑问...这次在热心博友的提示下又修正了一些小小的bug,也加了拖拽的边缘检测部分...就再聊聊拖拽吧 一.不要直接操作dom元素 react中使用了虚拟dom的概念,目 ...
随机推荐
- numpy使用中的疑惑
numpy中有一些常用的用来产生随机数的函数,randn就是其中一个,randn函数位于numpy.random中,函数原型如下: numpy.random.randn(d0, d1, ..., dn ...
- Ubuntn16.04安装opencv3.1（特别注意环境变量）
参考:http://lib.csdn.net/article/opencv/25737: http://blog.csdn.net/yiranyhy/article/details/72935499: ...
- Django项目：CRM(客户关系管理系统)--17--09PerfectCRM实现King_admin显示注册表的内容
{#table_data_list.html#} {## ————————08PerfectCRM实现King_admin显示注册表的字段表头————————#} {% extends 'king_m ...
- 调用本地摄像头并通过canvas拍照
首先我们需要新建一个video标签,并且放到html里边 var video = document.createElement("video"); video.autoplay=& ...
- INotitypropertyChanged
WPF数据绑定(要是后台类对象的属性值发生改变,通知在“client界面与之绑定的控件值”也发生改变须要实现INotitypropertyChanged接口) MainWindow.xaml < ...
- maven编译报错 错误: -source 1.5 中不支持 lambda 表达式
ji与基于maven的工程java应用程序非web应用的 参考这个https://www.cnblogs.com/softidea/p/6256543.html 但是java应用里边是没有这个配置的, ...
- JAVA ——int 类型除法保留两位小数
@Test public void txfloat() { // TODO 自动生成的方法存根 int a=9; int b=7; DecimalFormat df=new DecimalFormat ...
- python 产生二项分布图练习
- 洛谷P1965 转圈游戏 [2013NOIP提高组 D1T1][2017年6月计划 数论04]
P1965 转圈游戏 题目描述 n 个小伙伴(编号从 0 到 n-1)围坐一圈玩游戏.按照顺时针方向给 n 个位置编号,从0 到 n-1.最初,第 0 号小伙伴在第 0 号位置,第 1 号小伙伴在第 ...
- ML面试1000题系列（91-100）
本文总结ML面试常见的问题集 转载来源:https://blog.csdn.net/v_july_v/article/details/78121924 91 简单说说RNN的原理?我们升学到高三准备高 ...