随笔分类 - JavaScript
JavaScript
摘要：ajax基本使用 ajax在我们的开发中是必须使用的一个技术，ajax即异步的javascript和xml但是现在我们通常使用json来完成数据的交互，ajax职责很单一就是数据的交互，发送数据接收数据是它的核心功能也是唯一的功能。 ajax的实现依赖XMLHttpRequest，它的基本使用如下:
阅读全文
摘要：面向对象 技术一般水平有限，有什么错的地方，望大家指正。 面向对象只是一种编程模式并不是某一种语言特有的在很多种语言上都有体现。面向对象编程是用抽象方式创建基于现实世界模型的一种编程模式（很官方的一个定义），它有四个基本特性抽象、继承、封装、多态。在JS中我们运用的最多的就是封装和继承。 面向对象编
阅读全文
摘要：简介 技术一般水平有限，有什么错的地方，望大家指正。 sessionStorage、localStorage、cookie这三个是我们在浏览器端用来存储数据的，cookie使用起来较为繁琐以后进行总结，主要介绍一下sessionStorage和localStorage的用法。sessionStora
阅读全文
摘要：作用域 技术一般水平有限，有什么错的地方，望大家指正。 作用域就是变量起作用的范围。作用域包括全局作用域，函数作用域以块级作用域，ES6中的let和const可以形成块级作用域。 除了块级作用域，在函数外面声明的变量可以在任何一个地方被访问到,这些变量的作用域都是全局作用域，全局作用域中的变量可以再
阅读全文
摘要：函数节流 技术一般水平有限，有什么错的地方，望大家指正。 函数节流就是节约函数的调用，让函数少执行几次，一般用在onmousemove,onresize这种我们只要稍微一动就会砰砰砰执行多次的事件处理函数上。如果处理函数很复杂有执行很多次就很耗性能关键了有的是没有必要执行的。 我们先说一个经常遇见的
阅读全文
摘要：checkbox多选 技术一般水平有限，有什么错的地方，望大家指正。 全选，多选都是为了使用的方便，一般情况下全选就够用了，但是用户要求实现一个多选的功能也没有办法老老实实的做吧。 多选的实现也较为简单，首先需要一个遮罩可以标识给用户当前所选择的区域，其次就是选中用户所需要的信息，按照这个思路我们来
阅读全文
摘要：自定义右键菜单 技术一般水平有限，有什么错的地方，望大家指正。 自定义右键菜单，对于一些ERP系统，功能操作比较多，所以我们通常把常用的几个功能放在自定义的右键菜单里方便用户使用。 实现自定义菜单很简单，首先我们要屏蔽原始的右键菜单，自定义菜单出现在鼠标的位置，点击隐藏自定义菜单，过程就是这样的。
阅读全文
摘要：延迟对象初识 技术一般水平有限，有什么错的地方，望大家指正。 ES6已经实现了延迟对象Promise,但是今天主角是JQ里面的延迟对象，套路其实都是差不多的。下面先看一个比较牵强的例子： 现在先聚焦功能，我们点击add按钮可以看到span元素添加并且颜色变红。然后在看我们代码中的的异类的东西，开始的
阅读全文
摘要：事件简述 技术一般水平有限，有什么错的地方，望大家指正。 事件是我们平时经常使用，这次就来了解一下事件。首先我们要明确几个概念，JavaScript是单线程，浏览器是多线程的，并不是所有的事件处理函数都是异步的。 前两个我们都知道，这里我们主要介绍第三个。事件处理函数可以在将来执行，只要满足触发条件
阅读全文
摘要：事件 技术一般水平有限，有什么错的地方，望大家指正。 事件就是用户和浏览器交互的一种途径。假如一个用户注册的功能，我们在填写完基本信息之后，点击提交按钮就可以实现注册功能，要想完成这个功能所需要的就是点击事件。我们预先定义好操作行为，在用户点击提交按钮时就执行我们预先定好的行为，在本例中我们的代码逻
阅读全文
摘要：浏览器事件概述 技术一般水平有限，有什么错的地方，望大家指正。 当我们在浏览网页的时候，浏览器可以在视觉上为我们展示出页面还可以在行为上响应用户的操作，浏览器响应用户的操作就是通过事件来完成的，浏览器提供了事件注册接口和事件监听接口这样浏览器就可以接收用户的行为并且进行处理了。浏览器已经提供很多的事
阅读全文
摘要：JS代码从编译到执行 我们写出一段JS代码，JS的引擎并不是按照我们书写的顺序从上到下顺序编译并且执行的，首先是按照自己的规则对我们的代码先进行编译，然后从上到下执行编译的代码。 在全局作用域中，JS首先会对我们的函数进行声明，然后就是我们经常听到的变量提升机制，然后才是按照我们书写代码的顺序，来进
阅读全文
摘要：JS小技巧 1.如果你JS了解的还不深请看 汤姆大叔的博客 ，肯定让你上升一个台阶。 2.百科全书 MDN。 3.两个非常简单实用的提示插件 toastr sweetalert。 4.数据类型的复制： 5.数字类型的字符串转数字： 6.全能的类型判断： 7.类数组转数组： 8.判断对象是否包含某个属
阅读全文
摘要：文件基本介绍 在我们平时的开发中，基本上左右的应用都会有文件上传和分页这两个功能，现在还记得上学时期末的项目这两个功能做的好就能够多那么一点分！ 文件上传很简单只需要一个input即可： 这种情况下只能选择一个文件，我们可以使用multiple属性来选中多个文件（选择文件时按住ctrl）。 同时我们
阅读全文
摘要：闭包初识 在MDN中闭包的定义为：可以访问自由变量的函数。（所以我们可以将所有的函数看做是闭包） 在我们平时的开发使用的我们可以对闭包定义为：可以在函数本身作用域以外的地方被调用。 首先我们应该先了解一个概念，JS的作用域是静态的，不管函数以哪种方式被调用都只访问申明函数时的作用域内的变量。 先看下
阅读全文
摘要：一个简单的文件异步拖拽上传 DOM结构： 文件的拖拽上传我们只需要在HTML中写一个容器就可以可以根据我们额实际需求可以改成长的圆的方的~，结构如下： 拖拽脚本实现： 拖拽的实现主要依赖三个事件和两个对象 三个事件：ondragenter、ondragover、ondrop 两个对象：FormDat
阅读全文
摘要：zTree使用 zTree github地址 zTree API文档 zTree插件依赖JQ所以使用zTree首先引入JQ，另外zTree的点击功能，编辑功能都是单独的文件，如需使用也要引入(也可以引入全部功能的JS文件)。 引入zTree的css文件(zTreeStyle.css和demo.css
阅读全文
摘要：为什么要使用call,apply,bind 先看一个普通的对象： 我们对上面的函数做一些调整： 这个时候不会再输出“大雄你好我是多啦A梦”因为在第二个例子中this已经不是obj而变成了window而window中并没有name属性。 为了能够达到预期的结果，我们可以使用call,apply或者bi
阅读全文
摘要：为什么要使用JSONP 有时候我们需要使用一些数据，而这些数据可以直接由一个数据源提供给我们，我们直接获取这个数据源的数据这样就省去了我们生产数据的时间。而在一些情况下，这些数据源并不在我们当前的服务器下，而因为浏览器的同源策略(正常情况下我们，我们不能从不同协议||不同主机||不同端口的数据源获取
阅读全文