- 博客(17)
- 收藏
- 关注
RSS订阅原创 jQuery的插件操作及开发
jquery的插件是实现某一个功能，jquery并不是一个十全十美的框架，必然有其自身没有涉及到的内容，如果想通过jquery操作没有涉及到的内容，没法直接操作，这时候必须先加载插件，才能使用jq没有涉及到的功能，这个本来没有的功能被插件带来了。比如：jq没有提供cookie的操作，我们需要搜索或者官网(jquery-cookie)找到它的插件。插件的用法：基于jquery，所以必须先引入jq...
2020-03-22 22:35:06
177
原创 jQuery的详解及其用法(二)
一、jquery的元素内容操作<body> <div id="box"> <p>段落1</p> </div> <input type="text" value="hello"></body> // html:封装了原生js的innerHTML //...
2020-03-22 21:27:04
179
原创 jQuery的详解及其用法(一)
一、jQuery的下载jQuery为第三方框架，是JavaScript的封装，用以简捷的实现某些功能。学习jQuery的步骤为：找官网：https://jquery.com/看介绍：知道它是干嘛的快速入门：观看一分钟上手或三分钟上手视频下载，使用在线的，选择第三方下载：静态资源库（介绍了使用方法），因为版本更全，比较常用的是2.2.4版本，这个版本不需要我们考虑兼容性问题，开发过程中...
2020-03-22 20:16:35
174
原创 Promise解决回调地狱
回调地狱：前端的ajax和jsonp内部充斥着大量的异步，为了能够拿到异步的数据，使用了大量的回调函数，来获取将来异步执行成功之后的数据。如果请求不多，还好，一旦请求的数量达到一定程度，并且复杂度提升以后，会造成一些问题。 // 开启三个异步的程序，要求能同时拿到所有异步的结果 // 在一个异步成功之后，才能执行下一个程序，下一个程序还是异步 ajax({ url:"h...
2020-03-18 23:21:57
213
原创 跨域请求解决方案
浏览器的同源策略浏览器有个要求，当前页面和要请求的资源，必须得在同一个源内。同源就是，同协议，同域名，同端口。如果不同源，浏览器会阻止这次请求，浏览器阻止的！与ajax和http无关。这个问题叫跨域。浏览器认为，只要没有明确允许，就是拒绝！浏览器不允许的跨域，仅仅是针对ajax。解决跨域请求该文章的代码运行在服务器环境下前端的解决方案，不用ajax，用jsonp的方式解决什么...
2020-03-18 21:13:04
127
原创 JavaScript中的继承
继承：让一个没有某个属性或方法的对象能够使用另一个具有某个方法或属性的对象的属性或方法。 var obj = { name:"obj", show:function(){ console.log(this.name); } } var obj2 = { name:"obj2" }...
2020-03-17 22:54:52
118
原创 JavaScript中的闭包
函数在定义时，存在一个位置，这个位置叫当前函数的定义作用域；函数在执行时，存在一个位置，这个位置叫当前函数的执行作用域。 function box(){ function fn(){ } fn();// fn的执行作用域，是box的局部作用域 } box();// box的定义作用域，是全局作用域 // box的执...
2020-03-17 21:51:24
91
原创 JavaScript中的ajax
一、ajax的准备程序中的同步：不同时操作，即没有一起执行，一条一条从上往下依次执行 alert("1"); alert("2"); alert("3"); alert("4");程序中的异步：同时操作，即一起执行的代码，不受上面代码的影响js中有特定的场景才会产生异步程序，例如事件和计时器，其大概过程是：代码从上向下依次执行，绑定的事件和计时器本身执行了，...
2020-03-14 00:35:28
197
原创 http协议和cookie
一、http协议和cookie服务器是怎么被访问的地址（url）：https://www.baidu.com:443/xx/xx/xx/xx?xx=xx&xx=xxhttp/https：传输协议www.baidu.com：域名，地址:80/:443：端口/xx/xx/xx：服务器路径?xx=xx&xx=xx：以某种方式向服务器发送的数据，其中某种方式为get/pos...
2020-03-13 22:40:51
290
原创 前后端交互之数据库
为什么要学习后端和数据库后端是用来处理数据的，数据库则是用来存储数据的仓库，数据库只有后端语言能操作，前端语言操作不了。工作环境后端和数据库必须工作在特定的环境下：服务器。服务器其实就是一台高级计算机，装有特定的软件。服务器的获取是需要成本的，所以我们可以选择本地服务器。本地服务器就是在个人电脑上通过安装一些特定的软件，让个人电脑形成特定的环境，运行后端语言和数据库。特定的软件可百...
2020-03-12 14:18:16
3091
原创 前后端交互之PHP
1.前端与后端通过数据交互，在前端选择的与后端的交互语言是PHP，使用PHP是为了衬托前端的工作。2.服务器是一种性能高配置高的超级电脑，由专人维护，一天24小时开机，12306是个例外。当个人电脑安装一些特定的软件，运行特定的语言也可以作为服务器。3.安装一些软件可以将个人电脑变成一台服务器，叫做本地服务器。安装phpstudy，它是php的集成环境。4.本地服务器的使用：(0)至少要...
2020-03-09 23:05:25
942
原创 JavaScript的面向对象
面向对象是一种解决方式，而不是专门的编程方式1.自定义构造函数，创建对象 function createPerson(n){ this.name = n; } var p = new createPerson("lisi"); console.log(p); // new是一个执行关键字 // new关键字的内部执行原理： ...
2020-03-07 21:12:48
106
原创 JavaScript实现图片的瀑布流效果
在一些网站中会用到图片的瀑布流效果，图片的宽度固定而高度不固定，对这样的图片进行排列，具体实现如下：.cont{margin: 0 auto;position: relative;}.box{float: left;padding: 4px;}.imgbox{border: solid 1px #000;padding: 4px;border-radius: 4px;}.imgbox im...
2020-03-07 21:11:16
322
原创 JavaScript实现自动轮播图
轮播图有多种形态，本篇用原生js实现自动轮播图，并且在图片下方加一行索引，实现点击索引出现对应的图片css代码如下：.box{width: 1000px;height: 300px;margin: 20px auto;position: relative;overflow: hidden;}.box .imgbox{}.imgbox a{width: 1000px;height: 300p...
2020-03-05 21:06:27
1207
1
原创 JavaScript模拟烟花炸裂
使用JavaScript模拟烟花的炸裂，这里实现圆形炸裂和随机炸裂两种方式，模拟烟花炸裂的操作步骤为从下而上一个小方块，到达鼠标的位置后该小方块消失，然后有多个移动到各个地方各种颜色的小方块，再让其消失，实现代码如下：两种小方块都需要再js中添加，所以body内只需要一个div：<body> <div id="container"></div>&l...
2020-03-04 21:17:37
422
1
原创 JavaScript中使用面对对象实现无缝轮播图
使用js实现简易的无缝轮播图，利用面向对象的功能，对轮播图进行功能拆分：1.选择元素（属性）2.完善布局（方法）3.绑定事件（方法）4.改变索引（方法）5.设置imgbox的位置(方法)首先需要对其进行一个布局<body> <div id="box"> <div class="imgbox"> <a><...
2020-03-03 22:59:25
363
原创 JavaScript内置对象之-Array
JavaScript内置对象就是指这个语言自带的一些对象，供开发者使用，这些对象提供了一些常用的或是最基本而必要的功能。1.Array.isArray(arr);这是一个静态方法。判断变量arr是否为一个数组，是则返回true，否则返回false。 var arr = [1,2,3,4,5,6]; console.log(Array.isArray(arr));2.puch(...
2020-02-22 23:15:43
188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人