
JavaScript
文章平均质量分 80
丶丶路遥
这个作者很懒,什么都没留下…
展开
-
Redux快速入门笔记
ReactNativeReact Native 结合了 Web 应用和 Native 应用的优势,可以使用 JavaScript 来开发 iOS 和 Android 原生应用。在 JavaScript 中用 React 抽象操作系统原生的 UI 组件,代替 DOM 元素来渲染等[2]。React Native 使你能够使用基于 JavaScript 和 React 一致的开发体验在本地平台上构建世界一流的应用程序体验。React Native 把重点放在所有开发人员关心的平台的开发效率上——开发者只需学原创 2021-12-31 10:54:32 · 621 阅读 · 0 评论 -
React、Jsx实现原理
记录1、jsx由babel.js渲染,它可以将jsx语法渲染成对应的js语法。2、我们使用ReactDOM.render(新建的DOM,被渲染的DOM在body中对应的标签)函数来渲染Dom,而新建的DOM我们一般使用jsx语法来完成,babel是如何渲染的呢?我们来看一个示例:<div className="box"> <div className="header"> <h2 title="标题">我是标题1</h2> <h2 tit原创 2021-09-26 20:07:10 · 449 阅读 · 0 评论 -
深拷贝与浅拷贝
浅拷贝 所谓的浅拷贝,实际上就是只赋值这个对象的所有内容,至于它引用的其他的对象,都不复制,来看一段代码var car = { name:"兰博基尼"}var person = { name:"tim", age:12, car:car}//浅拷贝person.copy = function(){ var temp = {}原创 2018-02-02 23:25:22 · 159 阅读 · 0 评论 -
通过iframe中间页实现js跨域调用
什么是跨域调用? 当两个页面端口不同或者协议不同,或者ip地址不同的时候,如果想在这个页面调用另外一个页面中的方法,就叫做跨域调用父页面调用子页面通过iframe实现跨域请求 www.a.com www.b.com 想在a中调用b中的方法,因为a和b是不同域的,不能直接调用,但是如果有一个中间页,这个页面和b是同源的,在页面初始化的时候就帮原创 2018-02-03 11:00:27 · 3837 阅读 · 0 评论 -
javascript原型链结构
在dom中,随处可见的就是原型链,如果你在控制台watch输入document.body,你会发现,出现一个对象,然后你可以找到它的proto属性,这是它的原型对象,在原型对象中你又可以找到proto属性,一直网上找,直到找到一个叫做Object的对象,当你展开他proto之后,你会发现,并没有任何proto这个属性了,也就是说,它的原型对象为空了。 这一点也就验证了我们之前所说了,原创 2018-01-27 18:30:36 · 260 阅读 · 0 评论 -
asp.net异步上传文件
上传思路 1、设置一个影藏的iframe和form,将其位置设置在浏览器的-1000位置处 2、form中添加input type=file,这些都是没有显示的,然后在外面添加一个button,当点击button的时候,这里不能直接用过js来触发file标签,而需要将file标签通过filter: alpha(opacity=0)设置成透明;,并且通过绝对定位定位到一个好看的按钮上,原创 2018-01-10 14:05:14 · 678 阅读 · 0 评论 -
浏览器调试之js调试
现在的浏览器一般都给了我们调试js的功能,个人比较推荐使用google浏览器,他的调试结构清晰且强大,下面就来介绍一下google浏览器的调试功能调试器界面 按下F12,你会发现弹出来一个窗口,并附着在当前页面,这就是google浏览器的调试器,在该窗口中,你能找到有Elements\Console\Sources\Network….,前4个是常用的功能,如果你不习惯这个窗口的位置,你也可以调原创 2018-01-28 14:52:06 · 13280 阅读 · 0 评论 -
JavaScript之dom核心
学习dom必须知道的事–结构模型图 我们再写html的时候,浏览器会创建一系列dom节点,但事实上,在创建完成之后,他会额外增加系统内容,请看下图获取节点document.getElementById(id);document.getElementsByTagName(tagName);document.getElementsByClassName(classNa...原创 2018-02-12 12:34:37 · 226 阅读 · 0 评论 -
模拟Jquery封装的一个轻量级框架
模拟jQuery,要注意的一点是,要将方法写到prototype中,这样能保证,每个jquer对象不会再次打包这些方法,否则会导致占用过多没必要占用的内存,下面来展现框架的实现Framework Core;function QTer(){}QTer.prototype = { constructor:QTer, extend: function(){ numarg原创 2018-02-08 16:38:24 · 328 阅读 · 0 评论 -
Javascript构造函数注意事项
注意事项一 任何函数的构造函数都是Function 测试案例: &amp;amp;lt;script type=&amp;quot;text/javascript&amp;quot;&amp;amp;gt; function Foo(){} var foo = new Foo(); console.log(foo.constructor原创 2018-05-22 01:40:15 · 170 阅读 · 0 评论 -
Javascript静态成员与实例成员
静态成员 静态成员由构造方法提供,一般用在工具函数的包装中。 function Person(){ } Person.a = function(){ console.log(&amp;amp;amp;amp;amp;amp;quot;a&amp;amp;amp;amp;amp;amp;quot;); } 以上的这种写法会被添加到C原创 2018-08-20 10:37:40 · 377 阅读 · 0 评论 -
JavaScript函数原型链
任何函数都是由Function函数构造出来的,Function的使用方法如下。 var func = new Function(arg1,arg2,arg3,…,methodBody); Function中的所有方法都是字符串类型,methodBody表示方法体,也是字符串类型。//使用Function构造如下函数/*function func(a){ cons...原创 2018-08-23 18:05:17 · 939 阅读 · 0 评论 -
由Object.create(obj)引发的思考
Object.create(obj)是用来创建一个对象,该对象的原型是参数obj,但是在较低版本的IE浏览器中是不支持该函数的。那么应该如何对浏览器兼容性进行校验呢?使用__proto__引发的问题 我们在google浏览器上进行调试的时候,发现对象都会有__proto__这个属性,但是当你想到用这个属性来操作原型对象的时候,时常会引发一些问题,例如较低版本的IE浏览器不支持这...原创 2018-08-21 16:42:03 · 864 阅读 · 0 评论 -
框架级浏览器兼容性判断
做前端开发时常需要考虑浏览器的兼容性,通常采用的是判断该对象有没有这个属性,如果有就直接使用内置的属性,如果没有就使用自己构建的属性。 例如在IE8下就不能使用getElementsByClassName()这个函数,我们通常会采用如下做法。if(document.getElementsByClassName){ var dom = document.getElemens...原创 2018-08-28 22:24:11 · 684 阅读 · 0 评论 -
jquery之css函数实现
当用jquery选中一个dom元素之后,这时候,会自动转换成jquery对象,这也就意味着,这个对象拥有jquery给它封装的一些方法//给dom对象添加css方法function divTag(){ this.newDiv = document.createElement(); this.appendTo = function(element){ el原创 2018-02-02 22:54:34 · 355 阅读 · 0 评论 -
JavaScript原型式继承于构造函数--$.fn.xxx=function...
&amp;amp;amp;gt; 如果你使用过jquery,那么你如果要对jquery扩展一个方法,那么可以使用$.fn.xxx=function(){...},当我们调用时候可以直接将你获取到jquery对象.xxx()这个方法就行了,那他的原理是什么呢?当你理解了对象的原型对象之后,你就知道,这个对象是继承只原型对象,的如果你在原型对象中添加了属性或者方法,那么继承只他对象也会拥有该方法,这时候,你就可以明白为什么$.fn.原创 2018-01-26 00:34:08 · 565 阅读 · 0 评论 -
javascript查漏补缺--1
1.== 于 ===== 是比较内容 而===既比较内容又比较类型例如 1=="1"是true而1==="1"是false2.typeoftypeof(obj)能判断出各参数的类型例如typeof(1)=="number" 是truetypeof("1")=="string"是truetypeof(true)=="boolean"是truevar a=un原创 2018-01-13 16:35:03 · 209 阅读 · 0 评论 -
JavaScript查漏补缺--2--函数
函数 在JavaScript中可以直接定义一个函数,也可以用一个变量来接收这个函数 区别,在解释器解释的时候,对于直接定义的函数,会把函数提到前面去,而用变量命名一个函数的时候,只会把变量提升到前面 例如//会报错,因为这里在解释的时候只会把myFun提到前面去,这时候还没有赋值myFun();var myFun = function(){ alert();}; /原创 2018-01-13 19:20:40 · 178 阅读 · 0 评论 -
JavaScript查漏补缺--对象
JavaScript中也可以定义对象定义方法一Object o = new Object();o.name = "asd";o.id = 1;o.fun = function(){ alert();};//这就创建好了一个对象自定义对象function Student(name,id,fun){ this.name = name;原创 2018-01-13 23:42:12 · 214 阅读 · 0 评论 -
JavaScript查漏补缺--学习方法
当我们遇到一个常用函数的时候,通常会选择记录下来 instanceof关键字判断是否属于当前类var arr = new Array();if(arr instanceof Array){ console.log(true);}//再或者Var student = {}if(student instanceof Student){ console.log(true);原创 2018-01-14 10:59:43 · 448 阅读 · 0 评论 -
JavaScript--DOM
使用原生的JavaScript给dom对象绑定事件//html页面中<button id='btn' type='button'>点我</button>//使用js添加响应//注意,要放到button下var btn = document.getElmentById("btn");btn.onclick = function(){ alert(1); return false原创 2018-01-14 23:32:15 · 156 阅读 · 0 评论 -
JavaScript--判断对象是否为空
JavaScript中要判断一个对象是否还有某个属性,或者判断是否对象为空的时候//判断是否含有某个属性,例如判断student是否含有name这个属性if(student["name"]){ alert("含有该属性");}//方式一if("name" in student){ alert("含有该属性");}//方式二if(var key in student){原创 2018-01-14 23:51:50 · 263 阅读 · 0 评论 -
JavaScript--异常处理机制
JavaScript中有类似于java中的异常处理机制//try_catch_finallytry{ //... }catch(e){ //e为异常捕获信息 //...}finally{ //...}//直接抛出自定义异常throw new Error("这是一个异常");原创 2018-01-15 00:07:09 · 194 阅读 · 0 评论 -
JavaScript--函数封装
我们可以向java一样将函数封装到对象中,直接调用var $ = { getElement:{ id:function (id){ return document.getElementById(id); }, tag:function(tag){ return Nocument.getEleme原创 2018-01-15 01:24:56 · 266 阅读 · 0 评论 -
IE下 js文件上传时拒绝访问问题
该文章来自于http://blog.youkuaiyun.com/zhaifengmin/article/details/48970285点击打开链接最近碰到个问题,在使用ajaxFileupload控件上传文件的时候,在IE下总是传不了,但FireFox和Chrome下则可以上传。跟踪代码,发现时$(form).submit();时出错了。调试了n久,最后查资料说是IE下 fil转载 2018-01-15 18:54:24 · 718 阅读 · 0 评论 -
ajaxFileUpload的使用和参数说明
前面有提到使用ajaxFileUpload的例子,这里再来谈一下ajaxFileUpload使用规范ajaxFileUpload.js下载地址http://download.youkuaiyun.com/download/qq_25956141/10192286------------------参数规范:传递类型为json类型的参数1、url 上传处理程序地址。原创 2018-01-07 11:19:06 · 6268 阅读 · 0 评论 -
JavaScript中获取到对象名
我们经常要判断用户传递进来的对象名是不是合法的,那么我们就需要获取到该对象的对象名,在chrome有提供直接获取到对象名的方法,而在ie中就需要正则或者字符串切割,这么使用正则//版本1function getName(fun){ if(typeof fun !== 'function')return; if(fun.name){ return fun.原创 2018-01-24 23:07:05 · 2743 阅读 · 0 评论 -
javascript原型链
JavaScript原型链可以保存同一类型的对象的公共属性,这里方法也看成是属性,来看一段代码 function Person(name){ this.name = name; } function Cart(name){ this.name = name; }原创 2018-01-18 00:31:55 · 142 阅读 · 0 评论 -
JavaScript组合式继承--extend
JavaScript中使用继承有两种方式,一种是组合式继承,一种是原型式继承,在juqery中的extend扩展方法也就是用组合式继承实现的 这一篇主讲组合式继承,如果你学过其他面向对象的编程语言,你应该理解继承这个概念,如果你没有学过,也没有关系,简单的说,就是让这个对象能够拥有另一个对象的所有属性和方法//先来看一段代码 //组合式继承 var o1 = {原创 2018-01-25 23:21:48 · 279 阅读 · 0 评论 -
jquery的on和click的区别
该文章来自于:http://blog.youkuaiyun.com/webzhuce/article/details/53981556使用jQuery写js时,有些用on写行为函数,有些用click,弄清二者区别很重要。以下是用于测试二者区别的HTML代码。"java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%转载 2018-01-12 08:57:25 · 792 阅读 · 0 评论