JavaScript
文章平均质量分 77
文初阳
如果我只是写给自己看,如果这只是我的杂乱无章的笔记......
展开
-
JavaScript运算符规则
JavaScript运算符规则从sb说起console.log((!(~+[])+{})[--[~+""][+[]]*[~+[]]+~~!+[]]+({}+[])[[~!+[]]*~+[]])控制台输出此段字符,你会得到"sb"。有没有那么点把丝头疼…让我们顶着头疼分析一下运算符在这里(!(~+[])+{})[--[~+""][+[]]*[~+[]]+~~!+[]]+({}+[])[[~!...原创 2020-01-07 15:16:28 · 415 阅读 · 0 评论 -
DOM事件
DOM事件DOM 0 在前端领域一片混沌的时候,浏览器DOM事件的实现并没有一个统一的标准,各浏览器互相借鉴实现了一些事件监听。W3C出来之后,把这些之前分别实现的事件监听做了一个汇总,称为DOM level 1,在此之前这些浏览器实现的叫做DOM level 0。所以DOM 0是那时候的事实标准。 注意点: 当时浏览器实现了包括onclick在内的一些事件,其中有一点需要特...原创 2018-04-25 09:39:58 · 222 阅读 · 0 评论 -
AJAX第二部
AJAX闲聊….请求四个部分的设置&响应四个部分的获取 一个http请求包括以下四部分: 第一部分包括请求的method,url以及请求所使用的协议和版本号,比如GET /xxx HTTP/1.1。 第二部分是请求头,一堆key和value,比如Host: www.baidu.com,Accept: text/html,Content-Type: application/...原创 2018-05-25 10:06:01 · 176 阅读 · 0 评论 -
论jsonp和用户体验的提高
论jsonp和用户体验的提高 要说jsonp的来源,还是离不开用户体验以及程序员伟大的智慧。事情的开始是这样的……什么是数据库? 学过计算机的可能会脱口而出SQL Server, MySQL, Oracle等等,但是我要说的跟这些术语没有关系。数据库,是一个用来存储数据的仓库。没有问题吧? 如果现在我们有一个需求,操作数据的需求…. 你现在有100块钱,点击页面中的一个...原创 2018-05-15 20:24:11 · 178 阅读 · 0 评论 -
一道面试题的解析
原题function Foo(){ getName = function(){ alert(1) } return this}Foo.getName = function(){ alert(2) }Foo.prototype.getName = function(){ alert(3) }var getName = function(){ alert(4) }functi...原创 2018-08-30 10:28:39 · 274 阅读 · 1 评论 -
js零散知识点之与或运算
逻辑与和逻辑或 逻辑运算中,0表示false,1表示true。 逻辑与的运算规则是:0&&0 == 00&&1 == 01&&0 == 01&&1 == 1 逻辑或的运算规则是:0||0 == 00||1 == 11||0 == 11||1 == 1 在很多语言中逻辑与和短路与是有区别的,一般情况下...原创 2018-10-24 10:12:16 · 443 阅读 · 0 评论 -
new到底在做什么
new到底在做什么面向对象 面向对象的思想存在于大多数编程语言中,比较典型的是Java。与之相对应的是面向过程,比如站在程序猿鄙视链上端的C语言。在Java等面向对象的编程语言风靡的现在,“面向对象”似乎已经是一个程序员必备的知识点了。而鉴于“对象”这个名词的多义性,又进一步提高了这个词的出现频率。但是,真的有人能说的清楚什么是面向对象吗? 有人说,万事万物皆对象。 有人说,面向对象...原创 2018-10-27 00:43:24 · 393 阅读 · 0 评论 -
让人头疼的this
this是什么 this是函数运行时所在的环境变量,是call的第一个参数。 以及你需要注意的是,this这个鬼东西动不动就会变成window。怎么找this作为对象方法调用var obj = { 'fn': function(){ console.log(this) }}obj.fn() 此时打印出来的this指的是obj这个对象。在函数作为对象方法调用的...原创 2018-10-24 22:04:31 · 181 阅读 · 0 评论 -
从一个前端菜鸟的角度聊一聊虚拟DOM
从一个前端菜鸟的角度聊一聊虚拟DOM 想要解释一下标题,对于虚拟DOM我并没有去深入了解,只是略微知道个大概原理,这里也只是略微说一下原理。虚拟DOM是什么 首先,什么是DOM? Document_Object_Model,文档对象模型。将html页面元素与一个个的对象一一对应,方便我们使用js来操控html文档。此处就不细讲了,具体可以看这里。 那么,虚拟DOM又是什么呢? ...原创 2018-11-01 18:30:43 · 517 阅读 · 0 评论 -
数组去重
数组去重可参考此篇一个宇宙通用的去重方案function unique(arr){ let newArr = [] for(let i = 0, length = arr.length; i < length; i++){ for(var j = 0, len = newArr.length; j < len; j++){ if(newA...原创 2018-04-17 17:47:37 · 175 阅读 · 0 评论 -
DOM API简析
DOM API简析DOM释义 API通俗的来讲,就是人家提供给你的,让你可以直接使用的东西。DOM,Document Object Model,文档对象模型。这里的文档以前特指xml文档,这也就是我们在html里边使用DOM API那么难用的原因,它一开始就不是给html使用的。 所谓Document Object Model,本质上还是一种model,将document(xml...原创 2018-03-28 19:13:43 · 5577 阅读 · 0 评论 -
jQuery入门
jQuery入门什么是jQuery 首先,什么是jQuery?jQuery中文文档的定义是jQuery是一个高效、精简且功能丰富的JavaScript工具库,除去一些修饰语,那它就是一个工具库。库是什么?库是特定种类的API。我们知道函数的封装是为了消除冗余代码,如果有一堆函数实现的功能有某种内在的联系,比如说都是对元素的操作,那我们是不是可以把它们放到同一个地方,与其他函数区分开来...原创 2018-04-03 23:27:05 · 190 阅读 · 0 评论 -
脚本编程基础知识
你以为什么是脚本? 不知道你有没有接触过高级编程语言,比如C、C++、Java等,这些语言的执行通常需要经过编写-编译-链接-运行等过程,而脚本语言则不然。一个脚本通常是解释运行而非编译。 我们在维基百科上搜Script(脚本),得到的结果有两个——剧本和脚本程序。虽然说两个是不一样的东西,但依然是可以放在一起理解的。所谓的剧本,就是演员照着一步一步做的东西。比如下边的这一段原创 2018-01-08 14:11:28 · 2234 阅读 · 0 评论 -
JavaScript历史杂谈
JavaScript历史杂谈 1990年底,欧洲核能研究组织(CERN)科学家Tim Berner-Lee在互联网的基础上发明了万维网(World Wide Web),从此可以浏览网页文件。 1992年底,美国国家超级电脑应用中心(NCSA)开发了一个独立的浏览器Mosaic。 1994年10月,NCSA的一个程序员Marc Andreessen联合风险投资家Jim Clark成立...原创 2018-02-26 17:54:41 · 176 阅读 · 0 评论 -
JavaScript数据类型及对象(js基础知识)
JavaScript中的数据类型 JavaScript中有七种数据类型,分别是number、string、boolean、symbol、undefined、null、object。我们所见到的数组以及函数等,并不是独立的一种数据类型,而是包含在object里的。number 数字类型。1. 十进制。表示数可以有’1’,’1.1’,’1.11e2’(科学计数法表示111)以及’...原创 2018-03-07 15:52:42 · 3640 阅读 · 0 评论 -
js中的数组
js中的数组 window(global)全局对象在heap(堆内存)中对应的hash表里存储的东西包括有标准库和非标准库。标准库包括有String()、Number()、Boolean()、Object()、Array()、Function()等等。 js中声明一般有两种方法,拿number类型的数据举例,你可以写成var n = 1或者是var n = new Number(1)前者...原创 2018-03-22 18:17:17 · 181 阅读 · 0 评论 -
js里的函数
js中的函数函数是一段可以重复调用的代码块,也是一个对象,为了解决代码重复的问题。函数的5种声明方式1.具名函数 function f(x,y){ return x+y} 这里function的作用相当于var,var用来声明一个变量,而function用来声明一个函数。var声明的变量可以有多种类型,而function声明的函数只能是function。2. ...原创 2018-03-23 12:22:10 · 1419 阅读 · 0 评论 -
js滑动动画效果
使用js制作简单的滑动动画效果(初级)<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JS animation</title> <style> *{ margin: 0; padding: 0;原创 2018-03-14 12:30:59 · 4910 阅读 · 0 评论 -
浅谈js变量声明
—-浅谈js变量声明 或者确切地说应该是变量声明以及与之相关的一些东西。 这里只谈四种声明方式(var,function,let,const),其它的声明方式以后有接触再更新。‘var’ VS ‘let’ var貌似是最常用的,在ES6还没出来的时候只能用var来声明一个变量,var声明的变量只有函数能对其构成作用域。这样的话会出现一些意料之外的问题,比如如果你的页面里有一...原创 2018-04-08 21:24:56 · 1427 阅读 · 0 评论 -
jQuery原型
jQuery的原型 鉴于该死的控制台给我输出了一些奇奇怪怪的东西让我十分茫然所以无奈之下稍稍了解了一下jQuery的原型相关知识,可能不是那么的深入不要见怪。 问题的起源是使用jQuery获取元素,结果集的原型(共有属性)是什么。 当然,先说说原型的故事。原型 原型,维基百科的解释是原型是首创的模型,代表同一类型的人物、物件、或观念。在js里边,原型就是共有属性。 ...原创 2018-04-01 17:27:46 · 1062 阅读 · 0 评论 -
关于JavaScript获取元素
零零散散地接触了一些关于js获取元素的知识,于是整理了一遍。获取元素的三种方式通过id获取元素。document.getElementById("myid");这里注意一下,id获取到的是一段html代码即DOM对象,我们在控制台打印出来之后是这样的 没法直接获取该div样式表中的width值,像console.log(mainwa.style.width);...原创 2017-11-16 20:43:13 · 1961 阅读 · 0 评论