Dracarys__-CSDN博客

原创 JQuery里的数字问题

在接触到jq后上手写的第一个案例就是和数字有关的电商网站购物车，一开始还是老套路，取值，计算，赋值，但是写完一运行，wtf?这是哪的值？这小数点后一串的9是怎么回事？所以在解决完此类问题后现在来说说jq里会遇见的那些常见的数字与数学问题。1.加法运算总是凉凉：加法运算本应该是最简单的算法了，但是在jq里加法给了本小白一个巨大的打击，话不多说，上例子：很显然，在代码执行的过程中，这个加号充当了连接符...

2018-06-26 11:58:56 736

原创简单的JS跨域

要解释跨域，就首先要解释“跨”和“域”：首先是跨，之所以要跨是因为一个叫“同源策略”的东西。“同源策略”同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。同源政策规定，AJAX请求只能发给同源的网址，否则就报错。而在网页的交互处理中，不同源的网址相互访问是不可避免的，所以跨源访问就应需而出，而需要跨的源。即就是“域”。对于一个源...

2018-06-14 19:22:03 194

原创 JS中的this

this是函数内部的一个特殊对象，它引用的是函数据以执行的环境对象。全局环境下的this当在网页的全局作用域中调用函数时，this对象引用的就是window。console.log(this);//Window function f() { return this; } f();//Window 在上边这个例子中，调用函数f()之前，this的值并不确定，可能会在代码执行过程中引用不同的对象。在...

2018-06-06 21:56:30 171

原创 JS中的call 、apply解读

一、定义call()、apply()都是函数对象的一个方法，作用是改变函数的调用对象；以另一个对象替换当前对象来调用该函数；通过它们的第一个参数来指定函数的上下文；二、语法call([thisObj[,arg1[, arg2[, [,.argN]]]]]) apply([thisObj[,argArray]]) 参数说明：第一个参数（thisObj）：新指定的函数对象的上下文，如果没有提供参数，...

2018-05-31 08:46:43 522

转载 js断点调试

打断点检查运行问题无疑是在自己没有别的思路的时候最好的检查错误的方法,在之前很多次调试代码中打断点给自己带来了很多便利,后来在网上看到这篇文章,觉得写得很有道理也并不晦涩,很好懂,所以就懒了一下下直接转载了,emm，真的很有收获，鲁迅先生的拿来主义，看了理解了这就是我的了。转载自http://web.jobbole.com/85913/1.断点调试是啥？难不难？断点调试其实并不是多么复杂的一件事，...

2018-05-23 23:02:29 157

原创时钟计时

一.计时器的两种类型：1.一次性计时器：仅在指定的延迟时间之后触发一次。2.间隔性触发计时器：每隔一定的时间间隔就触发一次。二.计时器的四种方法：1.setTimeout():指定的延迟时间之后来执行代码。2.clearTimeout():取消setTimeout()设置。3.setInterval():每隔指定的时间执行代码。4.clearInterval():取消setInterval()设置...

2018-05-17 09:13:35 527

原创 JS中闭包简单概念

了解闭包必须得掌握三个个知识点一个是作用域链一个是函数生命周期一个是 JS 引用类型作用域链：就是多个作用域连接到一起形成的链式结构(类似于父子级关系，可以是祖孙关系) 这个时候子级作用域需要一个变量的时候会先在自身里面找自身没有就找爹要爹没有就找爷要一直找到window(全局)如果window没有就报错函数声明周期：每一个函数分为两种储存方式：一个是调用时，一个是没调...

2018-05-09 20:53:52 473

原创易混淆·的·布局问题

在网页的布局上，经常会存在一行需要并行很多区块的时候，这种情况下我们通常的解决方法就分为元素浮动（float）和定位(position)了 float 从字面上的意思就是浮动，这种在印刷排版之类中可能解释的更加贴切。float能让元素从文档流中抽出，它并不占文档流的空间，典型的就是图文混排中文字环绕图片的效果了。并且float这也是目前使用最多的网页布局方式。不过需要注意的是清除浮动是你可...

2018-05-03 00:22:05 205

原创 img图片的那些事

在简单的高仿过几个网站后，发现img图片也是在写网站时一个磨人的小妖精啊，所以这篇文章就简单的处理一下我遇到的那些常有问题。首先就是图片的大小问题，在通常情况下我们会为图片的父集DIV设置想要的宽和高，然后希望图片去填满这个DIV，这种情况下可以对图片设置max-width:100%;表示图片宽度占父集宽度的100%，而此时的高度是由图片决定的，即图片是按原像素值等比例缩放的，并不会在宽...

2018-04-26 11:28:58 595

原创盒子模型的初步认识

在初步接触HTML和css之后，对于其中元素的功能甚是痴迷。近来，盒子模型这一名词让我有些懵懂，而不知所措。在经过谷歌洗礼之后，对盒子模型这一名词有了初步认识，为此特意写了下来，如有错误，欢迎探讨。 1.什么是盒子模型？其实我也不太清楚。但我将它拟作一个事件，来加深记忆。什么事件？假设你是一个送外卖的快递员。此时此刻，你后背有个箱子，箱子里面是饭盒，饭...

2018-04-19 12:00:13 465

原创 HTML CSS入门

1：创建环境（1）webstorm的安装：不做过多赘述，与多数软件安装方式一致。（2）建立project:目前只使用图中第一项，建立完成后在这个project中创建新的html与css格式页面（也可创建文件夹后在文件夹内创建，更便于管理。）（3）更多的辅助功能：webstorm与其他编译软件类似，在主题栏有多种设置辅助功能，这点可以私下慢慢了解，因为现阶段编...

2018-04-12 00:25:42 276

Dracarys__的博客