Start -ZJ的博客

var DataList = [];/* 后端传回的下拉框数据放在这里 */var isopen = [];/* 用来存放下拉框的展开或者是收缩状态 *//* lessSonImg方法是在初始化的时候调用，目的是把所有的子数据收起 */lessSonImg = function () { for (var i = 0; i < DataList.length; i++) {...

核心思路是通过用margin-left这个属性来控制div的定位，通过不断提高margin-left的值来实现走马灯的效果。下面是JS的代码 var marginleft = $('#demo').css('marginLeft'); marginleft = marginleft.toString(); marginleft = marginleft.substring(0, ...

### 第一种是新开一个网页下载window.open(filepath);### 第二种是在当前网页下载window.location.href = filepath;

现在有一个项目，需要我去判断一个div中的文本有几行。如果超过两行则省略并显示省略号，同时会弹出一个显示全部按钮，点击按钮加载全部文本。多行省略的话用CSS就可以实现了。以下是超过两行省略的CSS代码，即：.webkit2 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; ...

箭头函数箭头函数中的This箭头函数中的this是确定好目标的(ES5中的this是谁调用，指向谁)，即ES6中的this是定义的时候就已经确定好的。箭头函数中的This总是指向其父级上下文环境(也就是父级的环境)。箭头函数是不可以用new的，也就是不能作为构造函数(因为箭头函数里根本就没有this)。同时也是无法使arguments参数(想使用可以用rest参数来代替)。个人理解：普...

最近在切一张聊天页面的时候需要实现一个类似于像微信一样的聊天输入框，即输入框的高度会随着内容的增加不断增高。综合了一下网上的思路目前有依靠keyup来判断的，但是这种方法在遇到一次性输入大量文本的时候好像有点问题，而且在遇到删除文字时好像也有点问题。还有一种是依靠定时器来解决。当用户的焦点在输入框的时候隔一段时间就检查输入框里文本的实际高度，一旦实际高度大于输入框的高度，即把输入框的高度调成与...

这几天一直有需要用到轮播图的需求。之前也没写过，索性自己写一个自己的轮播图轮子。目前是实现了自动轮播，按左右箭头和序列点可以左右跳转和固定跳转图片。感觉目前也没什么很缺的功能了，轮播图的要求大部分也就以上三点。我的轮播图的实现思路是通过图片的显示隐藏配合图片的变换动画，我还有看到是通过调整图片条的显示范围来达到轮播图的效果和通过层级显示来达到相同效果的。以下是代码：<!...

frame和iframe的区别frame的作用是设置一个框架页面，即在打开的页面里都是frame的内容。而iframe的作用是设置一个行内框架，即打开的页面里部分是iframe。这个部分的具体大小由自己决定。frame和iframe的使用差别frame需要放在frameSet中配套私用，而iframe不需要。frame不能放在body中，iframe可以如果iframe嵌套在...

JavaScript中的sync和defer都是异步加载的属性，使得加载JS时不会阻碍H5元素的加载，那么两者的区别在哪呢？defer的加载是按顺序顺序的，即一个JS2号文件异步加载好后，只要你前面的JS1号文件没有加载好，那么JS2号也会等一号JS文件加载好后在开始加载。而sync的异步加载是谁先好了谁先上。所以在实际运用中，当各个JS包互相依赖时，不要使用sync，毕竟你没法确定当你的一...

三次握手和四次挥手我尝试用简单的话来解释三次握手和四次挥手，因为我也刚刚开始学，如有错误欢迎指正。通俗版的解释1.1三次握手客服端向服务器发送请求服务端收到请求，同意发送客户端收到了服务端的答复，并表示知道了。1.2四次挥手客户端表示我想要关闭连接了服务器表示知道了(但是这时候还没有关闭，因为可能服务端的信息还没传完)。服务器表示我已经关闭了(这时候确认信息传完了)。客...

AJAX1.AJAX是什么Ajax的全称是Asynchronous JavaScript and XML,中文定义为”异步JavaScript和XML”，Web2.0技术的核心。由多种技术组合而成。使用Ajax技术不必刷新整个页面，只需对页面的局部进行更新，可以节省网络带宽，提高网页加载速度，从而缩短用户等待时间，改善用户体验。个人的感觉AJAX就是一个用来的交换获取/传输数据的JS方法...

今天写一个很简单的JS代码的时候遇到一个问题，就是第一次获取H5里的class数目永远都是为0，找了很久后来发现的JS的加载顺序问题。因为很多时候都是把JS文件放在head里，这时JS的加载就会先于H5的内容，所以在加载时JS查找class的数目当然就为0。知道了问题出在哪就好解决了，只要把JS的链接放在H5的</bady>前就可以，这样网页就是先加载H5内容在加载JS代码。...

基本数据类型数字Number 常规数字和NaN字符串String 所有用单引号，双引号，反引号(反引字符串)包起来的布尔Boolean True/False空对象指针Null未定义undefined引用数据类型对象数据类型 object{} 普通对象[] 数组对象/1?[1-9]$/ 正则表达式Math 数学函数对象Data...

内存存储第一种是普通的简单类型。分为三步。第一步是先创建变量存储空间第二部是创建值储存空间第三部是将两个关联。leta = 12;letb = a;b = 13;console.log(a); =>12第二种是复杂的类型。这时候会先创建一个堆内存，然后将堆内存的地址放到值存储空间里。letn = {name: '南宁'};let m = n;m.na...

数据类型的检测检测数据类型的方式有四种：typeof [val]: 用来检测数据类型的运算符instanceof :用来检测当前实例是否率属于某个类constructor :基于构造函数检测数据类型(也是基于类的方式)object.prototype.toString.call(): 检测数据类型最好的办法其中最完美的是object.prototype.toString.call...

创建变量的几种方式ES3中创建变量是用1.var a =10;而在ES6中是用2.let a=10;3.const c =10;用const创建的变量是不可修改的，一般是用来声明π这样不变的。即可以理解成是常量。 创建函数也相当于是一个变量。4.function fn（）{ xxx}ES6中创建类也相当于是一个变量5.class a{ xxx}ES6...

变量提升和函数声明提升之前一直在看变量提升和函数声明提升的讲解。看了很多但是实际操作中感觉掌握的还是不太好，索性整理一下1.变量提升变量提升的作用域是整个函数，var声明的函数会被提升到所在作用域的最顶端。意思就是说函数中的所有地方都是变量提升的范围，但是只会提升到所在作用域的顶端。function f (){ console.log(y)//undefined var y =...

jQuery这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。$(document).ready(function(){ 代码内容...});简写版本:$(function(){ 代码内容...});事件方法语句(以点击为例)$('.button').click(function(){ 代码内容......

今天突然想到了之前看过一个在For循环中执行setTimeOut()方法的代码，那时候对输出的结果不是很理解。今天就来详细的记录下。先贴一段简单的代码：function time() { for(var i= 0;i<5;i++){ setTimeout(function () { console.log(i...

之前一直在想着要怎么才能使用Jquery，似懂非懂。昨天临时需要做一个div滑出的效果，尝试用Js写了一下，真的是要累死人。后来想起来Jquery也有类似的效果，只要七八行就完成了，瞬间秒懂了为啥都在说Jquery好用。具体是用是先去Jquery官网(https://jquery.com/download/)下一个文件，文件很小，放心下。下完放到自己前端的文件里，然后就可以舒舒服服的用Jq...