Fork me on GitHub
Sliver city


  • 首页

  • 关于

  • 标签

  • 分类

  • 归档

  • 搜索

Js中数据类型以及变量作用域

发表于 2018-06-12 | 分类于 javscript学习记录
数据类型(变量类型)javascript中的数据类型有:字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空(Null)、未定义(undefined)。 var x ; //x是undefined类型 var x=123; //x是数字类型 var x="123"; //x是字符串类型 var x=true/false; //x是布尔类型 var x=[]; //x是数组类型 var x={1,2,3} //x是一个对象类型 但是Null这种数据类型该怎么表示呢?其实Null类型只有一个值:null,但是当我们这样写的时候:var x=null; console.log(typeof(x)); 返回的结果却是object,也就是说x是一个对象类型。(在逻辑上,你可以认为null是一个空的对象指针,所以结果为“object”)。那么,我们该如何判断一个类型呢,很简单,我们只要把变量的值与null进行比较即可: <script> var x ...
阅读全文 »

this的用法

发表于 2018-06-12 | 分类于 javscript学习记录
1. this是啥?简言之,this是JavaScript语言中定义的众多关键字之一,它的特殊在于它自动定义于每一个函数域内,但是this倒地指引啥东西却让很多人张二摸不着头脑。希望看完这篇文章了你能回答出来this到底指引个甚。 2. this有什么用呢?既然this这么难以理解,那么为个甚还要用它呢?我们来看个例子: function identify() { return this.name.toUpperCase(); } function sayHello() { var greeting = "Hello, I'm " + identify.call( this ); console.log( greeting ); } var person1= { name: "Kyle" }; var person2= { name: "Reader" }; identify.call( person1); // KYLE identify.call( person2); // REA ...
阅读全文 »

JS原型,原型链和继承的理解

发表于 2018-06-12 | 分类于 javscript学习记录
在学习JavaScript的过程中,经常会遇到几个难点,比如原型,原型链以及闭包之类的,下面我们就来聊聊我所理解的这些难点内容。 普通对象和函数对象JavaScript是一门面向对象的语言,既然面向对象,那就得有对象才行对吧,所谓万物皆对象,但是对象之间也是有区别的,对象分为函数对象和普通对象。函数对象可以创建普通对象,但是普通对象不能创建函数对象,普通对象在js的语法中什么特权也没有。举例说明一下函数对象和普通对象: var o1 = {}; var o2 =new Object(); var o3 = new f1(); function f1(){}; ==(等价于) var f1 = new Function(); var f2 = function(){}; var f3 = new Function('str','console.log(str)'); console.log(typeof Object); //function console.log(typeof Function); //function conso ...
阅读全文 »

学习随笔

发表于 2018-06-12 | 分类于 学习与生活
我发现我最近都喜欢上写博客,总是想着把生活中的一些琐事以及学习中遇到的问题写在博客上。因为我感觉可以通过写博客来表达自己对生活和学习的感受,可以更清楚的了解自己。 2018/4/17今天学习了Js动画库的封装,看了老师讲的视频,感觉挺简单的,但是到自己动手去实践的时候,发现有很多基础的知识还没掌握,这反映了自己在之前的学习的状态,Js动画的原理其实也不是很难,很多都是日常生活中或者我们在一些大型的网站见过的一些动画效果,比如说最基础的轮播图,缓动动画,滚动条的滚动原理,返回顶部等等这些动画效果。其实,这两天自己的学习状态一直不是很好,常常会多想(@ @),整个人感觉很浮躁,不能安下心来学习。学习的时候老是在那多想,就是不肯动手去敲代码,学编程一定要多练。从明天开始,每天至少都要敲200行代码或者用学到的知识做一个案例出来。严格要求自己。加油! 2018/5/4 这几天都在学ES6语法,感觉信息量有点大,看得不是很懂,可能跟ES5的基础不牢固有关吧,特别是字符串扩展和正则表达式的扩展。这两个内容的有些概念不太能够理解,对Unicode字符集不是很了解,特意去百度了,但是没找到想要的答 ...
阅读全文 »

原生Js的图片预加载和懒加载技术

发表于 2018-06-12 | 分类于 javscript学习记录
各种宽高页可见区域宽: document.body.clientWidth;||document.documentElement.clientWidth 网页可见区域高: document.body.clientHeight;document.documentElement.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽); 网页可见区域高: document.body.offsetHeight (包括边线的宽); 网页正文全文宽: document.body.scrollWidth; 网页正文全文高: document.body.scrollHeight; 网页被卷去的高: document.body.scrollTop; 网页被卷去的左: document.body.scrollLeft; 网页正文部分上: window.screenTop; 网页正文部分左: window.screenLeft; 屏幕分辨率的高: window.screen.height; 屏幕分辨率的宽: window.screen.width; ...
阅读全文 »

hexo和github搭建个人博客

发表于 2018-06-12 | 分类于 随笔
准备工作github的注册gitHub是一个面向开源及私有软件项目的托管平台,因为只支持git 作为唯一的版本库格式进行托管,故名gitHub。所以要使用github,就请先到github官网进行注测。具体注册过程和关于git的学习,建议到廖雪峰的官方网站,这个网站上面有很详细的git教程,希望仔细阅读。 node.js下载由于hexo是基于Node.js的静态博客框架,所以我们先下载node.js,移步Node.js官网下载稳定版即可,下载完成后打开安装(按照默认路径安装即可)。然后打开cmd命令行或者git Bash 输入: node -v 如果出现版本号就说明已经安装成功了。关于github和hexo的内容就到这里。下面就开始我们的主题(hexo和github搭建个人博客)吧。 搭建过程安装hexoNode和Git都安装好后,用户存放hexo的配置文件,然后安装Hexo。打开 node.js输入: sudo npm install -g hexo 或者(nmp i -g hexo) 安装完成后,到github登录你前面注册的账号,然后点击New repository新建一个项目, ...
阅读全文 »

Js中事件的冒泡和事件的捕获

发表于 2018-06-12 | 分类于 javscript学习记录
首先,我们知道微软提出的是事件冒泡,网景提出的是事件捕获。这两个概念的提出是为了解决页面中事件流(即事件发生顺序)的问题。 <div id="outer"> <p id="inner">点击我!</p> </div> 上面的代码中一个div元素当中有一个p子元素,如果两个元素都有一onclick事件处理函数,那么我们怎么才能知道哪一个函数会先被触发呢? 微软和网景这两个公司提出两种相反的概念解决了这个问题。 事件冒泡事件冒泡可以形象地比喻为一颗石头投入水中,泡泡会一直从水底冒出水面,也就是说,事件会最内层的元素开始触发,一直往上传播,直到document对象为止。 所以上面的例子在事件冒泡的概念下发生click事件的顺序应该是p -> div -> body -> html -> document。 事件捕获事件捕获是和事件冒泡完全相反的概念,也就是说,事件会从最外的document对象开始触发,然后不断往里触发。直到最里面的元素被触发为止。 上面的例子在事件捕获的概 ...
阅读全文 »

ES6的学习总结

发表于 2018-06-12 | 分类于 javscript学习记录
阅读全文 »

关于函数闭包的理解

发表于 2018-06-12 | 分类于 javscript学习记录
学习前端的过程中,特别是在Javascript学习的过程中,每个学习者都会遇到一个很难理解的难点,那就是闭包。下来我来讲讲我对闭包的了解: 函数作用域首先,讲闭包,就一定要讲到JS的作用域(函数作用域)了,函数作用域有一些特点; 特点一(函数能访问到函数外部的变量)var num =10; function fn1(){ console.log(num); } fn1(); //10 特点二(函数内部线的变量不能被函数外部访问)function fn2(){ var num =10; } console.log(num);//结果为undefined; 如何在函数外部访问函数内部的变量呢,正常情况下,是访问不到的。因此我们要通过一种变通的方法,就是在函数内部定义一个函数,这个函数就可以帮我访问外层函数的变量。 来个最简单的闭包看看function fn1(){ var a=1 ; function fn2(){//这里就产生了闭包。。。(@_@) console.log(a);//不信就打开Chrome浏览器在var a =1;这一 ...
阅读全文 »

Ajax的基本应用

发表于 2018-06-12
AjaxAjax是前后台实现数据交互的一门技术,可以在无需加载整个网页的情况下能够更新部分网页的技术,也就是说在后台与服务器之间进行少量的数据交互可以使网页不用更新整体,只是更新更改的那一部分。Ajax 在浏览器与 Web 服务器之间使用异步数据传输(HTTP 请求),这样就可使网页从服务器请求少量的信息,而不是整个页面。 Ajax的使用使用Ajax需要下载安装它的运行环境xampp https://www.apachefriends.org/zh_cn/index.html由于是国外的网站,可能会比较慢。进去之后选择与你电脑相匹配的系统版本下载安装,一直点击下一步即可。安装完成后,找到根目录下有一个xampp.contrl.exe 的应用程序,打开这个程序,开启Apache服务器就可以使用了。第一步创建XmlHttpRequest()对象,调用这个对象的open方法,open()接收三个参数,第一个参数是请求方式, 第二个是请求文本的 URL,第三个是是否异步,true表示异步,false表示同步 。 发送请求。 注册事件onreadystatechange事件,onloa ...
阅读全文 »
12
Sliver city

Sliver city

一枚有冲劲的前端小菜鸟

12 日志
3 分类
5 标签
RSS
GitHub Google YouTube Skype Zhihu E-Mail
推荐阅读
  • google前端开发基础
  • 学堂在线
  • 张鑫旭博客
© 2018 Sliver city
本站访客数:
博客全站共字
|
主题 — NexT.Mist v5.1.3