2016年08月_小溪彼岸

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 exports构建自定义模块（一）

exports可以向外部文件暴露方法和属性，同过载单独js文件内写方法向外部暴露调用方法就能完成模块的定义。demo1： exports_test1.jsvar name;exports.setName = function(newName){ name = newName;}exports.sayHello = function(){ console.log("hello:"

2016-08-31 13:13:49 5369

原创 node 安装 supervisor

许多服务脚本，当修改了文件内容时必须重新启动才能完成数据的更新操作，这会大大降低开发效率。 Node.js在更新操作时必须终止Node.js然后重新运行。这种模式不利于开发阶段。 supervisor 可以帮助你实现这个功能,它会监视你对代码的改动,并自动重动 Node.js。使用方法很简单,首先使用 npm 安装 supervisor:$ npm install -g superviso

2016-08-30 13:02:35 8790

原创 node events事件循环

一个node事件循环的入门例子：// 引入events模块var events = require("events");// 创建 eventEmitter 对象var eventEmitter = new events.EventEmitter();//绑定事件及事件的处理程序var connectHandler = function connected () { console

2016-08-29 15:35:01 517

原创 html简单下拉菜单

菜单的功能多种多样，这里提供给一个简单的下拉菜单的参考。具体代码如下： html:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> .dropbtn{ background-c

2016-08-28 17:06:29 14867

原创 webView加载html动态创建标签

webView加载html有时需要对HTML页面进行动态操作，需动态添加标签事件.主要代码如下：加载webView和设置代理就不记录了。- (void) webViewDidFinishLoad:(UIWebView *)webView{ [self deleteCookie]; //添加home [webView stringByEvaluatingJavaScrip

2016-08-19 12:26:16 1704

转载你所不知的 CSS ::before 和 ::after 伪元素用法

CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面，里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外，就是接下来要介绍的这两个伪元素了。 Creative Button Styles 一基本语法

2016-08-17 11:03:12 975

原创 html meta收集

在html中meta包含很多信息，在移动端适配中也起到相当的作用，收集一些已做不时之需。<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /><met

2016-08-16 14:25:52 346

原创 html delegate、live方法

delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。使用 delegate() 方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）。语法规则：$(selector).delegate(childSelector,event,data,function)参数：参数描述 childSelector

2016-08-15 11:10:05 728

原创 canvas绘图（一）

canvas绘制矩形1： <canvas width="500" height="300">您的浏览器不支持canvas</canvas> <script> //获取标签 var cas = document.querySelector('canvas'); //获取绘制环境 var ctx = cas.getContext('

2016-08-14 23:34:13 480

原创 querySelector的用法

在js中可以通过标签选择器获取标签，现在发现还有querySelector可以实现选择器的功能。js的用法：<label>hhh22</label><label id="la">hhh</label><script> alert(document.getElementById('la').innerHTML);</script>querySelector的用法：<label>hhh22<

2016-08-14 16:08:51 6668

原创 html 自定义弹框效果

页面系统弹框往往不能满足我们的需求，多数需要自定义弹框。写了几个自定义弹框样式。 alertView.js/** * Created by rayootech on 16/8/12. */var containHtml;/** * 带输入框的弹框 */$.fn.showInputAlert = function(callback){

2016-08-13 16:08:42 8339

原创 html 切换状态分栏

一个自己的分栏工具，可以快速创建分栏效果。 HTML：<div class="g-header">  <div class="g-nav"> <div class="g-wrap"> <ul class="g-nav-list"> <li ><span id="doing">分栏一</s

2016-08-13 15:50:23 4648

原创 html fixed导航条

页面中基本上都会用到导航条，下面是一个简单的导航效果。 html:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-sca

2016-08-13 15:24:40 948

原创 window.onresize监听div和屏幕的改变

监听屏幕的改变：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=

2016-08-12 11:32:26 33329 2

原创 html自己动手写无限轮播效果

使用到无限轮播图的方式有很多，也有一些比较好的第三方如swiper等，先看一个自己动手写的无限轮播例子。html<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maxi

2016-08-07 01:41:31 7919 1

原创 html简单的跑马灯效果

很多项目中都会遇到有类似跑马灯效果的消息轮播展示，做了一个简单的消息轮播展示。主要代码如下： html<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>跑马灯效果</title> <meta name="viewport" content="initial-scale=1.0, m

2016-08-07 01:27:41 24553 1