原生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的概念,目 ...
随机推荐
- 阿里云应用高可用服务 AHAS 流控降级实现 SQL 自动防护功能
在影响系统稳定性的各种因素中,慢 SQL 是相对比较致命的,可能会导致 CPU.LOAD 异常.系统资源耗尽.线上生产环境出现慢 SQL 往往有很多原因: 硬件问题.如网络速度慢,内存不足,I/O 吞 ...
- 更改电脑用户名（可更改C:\Users\用户名）
参考:http://blog.csdn.net/zhang_jinhe/article/details/40624847 假设我们需要将帐户A改名为B. 首先我们需要用另一个管理员帐户C登陆系统. 1 ...
- html5绘图工具选择
1. Chart.js 基于html5, 完全开源免费 功能过于简单,只有6种图,能满足小系统需求,使用简便,效果比较炫. http://www.bootcss.com/p/chart.js/ 2. ...
- node学习记录——搭建web服务器
web服务器的基本知识 功能:1.接收HTTP请求(get,post,delete,put)2.处理HTTP请求 常见的web服务器架构: 1. Nginx/Apache:负责接收http请求,确定谁 ...
- linux挂载点 和 文件系统$ mount$ cat /etc/fstab$ vgs$ pvs$ lvs$ df -h$ lsof +D / /* beware not to kill your box */
$ mount$ cat /etc/fstab$ vgs$ pvs$ lvs$ df -h$ lsof +D / /* beware not to kill your box */ 一共挂载了多少文件 ...
- Uva437 The Tower of Babylon
https://odzkskevi.qnssl.com/5e1fdf8cae5d11a8f572bae96d6095c0?v=1507521965 Perhaps you have heard of ...
- 【洛谷P1204】【USACO1.2】挤牛奶Milking Cows
P1204 [USACO1.2]挤牛奶Milking Cows 题目描述 三个农民每天清晨5点起床,然后去牛棚给3头牛挤奶.第一个农民在300秒(从5点开始计时)给他的牛挤奶,一直到1000秒.第二个 ...
- Leetcode47. Permutations II全排列2
给定一个可包含重复数字的序列,返回所有不重复的全排列. 示例: 输入: [1,1,2] 输出: [ [1,1,2], [1,2,1], [2,1,1] ] 在全排列1题目的基础上先排序,目的是把相同的 ...
- 安装mysql报错2503
安装MySQL-5.5.27报这个错误: The installer has encountered an unexpected error installing this package.This ...
- JavaScript基本的使用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...