a23180012142-CSDN博客

转载浏览器相关

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 ...

2017-01-17 11:12:00 262

转载正则表达式

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body>...

2017-01-17 11:04:00 86

转载样式定义——多重浏览器

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 ...

2017-01-17 11:03:00 76

转载事件

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 ...

2017-01-17 11:02:00 61

转载数组

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body>...

2017-01-17 11:02:00 72

转载属性定义

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 ...

2017-01-17 11:02:00 101

转载日期

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> //var d = new Date();//创建当前日期对象//var d = new Date('2016/03/22...

2017-01-17 11:01:00 70

转载构造函数

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body>...

2017-01-17 11:00:00 68

转载节点

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 ...

2017-01-17 11:00:00 73

转载封装

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 ...

2017-01-17 10:59:00 98

转载闭包和函数的自运行

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 //...

2017-01-17 10:58:00 62

转载 cookie-cart购物车

1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>无标题文档</title> 6 <scrip...

2017-01-17 10:57:00 82

转载有意思的效果——摇曳的萤火虫

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> img{border: 0;position:absol...

2017-01-14 14:58:00 151

转载有意思的效果——左右摇摆

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 .box{wi...

2017-01-14 14:55:00 145

转载工厂模式

1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title></title> 7 </head> 8 9 <body&...

2017-01-14 14:50:00 52

转载放大镜原理

商城里的放大镜原理其实很简单：有两张图片，一张大的，一张小的，图案一模一样。将鼠标放在小图片上的时候，记录下坐标，然后按照两张图片的比例放大，得到对应的大图片的坐标，然后根据坐标对大图片进行移动。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta chars...

2017-01-14 14:47:00 86

转载 this的相关知识

一如既往，直接上代码： 1 function fn(name,age){ 2 var obj=new Object(); 3 obj.name=name; 4 obj.age=age; 5 obj.talk=function(){ 6 ...

2017-01-14 10:50:00 85

转载走进闭包2

闭包的作用：之前，我们介绍给按钮循环赋值的时候，如果不使用index额外属性，会因为异步加载的问题使得程序出错：1 for(var i=0;i<btns.length;i++){2 btns[i].onclick=function(i){3 //alert(i)4 alert(i+1);5 };以上结果执行会发现i一...

2017-01-13 16:12:00 59

转载走进闭包1

闭包有些复杂而且工作中也非常少的用到，但是面试官们却非常喜欢考，为什么？因为够复杂，能够体现面试人员是个高水平的，换句话说类似于本科毕业证一样的存在。尽管知道并不是所有大学生都对这个工作理解很深，但是至少大学生对该工作理解较深的人数，比没上大学的要多得多，这倒是事实。而这个问题也是差不多的存在，知道闭包的总比不知道的要厉害，尽管它自身没什么卵用。下面就是一个简单的闭包： ...

2017-01-13 12:39:00 39

转载不使用jquery情况下循环添加绑定事件方法

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 ...

2017-01-13 12:23:00 89

转载 jquery的animate动画

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 <script src="js/jquery-1.11.3.js...

2017-01-13 11:31:00 43

转载 wordpress建站过程5——footer.php

footer中写的就只有网站地图，公司信息等等简单东西而已： 1 <?php wp_footer(); ?> 2 4 <div class="footer"> 5 <div class="foot-middle"> 6 <div class="foot-line" style="color:...

2017-01-12 16:50:00 179

转载 wordpress建站过程4——index.php

1 <?php 2 3 4 get_header(); ?> 5 6 <div id="primary" class="content-area col-md-9"> 7 <main id="main" class="site-main" role="main"> 8 9 ...

2017-01-12 16:45:00 361

转载 wordpress建站过程3——header.php

header.php中包含了一个页面的页头，也就是其他页面中重复出现的部分，包括用户登陆/登陆后显示的文字，导航条，网页logo，有的还包括轮播图。下面就简单的贴上一个文件吧。 1 <!DOCTYPE html> 2 <html <?php language_attributes(); ?>> 3 <head> 4 ...

2017-01-12 16:18:00 359

转载 HTML中加载flash方法

首先贴上代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script type="text/javasc...

2017-01-12 13:15:00 124

转载轮播图的原理

轮播图分为两种：滑动型的和消失型的。滑动型就是图片按照一个方向滑动切换，到达最后一张图片根据需要继续按照那个方向滑动或者回滑到第一张图。这个原理就是：想象一下小时候玩的抽板，就是在一个面积为a的空心纸板后面放一张面积为n*a的长纸板，n为图片个数。我们看到的轮播图就是空心纸板上露出来的部分。然后我们通过左右拉纸板达成动态效果。实现注意：这个代码使用纯的js写的话，...

2017-01-12 09:20:00 580

转载 wordpress建站过程2——结构

开始wordpress之前，我们需要了解，wordpress的结构和调用方式。当一个wordpress开始之后，他会读取【当前主题】的index.php。所以一旦主题切换了，它读的就是其他主题的index.php展示其他结果了。主题下面的文件名大多是固定的，如index,page,content，这些文件名会被系统识别，通过特定的代码直接调用，所以一般情况下不要改名或创建新文件...

2017-01-11 15:22:00 226

转载 wordpress建站过程1

使用wordpress我们需要理解一些概念：1.WordPress是一种使用PHP语言开发的博客平台，它的程序是由php构成的，所以想要使用word press必须会php。2.Wordpress用到数据库Mysql，用于存储博客的数据，包括文章，设定，用户信息都会保存在其中，所以使用者必须会一定程度的mysql，当然这个不难，重头学起也不是什么问题。3.导航菜单，页面，文章...

2017-01-11 14:29:00 108

转载如何使用ajax（jquery）

以下是我第一次工作时写的ajax： 1 $.ajax({ 2 3 url: "/spinweb/store/storeHome.do", 4 dataType: 'json', 5 data: { 6 "pageSize": a 7 }, 8 ty...

2017-01-11 13:41:00 85

转载 angular模拟elema网页1

　　我们之前做的所有的网页项目都用的是假的json数据，真正的前后端的数据交互是个什么情况的呢？现在，我们就来看看。　　首先，我们需要进行环境窃取，我们需要一个真实的数据，但是人家公司肯定不会将数据给你的，所以，这里我们需要一些小手段将这些个数据窃取出来。1. 准备好node.js并将服务器启动。2. 准备好ngnix工具，担任本地服务器和对象后台服务器的中间人。3. 对...

2016-07-12 21:06:00 86

转载 angular.js——小小记事本3

app.js部分，首先是路由。这个之前讲过了，链接在这里——http://www.cnblogs.com/thestudy/p/5661556.html 1 var app = angular.module("myTodo", ['ngRoute']); 2 //路由的配置： 3 app.config(function($routeProvider) { 4 ...

2016-07-12 20:15:00 97

转载 angular项目——小小记事本2

一，路由的规划。需要模拟的页面有三个：all,active,conplete.首先，写好铺垫需要的各种东西，重要的组件的引用等——这里我们会将index.html设为主页，将body.html加载到主页上—— 1 <html lang="en" ng-app="myTodo"><head> 2 <meta charse...

2016-07-11 21:27:00 111

转载 angular项目——小小记事本1

　　这次的项目是制作一个记事本，有点类似于手机qq聊天信息。　　内容：在一个input当中输入一行数据，之后提交，这个数据便会记录在下面。随着提交的增加，数据会以列表形式排列下来。　　列表中，前面有一个组件，点击之后，会将这个数据分到【处理完毕】一组队列当中，并且这条数据的css发生改变；没有变化的数据会放到【没有处理】的队列当中。　　列表的下方有3个超链接，分别跳转到/al...

2016-07-11 21:10:00 94

转载 angular.js之路由的选择

　　　　在一个单页面中，我们可以添加多个模块，使得网页只在需要的时候加载这个模块。模块的切换大致上可以代替网页的切换，于是，我们便可以通过模块的切换实现网页的切换，这个切换是按需加载的。　　　　乍一看非常普通的东西，但是仔细想想就可以发现，这种思想可以解决非常多的资源。　　　　例如，假如有一个页面，需要显示1000种商品的信息，每个商品的表现形式各不相同（设他们有各自独立的cs...

2016-07-11 20:40:00 80

转载 js框架——angular.js(6)

1. ng-class这个指令是用来绑定一个或者多个css代码。它的值一般是一个表达式，也可以是函数什么的，只要返回的确实是一个类的名字就可以——ng-class="nextPageDisabled()"1 <select ng-model="home">2 <option value="sky">Sky</option>...

2016-07-10 20:39:00 77

转载简易控制中心，angular的简单使用

1 <html> 2 <head> 3 <meta charset='utf-8'> 4 <script src="js/angular.js"></script> 5 <script src="js/app.js"></script> 6 &...

2016-07-10 16:30:00 50

转载 js框架——angular.js（5）

1. 3种过滤方式 1 <html> 2 <head> 3 <meta charset='utf-8'> 4 <script src="js/angular.js"></script> 5 <script src="js/app.js"></script&gt...

2016-07-10 16:23:00 143

转载 js框架——angular.js(4)

1. angular中的对象其实也不用多说的，前台是可以提取后台定义的对象的—— 1 <body ng-app="MyApp"> 2 <div ng-controller="User"> 3 <form ng-submit="submit()" novalidate> 4 <label&...

2016-07-10 15:09:00 89

转载 js框架——angular.js（3）

1. 过滤filter 过滤就是将内容进行筛选或者转换或者两者都有，一般的表示方式就是在变量后面添加"|"，然后加上过滤条件，如——{{name|currency}}这个currency过滤器可以将值转变成货币的格式。另外，这个货币的格式也可以设置——{{name|currency: "Euro €"}}这样，输入1234，就会显示：123，4Eu...

2016-07-10 13:20:00 74

转载 js框架——angular.js（2）

1. 模块的利用扩充模块的名称也可以当做变量使用，例如：1 <body ng-app>2 <label><input type="checkbox" ng-model="checked"/>Toggle Button</label>3 <button ng-disabled="checked"&gt...

2016-07-07 20:01:00 86

空空如也

空空如也