77314-优快云博客

原创 js闭包

闭包javascript闭包产生的原因为函数内的子函数调用了父函数中定义的变量，形成了闭包。第一种闭包形式function f(){ var b = "b"; return function(){ return b; }}//函数中有一个局部变量，b在全局空间是不可见的，我们的f函数有一个返回值为一个函数，返回的这个函数如果我们赋值给一个全局变量，则可以生

2016-09-28 19:51:01 396

javascript数组javascript数组有两种声明方法一种为：构造器声明 var array = new Array();（不推荐）,另一种是直接声明 var array = [];javascript数组可以进行许多操作，可变性很强。更新或增加元素，我们可以使用索引来更新和增加数组中的元素，如果索引值小于数组长度，进行更新，如果索引值大于数组长度进行增加，如果索引与数组长度的差值大于1,

2016-09-28 15:59:56 440

原创不知道大小的图片在盒子中垂直居中

1.使用display:table-cell<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><style type="text/css">div { display:table-cell; height:300p

2016-09-22 22:04:33 1129 3

原创 js作用域

js变量作用域建立在前面所讲的js解析与执行，变量作用域分为全局和函数，函数里的变量在函数外是无法访问的。 function a(){ console.log(x); } function b(){ var x = 5; a();//报错 } b()

2016-09-22 11:53:44 261

原创 js的解析和执行过程

今天开始学习，js面向对象方面，以前了解的不够深入，有很多疑问，这次争取解决大部分疑问，对js的掌握更上一层楼。首先，js代码分为预处理和执行两个阶段，可以分为全局和函数两个不同的部分。全局在预处理阶段会创建一个全局的词法环境，也就是window,然后扫描var声明或函数声明。函数名与函数名或变量名冲突处理方法：处理函数声明冲突时会覆盖，处理变量声明时冲突会忽略<script type="text/

2016-09-22 11:00:57 584

原创瀑布流三部曲之jquery

jquery简化了javascript实现，html 和css部分代码与http://blog.youkuaiyun.com/qq_14886653/article/details/52613455 javascript实现瀑布流相同，所以不再给出。下面给出js代码：$( window ).on( "load", function(){ // 调用waterfall函数 waterfall()

2016-09-21 21:29:34 258

原创瀑布流三部曲之javascript实现

javascript 瀑布流布局，实现原理，是通过javascript动态的对每个图片盒子进行布局，虽然比之css3相对复杂，但其方便动态加载图片，实现滚动加载效果。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>javascript瀑布流</title> <link r

2016-09-21 21:16:03 450

原创瀑布流三部曲之css3实现

以前学习瀑布流没有总结过，今天偶然看到，做个笔记，记录下，方便以后查阅。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>CSS3实现瀑布流效果</title> <style> .container {

2016-09-21 20:53:34 345

原创 jquery 随鼠标移动的导航条

新学的炫酷特效，分享下，源代码如下：<!doctype html><html lang="en"> <head> <meta charset="UTF-8" /> <title>首页</title> <style> * { padding: 0; margin

2016-09-21 20:27:06 540

原创中英文切换导航

总结学到的一些新的特效使用css3 及jquery两种方法实现中英文切换导航。 css3版：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>中英文切换导航条</title> <style> *{ padding: 0;

2016-09-21 20:13:05 775

原创 js轮播图

近日，想写一些页面练习前面所学的东西，因为经常在极客学院看视频教程，所以一时兴起就仿照极客学院官网，制作了一个简单的页面，实现了基本的前端页面，及动画效果。其中一个轮播图算是有点难度的，故而总结下，加深记忆。/*interval：对应的是自动切换的延时imgwidth:对应轮播图，每个图片的大小container:顶层容器banner_list:包含轮播图的父级容器buttons:可选参数

2016-09-21 20:01:21 352

原创关于跨域的总结

因为浏览器的同源策略导致，不同域名之间无法访问，故而产生了一些规避的方法，今天学习了下，做下总结，加深记忆。1.使用iframe标签进行跨域操作，原理解析：iframe框架标签拥有src属性，而其本身拥有访问外部页面的功能，我们可以通过iframe访问外部连接，载入之后以iframe为桥梁获取数据。具体见下面例子：//前提条件// a.test.com 访问 b.test.com/test 这

2016-09-12 22:15:54 391

原创 js事件代理

js事件代理可以方便我们多个同组对象添加统一事件，简化代码，事件代理使用的是事件冒泡特性（事件会随着子父级层次向外传递），点击子元素触发事件后在父元素获取，通过事件的目标对象确定具体触发的子元素。js原生事件绑定，兼容方法见我的博客另一篇文章:http://blog.youkuaiyun.com/qq_14886653/article/details/52495000简单例子，解释下js事件代理<!DOCTYP

2016-09-11 16:32:32 487

原创 css3 gradient 渐变使用

CSS3渐变分为线性渐变和径向渐变，具体见下代码，可以复制完整代码在浏览器中打开看效果：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>渐变</title> <style> *{ margin: 0; pa

2016-09-10 18:17:15 369

原创 css3 shadow使用

CSS3阴影可以让我们很简答的设置文本或盒子的阴影。CSS提供了两个CSS属性，text-shadow和box-shadow,下面详细说明下：1.text-shadow 文本阴影text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit;/*h-shadow : 水平阴影的位置（必须）v-shadow : 垂直阴影

2016-09-10 16:15:38 340

原创 js实现兼容性事件绑定函数

事件分为dom0级事件和dom2级事件,html事件处理。 1.html事件处理<input type="button" vlaue="点我" onclick = "clickbtn();"/>上面这种形式就称为html事件处理，将时间耦合在html中不推荐使用。不符合前端规范。 2.dom0级事件处理btn.onclick = function(){//btn为dom元素 //todo

2016-09-10 14:57:04 437

原创 jquery操作与滚动条相关操作

1.返回顶部按钮实现用到两个函数，和一个属性，scroll（）函数检测滚动条事件，通过scrollTop()得到滚动条离页面顶部的距离，文档内高度而不是，滚动条上的高度，点击按钮设置文档scrollTop的值为0,即可返回顶部。赋值下边代码，替换.top为按钮类即可。$(function(){$(window).scroll(function(){ var t=$(this).s

2016-09-09 16:43:49 601

原创 @font-face使用

1.下载需要的图标文件，一般需要4个字体文件，提供一个网址：https://icomoon.io/#icons（网上还有很多）。下载到字体文件后会得到一个压缩包，里面有需要的东西,可以查看里面的style.css获得详细用法。下面是我的方法： 1.html实体+font 首先得定义@font-face{ font-family:myfont;//这个可以自定义 src:url(

2016-09-09 15:42:18 619

原创 jquery ajax

$.ajax() 接收参数为一个对象，键值对形式，键值对表 2. $.ajaxPrefilter() 在调用$.ajax()前对其选项进行修改 3. $.ajaxSetup();这个函数能设置参数是相对于去不ajax请求的代码如下$("button").click(function(){ $.ajaxSetup({url: "demo_ajax_load.txt"

2016-09-08 19:49:58 312

原创 json相关知识

1.json全称为Javascript Object Notation,即javascript对象标记法。 1.json全称为Javascript Object Notation,即javascript对象标记法。 2.json的语法规则十分简单，可称得上“优雅完美”，总结起来有：数组（array）用方括号(“[]”)表示。对象（Object）用大括号表示。名

2016-09-08 17:46:14 310

原创 js ajax使用

AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML）,是非常常用的技术，我今天使用两种方法实现ajax调用。1.函数式//参数分别为//url => 请求地址//method => 请求方式(get/post)//data => 传递的数据//success =>成功时回调函数//failed=>失败时回调函数functio

2016-09-08 15:32:58 504

原创 js对cookie的相关操作

js对cookie的相关操作1.设置cookie 根据传递参数设置cookie，参数为cookie的名字和值，过期时间为6个月，可以自己设置//设置cookiefunction setCookie(cookiename,cookievalue){ //cookie过期时间 var expireDate = new Date(); expireDate.setMonth(

2016-09-08 13:27:43 323

原创 js,jquery中获得窗口尺寸

Javascript:网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： document.body.offsetHeight (包括边线的高)网页正文全文宽： document.bod

2016-09-06 23:09:58 230

原创 Qt简单网络运用获得本机IP

使用QHostInfo、QNetworkInterface和QNetworkAddressEntry类可以获得本机IP1.要连接网络必须在qt项目文件中加添QT+= network 2.使用QHostInfo::localHostName();获得本机主机名，通过主机名调用QHostInfo::fromName(localHostName);得到QHostInfo 对象，然后调用它的address

2016-03-22 11:30:59 602

原创 Qt正则表达式笔记

使用正则表达式处理字符串非常方便，Qt提供了QRegExp类来定义正则表达式，它是基于Perl的正则表达式。完全支持UNICODE.正则表达式有表达式，量词，和断言组成。 1、最简单的表达式为一个字符，通常用[]括起来，连续的可以用-连接如[a-z]表示a到z. 2、量词说明表达式出现的次数，如x[1,2]表示x至少有一个，至多有两个。 ”[a-z]{1,2}[A-Z]{0,1}”该表达式表示

2016-03-20 23:18:00 349

原创 Qt信号和槽

Qt提供了槽和信号机制，来处理界面操作，是完成任意两个Qt对象之间的通信机制。其中，信号会在某个特定的情况或动作下被触发，而槽是用来接收并处理信号的函数。1.信号与槽的连接方式 1.一个信号连接一个槽代码如下：connect(object1,SIGNAL(signal1),object2,SLOT(slot1)); 2.一个信号连接另一个信号connect(object1,SI

2016-03-20 22:21:59 317

原创 c++primer第五版第二单元内容总结

第二单元总结笔记1.引用引用为对象起了另外一个名字，引用类型引用另外一种类型。引用并非对象，他只是已存在对象的另外一个名字。引用定义时必须赋予初始值，绑定与一个具体对象。2.指针指针时指向另外一种类型的复合类型。与引用相似指针实现了对其他对象的间接访问。指针与引用也有很多区别。其一，指针本身就是一个对象，允许对指针赋

2015-04-03 22:19:37 429

qq_14886653的专栏