- 博客(61)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 关于 dataTable 组件使用
偶然发现一个叫 dataTable 的组件，觉得很好用，于是研究了一番，下面是代码var lang = { "sProcessing": "处理中...", "sLengthMenu": "每页 _MENU_ 项", "sZeroRecords": "没有匹配结果", "sInfo": "当前显示第 _START_ 至 _END_ 项，共 _TOTAL_ 项。
2017-03-26 20:50:00
1632
原创 nodejs中使用mongoose保存数据
最近在学习mongdb以下是使用mongoose模块来保存数据var mongoose = require('mongoose');var moment = require('moment');// 连接字符串格式为mongodb://主机/数据库名mongoose.connect('mongodb://localhost/test');var db = mongoose
2016-12-11 13:10:59
5944
原创 moment格式化时间
首先，好久没有来多博客了今天在学习mongodb时，需要格式化时间，上网查了一下，nodejs中的moment模块可以格式化时间。首先，mongodb中有一个字段是Date类型需要一个默认值，就是当前时间，可以使用以下代码来格式化时间 moment().format('YYYY-MM-DD HH:mm:ss')使用以下代码也是可以的moment(Date.now()).fo
2016-12-11 13:03:52
39631
原创 angularjs中的$interpolate服务
$interpolate服务返回一个函数，用来在特定的上下文中运算表达式。示例：html代码： {{previewText}} js代码：angular.module('myApp', []) .controller('myController',['$scope','$interpolate', function($scope,$interpo
2016-09-17 10:13:00
1162
原创 用Java实现扑克牌洗牌
Java已经忘了差不多了，最近又需要重新捡起Java。对于一副扑克牌共有54张，扑克牌洗牌就是将这54张牌没有规律的输出出来，用ArrayList实现，本质是54个数的随机输出，穿了身衣服，输出出来就好看多了public class Poker { public static String poker(int num) { String str = ""; String[]
2016-07-20 16:45:38
9752
原创 css+js实现图片反转效果
一个图片，点击图片图片反转180deg后，出现图片的简介 html部分 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem aliquid laboriosam a ipsam ducimus ea nobis officiis dignissimos co
2016-07-16 12:23:11
5127
转载 lineheight使图片多行文字垂直居中
多行文字垂直居中html部分： Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo voluptatum beatae officiis doloribus culpa et autem velit voluptatem quidem non, tempora, pariatur veritatis
2016-06-27 19:37:17
529
原创 利用Canvas+js实现贪吃蛇(4)
将贪吃蛇改造成面向对象，类似插件的东西。过程中，要把握好this的指向，因为这个，调试了好大会将randFood进行了修正，添加了一个配置参数与默认参数合并方法，其他的都还是一样的。html代码没有改，在第一篇文章里代码附上：function tanchishe(options) { this.canvas = options.canvas; this.sp
2016-06-25 13:54:25
1427
原创 js面向对象
今天看了一些js面向对象的视频，js做的事真的好多1、// 模拟重载2、// 调用子类的方法3、// 链式调用4、// 抽象类代码奉上// 模拟重载function Person() { var args = arguments; if (typeof args[0] === 'object' && args[0]) { if (args[0].name)
2016-06-25 10:37:11
267
原创 js面向对象与继承
直接来代码function Person(name, age) { this.name = name; this.age = age;}Person.prototype.hi = function() { console.log('Hi,my name is' + this.name + ',I`m ' + this.age + ' years old now.');};Pers
2016-06-23 16:42:41
286
原创 利用Canvas+js实现贪吃蛇(3)
想了想，蛇向下走的时候按上键，如何直接将蛇头变蛇身，好像不符合常理，所以处理这种情况，应当做蛇头碰到蛇身。。另外，实现蛇头碰蛇身的功能界面就不美化了。。。下一步就是封装成面向对象的插件了。。。附上js代码window.onload = function() { var canvas = document.getElementById('myCanvas'),
2016-06-23 14:29:25
1003
原创 利用Canvas+js实现贪吃蛇(2)
相比1 来说，增加了，以下功能：1、蛇每次一次食物，蛇身就增加 1。 2、吃一次食物，速度就加快20毫秒 未实现：蛇头碰到蛇身时，游戏结束。。。。bug：在它向上移动时，按 向下键，身体出问题了，不过 不影响继续游戏 。。同理，上下左右都有这个问题参数：var canvas = document.getElementById('myCanvas'),
2016-06-19 12:06:42
624
原创 利用Canvas+js实现贪吃蛇(1)
今天想写一个贪吃蛇的页面，于是就选择了Canvs，不过只实现蛇身的长度是1的情况，对于蛇身大于2的情况，我还没想出来 如何绘制蛇，等查资料后，再来实现下面是源码部分：html： score:0js部分：window.onload = function() { var canvas = document.getElementById('my
2016-06-12 21:04:29
3297
原创 CSS3实现炫酷进度条
看了一个进度条很漂亮，所以自己试试看html 0 css样式：* { margin: 0; padding: 0; font-family: 'microsoft yahei'; } html,body { width: 100%; height: 100%; background-color: #222; }
2016-06-10 13:32:28
2326
1
转载 css3中-webkit-text-size-adjust
1、当样式表里font-size2、-webkit-text-size-adjust放在body上会导致页面缩放失效3、body会继承定义在html的样式4、用-webkit-text-size-adjust不要定义成可继承的或全局的
2016-06-08 20:02:41
389
原创 CSS3中的display: box
今天看源码时，看到了display: -webkit-box;display: box; 似乎是第一次见，上网搜寻：display: box;的声明其实就是弹性盒子模型的声明，此声明下的子元素的行为与表现与CSS2中的传统盒子模型的表现是有显著的差异的。毕竟属于CSS3的东西，目前而言，仅Firefox/Chrome/Safari浏览器支持弹性盒子模型（IE9不详，Opera尚
2016-06-08 17:22:48
652
原创 window.onload，body onload，document.onreadystatechange
1、window.onload 页面全部加载完成，甚至包括图片2、body.onload 等doucment加载完成再加载相应的脚本3、document.onreadystatechange 当页面加载状态改变的时候执行这个方法。document.onreadystatechange = subSomething;//当页面加载状态改变的时候执行这个方法. fu
2016-06-08 17:06:37
472
原创 CSS3实现二级菜单
今天看了一个demo，原demo虽说是CSS3实现，但其中也使用了js，再一个里面的代码有些地方，我觉得还可以优化 ，所以自己就尝试着用css3实现一下我想说: 不论写一个多么炫酷的demo，z-index的值都最好不要超过2下面是源码：html部分 Animated Menu Dashboard
2016-06-08 16:20:40
2182
原创 js点击列表的第一个元素，不起作用，最后一个元素起作用
在网上看到 手风琴菜单的demo，就想来模仿着做一个html内容如下： First Menu Home About Us Services
2016-06-06 20:46:28
1836
原创 javaScript删除元素
有一段html代码 div1 div2 div3 div4 div5 假如我想删除div中的第二个div，我需要找到这个元素，在找到父元素，用removeChild进行删除。但是，看到一个办法，就是使用 outerHTML = '' 这个方法，outerHTML可以获得含标签在内的字符串，将字符串置
2016-06-03 11:15:46
378
原创 javaScript文档中常用的集合
1、forms集合2、elements集合3、options集合4、rows集合5、cells集合6、images集合7、links集合8、anchors集合9、frames集合使用：假如想获得 一个html中所有img标签的元素，你可以使用document.getElementsByTagName('img')，更简单的办法是document.images
2016-06-02 15:07:49
267
原创 offsetTop和offset().top
前段时间写了一个视觉差滚动的demo，是用js实现的。第二次看这个例子，我想封装一个jquery插件。首先demo中有两个button需要在jq中对它们进行定位，然而问题来了我先得到第一张图片的位置，对图片中的button的top进行定位时，想法是将css样式中的top设置成this.img.offset().top + this.img.height() / 2 - this
2016-06-01 16:34:09
7588
原创 CSS3实现立体菜单
html结构： Home About Servics Portfolio Blog Contact CSS3：* { margin:0; padding: 0; font-family: 'Microsoft
2016-05-31 19:55:15
608
原创 css3中的部分属性
1、阴影box-shadow:x轴偏移量 y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]注意：inset（内阴影） 可以写在参数的第一个或最后一个，其它位置是无效的实例正值表示在对象的底部，负值表示在对象的顶部。.boxshadow-outset{ width:100px;height:100px; box-shadow:4px 4p
2016-05-30 20:42:12
5827
1
原创 sublime 使用的快捷键以及小技巧
Ctrl+D 选词 （反复按快捷键，即可继续向下同时选中下一个相同的文本进行同时编辑）Ctrl+G 跳转到相应的行Ctrl+J 合并行（已选择需要合并的多行时）Ctrl+L 选择整行（按住-继续选择下行）Ctrl+M 光标移动至括号内开始或结束的位置Ctrl+T 词互换Ctrl+U 软撤销Ctrl+P 查找当前项目中的文件和快速搜索；输入 @ 查找文件主标题/函数；或者
2016-05-30 20:41:35
434
原创 DOMReady的实现
function myReady(fn) { // 对于现代浏览器，对DOMContentLoaded事件的处理采用标准的事件绑定方式 if (document.addEventListener) { //通过能力检测区分 document.addEventListener("DOMContentLoaded", fn, false); } else { IEContentLoad
2016-05-29 19:56:13
350
原创 nodeName - nodeValue
jsvar container = document.getElementById('container') console.log(container.nodeName + "/" +container.nodeValue) var attrNode = container.attributes[0] console.log(attrNode.no
2016-05-29 19:18:15
369
原创 document的createDocumentFragment()方法
假如你想动态的向html中添加十个段落，使用常规的方式可能会写出这样的代码：for(var i = 0 ; i < 10; i ++) { var p = document.createElement("p"); var oTxt = document.createTextNode("段落" + i); p.appendChild(oTxt); document.b
2016-05-29 18:55:09
1040
原创 javascript中的立即执行函数
( function(){…} )()和( function (){…} () )是两种javascript立即执行函数的常见写法函数声明：function fnName () {…};使用function关键字声明一个函数，再指定一个函数名，叫函数声明。函数表达式 var fnName = function () {…};使用function关键字声明一个函数，但未给函数命名
2016-05-29 18:38:01
249
原创 nodejs抓取网页的源码，并保存到本地文件
var http = require('http')var fs = require('fs');// 要抓取的网页地址var url = 'http://www.imooc.com/learn/348'http.get(url, function(res) { var html = '' res.on('data', function(data) { html += data
2016-05-29 13:15:32
7100
原创 mongoDb的基本使用
MongoDB基本使用成功启动MongoDB后，再打开一个命令行窗口输入mongo，就可以进行数据库的一些操作。输入help可以看到基本操作命令：show dbs:显示数据库列表 show collections：显示当前数据库中的集合（类似关系数据库中的表） show users：显示用户use ：切换当前数据库，这和MS-SQL里面的意思一样 db.help()
2016-05-28 15:23:43
293
原创 javaScript取得当前元素的下一个元素
如何取得当前元素的下一个元素呢？例如，这有两个div这是一个div 这是一个div我可以取得第一个div我想取得紧邻它的下一个元素，从网上获取的方法是：div1.nextSibling，然会我会得到一个#text可是我想要的不是这个东西，我想得到像变量div1一样的div,经过测试下面两种方法都可以这样就得到了我想得到的下一个元素了
2016-05-28 14:10:30
12831
原创 javaScript中的事件代理
今天在看视频时，发现了 事件代理 这一方法。假设在一个div中，有很多button，很多li标签，它们需要绑定相应的方法，如果一个一个写就太麻烦了，这时候事件代理的优点就凸显出来了。下面看一下具体例子// 七、事件代理,遍历每个分享li，绑定事件。 for (var i = 0; i < boxs.length; i++) { // 1）在li上绑定点击事件代理 boxs[i
2016-05-28 10:38:42
305
原创 PHP中PDO的使用
1.PDO连接MySQL数据库 $pdo = new PDO("mysql:host=localhost;dbname=db_demo",用户名,密码); 默认不是长连接，若要使用数据库长连接，需要在最后加如下参数: new PDO("mysql:host=localhost;dbname=db_demo","root","","array(PDO::AT
2016-05-26 12:23:50
264
原创 京东分类栏
今天把京东的分类栏给扒下来了，js部分是我自己写的，我不知道除了onmouseover和onmouseout之外，是否还有其他的方法，等以后遇到，会再来补充。html部分： 全部商品分类 家用电器 > 手机、数码、京东通信 >
2016-05-18 14:42:51
1580
原创 利用nodejs构建网站
1、选择文件夹2、执行:express node（node是你指定的文件夹名，可随意指定），默认使用的是jade模块，如果想安装ejs模块，就使用这个命令：express -e node3、进入node （就是你刚才制定的文件夹名）目录：cd node4、执行 npm install 安装node所需要的依赖模块。如果执行此命令出现错误，就使用npm install -g，前提是你
2016-05-10 16:05:02
1031
原创 利用视觉差实现图片滑动
今天看了别人写的图片滑动，看起来很酷，读源码时，似乎有些困难，就模仿着写了一个，实现的效果与原网页相同，不过自己的js代码，逻辑简单，有待改进。ps：前两天写了旋转木马，那个兼容性不好，今天写这个网页的时候，也是按照这个思路，在谷歌浏览器上运行很好，火狐很多功能不能实现，由于wrap——panel使用了绝对定位，就将translate平移改为了left。改动后，各个浏览器运行的效果不错
2016-05-07 18:14:25
1139
原创 将json格式的字符串转化成object对象
将一堆json数据的字符串，转换成js能认识的数据例如：var response = "{"state":1,"msg":"yes","count":1}";对其进行操作：response = eval('(' + response + ')');这样在js中就可以访问response.state,response.msg,response.count
2016-05-06 13:45:23
664
原创 PHP中操作MYSQL数据库常用函数
1、mysql_connect()-建立数据库连接 格式： resource mysql_connect([string hostname [:port] [:/path/to/socket] [, string username] [, string password]]) 例： $conn = @mysql_connect("localhost", "username", "p
2016-05-05 17:14:31
4297
原创 正则表达式中的特殊字符
字符/ 意义：对于字符，通常表示按字面意义，指出接着的字符为特殊字符，不作解释。 例如：/b/匹配字符’b’,通过在b 前面加一个反斜杠，也就是/b/，则该字符变成特殊字符，表示匹配一个单词的分界线。 或者：对于几个字符，通常说明是特殊的，指出紧接着的字符不是特殊的，而应该按字面解释。例如：*是一个特殊字符，匹配任意个字符(包括0个 字符)；例如：/a*/意味匹
2016-05-04 09:56:51
2178
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人