- 博客(65)
- 收藏
- 关注
RSS订阅转载 nodejs+express blog项目分享
项目简介：项目采用nodejs+express+typescript+mongodb技术搭建主要功能：1.用户注册2.用户登录3.文章管理模块4.图片管理模块5.token认证6.密码加密7.https服务8.七牛图片云存储9.pm2项目发布管理项目源码：https://github.com/zha...
2018-05-04 17:57:00
214
转载 移动端滚动翻页
<!DOCTYPE html><html ng-app="plunker"> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-sc...
2016-04-25 11:15:00
300
转载 CSS3 Transition
上一节花了大篇幅整理了CSS3中动画属性中的Transform，今天我们接着一起来看CSS3动画属性中的另一个属性Transition。W3C标准中对css3的transition这是样描述的：“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。”下...
2016-03-18 09:33:00
156
转载 移动端 slide拖拽
<html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, ...
2016-03-14 15:55:00
152
转载 angular中的jqLite的基本使用方法
angular.element() 参数要求是HTML string or DOMElement,angular.element 虽然很接近 jQuery，但是直接通过 HTML tag 去获取元素还是不行的，最简单的办法是这样：angular.element(document.querySelector('p'));angular.element(document.quer...
2016-03-14 09:44:00
209
转载 angularjs指令中的compile与link函数详解
这篇文章主要介绍了angularjs指令中的compile与link函数详解,本文同时诉大家complie,pre-link,post-link的用法与区别等内容,需要的朋友可以参考下通常大家在使用ng中的指令的时候,用的链接函数最多的是link属性,下面这篇文章将告诉大家complie,pre-link,post-link的用法与区别.angularjs里的指令非常神...
2016-03-11 11:32:00
97
转载 angularjs作用域之transclude
transclude是一个可选的参数。如果设置了，其值必须为true，它的默认值是false。嵌入有时被认为是一个高级主题，但某些情况下它与我们刚刚学习过的作用域之间会有非常好的配合。使用嵌入也会很好地扩充我们的工具集，特别是在创建可以在团队、项目、AngularJS社区之间共享的HTML代码片段时。 嵌入通常用来创建可复用的组件，典型的例子是模态对话框或导航栏。我们可以将整个...
2016-03-10 10:10:00
120
转载 angularjs学习笔记之一
directive通过AngularJS模块API中的.directive()方法，我们可以通过传入一个字符串和一个函数来注册一个新指令。其中字符串是这个指令的名字，指令名应该是驼峰命名风格的，函数应该返回一个对象。ng-controller内置指令ng-controller的作用是为嵌套在其中的指令创建一个子作用域，避免将所有操作和模型都定义在$rootScop...
2016-03-07 22:52:00
70
转载 angularjs系列之轻松使用$q进行异步编程
第一部分关于js中的异步编程 异步编程简单的说就是你写了一段代码，但他不会按照你书写代码的顺序立即执行，而是等到程序中发生了某个事件（如用户点击了某个按钮，某个ajax请求得到了响应）才去执行这段代码，而且这段代码可能执行一次（如一个ajax请求得到了响应）、也可能执行很多次或者不执行（一个按钮被点击了许多次或者0次）这就是所谓的异步编程。 有两种异步程序模式单次执行模式和监...
2016-03-07 18:31:00
66
转载 AngularJs 指令directive之require
controller的用法分为两种情形，一种是require自定义的controller，由于自定义controller中的属性方法都由自己编 写，使用起来比较简单；另一种方法则是require AngularJS内建的指令，其中大部分时间需要require的都是ngModel这个指令。在自定义Angular指令时，其中有一个叫做require的字段，这个字段的作用是用于指令之间的相...
2016-03-06 22:17:00
101
转载 AngularJS学习笔记之directive——scope选项与绑定策略
开门见山地说，scope:{}使指令与外界隔离开来，使其模板(template)处于non-inheriting(无继承)的状态，当然除非你在其中使用了transclude嵌入，这点之后的笔记会再详细记录的。但是这显然不符合实际开发中的需求，因为实际上，我们经常想要我们的指令能够在特定的情况下与外界进行数据上的交互，这就需要借助绑定策略之手了。大家知道，当scope选项写为scope...
2016-03-04 23:25:00
69
转载 理解$watch ，$apply 和 $digest --- 理解数据绑定过程
Angular用户都想知道数据绑定是怎么实现的。你可能会看到各种各样的词汇：$watch,$apply,$digest,dirty-checking... 它们是什么？它们是如何工作的呢？这里我想回答这些问题，其实它们在官方的文档里都已经回答了，但是我还是想把它们结合在一起来讲，但是我只是用一种简单的方法来讲解，如果要想了解技术细节，查看源代码。让我们从头开始吧。浏览器事件循环和...
2016-03-04 23:17:00
100
转载 AngularJS中service，factory，provider的区别
一、service引导刚开始学习Angular的时候，经常被误解和被初学者问到的组件是 service(), factory(), 和 provide()这几个方法之间的差别。This is where we'll start the twenty-five days of Angular calendar.二、service在Angular里面，services作为单例对象...
2016-03-04 22:40:00
92
转载 AngularJS的Filter用法详解
Filter简介Filter是用来格式化数据用的。Filter的基本原型（ '|' 类似于Linux中的管道模式）：{{ expression | filter }}Filter可以被链式使用（即连续使用多个filter）：{{ expression | filter1 | filter2 | ... }}Filter也可以指定多个参数：{{ expressi...
2016-03-04 15:15:00
106
转载 Angular.js中使用$watch监听模型变化
$watch简单使用$watch是一个scope函数，用于监听模型变化，当你的模型部分发生变化时它会通知你。$watch(watchExpression, listener, objectEquality);每个参数的说明如下：watchExpression：监听的对象，它可以是一个angular表达式如'name',或函数如function(){retur...
2016-03-04 15:14:00
77
转载 history
history.back(-1):直接返回当前页的上一页，数据全部消息，是个新页面history.go(-1):也是返回当前页的上一页，不过表单里的数据全部还在history.back(0) 刷新 history.back(1) 前进 history.back(-1) 后退转载于:https://www.cnblogs.com/Greenzgz/p/5123631.html...
2016-01-12 10:55:00
75
转载 data-*
data-* 后面的属性只能小写。人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是，你不知道将来会不会有其它脚本把你的自定义属性给重置掉，此外，你这样做也会导致html语法上不符合Html规范，以及一些其它副作用。这就是为什么在HTML5规范里增加了一个自定义data属性，你可以拿它做很多有用的事情。你可以去读一下HTML5的详细规范，但这个自定义...
2016-01-08 14:41:00
96
转载 本地搜索
//本地搜索 $('.nbb-expComSinput').keyup(function(){ $('.expComListLi').hide(); var oVal=$(this).val(); var oL=$('.expComListLiR').length; for(var i=0;i...
2016-01-07 14:19:00
146
转载 css3选择器
奇数偶数 指定第几个table tr:nth-child(odd){background:#F4F4F4;}table td:nth-child(even){color:#C00;}table tr:nth-child(5){background:#73B1E0;color:#FFF;}转载于:https://www.cnblogs.com/Greenzgz/p/...
2015-10-19 17:33:00
82
转载 index() checkbox单选问题
index() 只对兄弟节点有用如果这种结构要选择checkbox 时用prop附加属性removeAttr清楚属性$('.checkbox').prop('checked',true)$('.checkbox').removeAttr('checked',false)<ul> <li><input type="check...
2015-09-09 21:41:00
218
转载 自制node.js + npm绿色版
自制node.js + npm绿色版Node.js官网有各平台的安装包下载，不想折腾的可以直接下载安装，下面说下windows平台下如何制作绿色版node，以方便迁移。获取node.exe下载Windows Binary版本，不要下载Windows Installer版本，直接放到H:\nodejs\获取npm（Node Package Manage...
2015-08-23 15:47:00
200
转载 npm 常用命令
npminstall<name>安装nodejs的依赖包例如npm install express 就会默认安装express的最新版本，也可以通过在后面加版本号的方式安装指定版本，如npm install express@3.0.6npminstall<name>-g 将包安装到全局环境中但是代码中，直接通过require()的方式是没有...
2015-08-23 10:23:00
68
转载 jquery 滚动事件
$(window).scroll(function () {if ($(window).scrollTop() >50) { alert('show!!');}});转载于:https://www.cnblogs.com/Greenzgz/p/4748280.html
2015-08-21 16:36:00
81
转载 移动端触控事件封装（完整版）
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jQuery插件</title><script src="http://ajax.aspnetcdn.co...
2015-08-19 13:30:00
140
转载 带动画的分页
<!DOCTYPE html><html><head> <title></title> <meta charset='utf-8'> <style type="text/css"> *{margin: 0; padding: 0; list-style: none;} .Nc_page{ width: 2...
2015-08-19 09:36:00
110
转载 手机号码 座机号码验证
<!DOCTYPE html><html><head> <title>validate</title> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>...
2015-08-18 16:45:00
459
转载 js常用 弹出确认 取消对话框
<!DOCTYPE html><html><head> <title></title> <meta charset='utf-8'></head><body><!-- 第一种 点击事件驱动触发 --><button id="qvx">取消会诊</button>...
2015-08-06 10:12:00
260
转载 jQuery之select的option怎样绑定事件
HTML:<select id='select'> <option value='0'>上海</option> <option value='1'>北京</option> <option value='2'>广州</option></select>...
2015-08-03 14:50:00
755
转载 jQuery如何停止元素的animate动画，还有怎样判断是否处于动画状态
jquery的animation会自动进入队列，就出现了一个问题，这些动画会一一执行完成，而我们实际的本意是当鼠标移开的时候动画即终止。停止元素的动画方法：stop()语法结构：stop([clearQueue],[gotoEnd])clearQueue 和 gotoEnd 都为可选参数，为布尔值。clearQueue ： 是否要清空未执行玩的动画列表gotoEnd ： 是否直接将正...
2015-07-28 15:37:00
469
转载 jQuery live()方法使用及变更（事件委托）
根据jQuery的官方描述，live方法在1.7中已经不建议使用，在1.9中删除了这个方法。并建议在以后的代码中使用on方法来替代。 on方法可以接受三个参数：事件名、触发选择器、事件函数。需要特别注意的是：on方法中间的这个触发选择器就是你将要添加的HTML元素的类名、id或者元素名，使用它就可以实现live的效果。例如我的html文档中已经有了一个id为parent的div...
2015-07-10 15:15:00
98
转载 jquery-取消冒泡
1、通过返回false来取消默认的行为并阻止事件起泡。jQuery 代码:$("form").bind( "submit", function() { return false; });2、通过使用 preventDefault() 方法只取消默认的行为。jQuery 代码:$("form").bind( "submi...
2015-07-10 15:07:00
79
转载 移动端触控事件
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>移动终端</title><script>window.onload=function(){ var...
2015-07-07 14:05:00
112
转载 前端iFrame跨域问题
一、父域访问子域的元素项目需求： iFrame是个聊天窗口，要求聊天窗口中点击图片图标，在父域将内容展示出来。解决方法：（jQuery） 首先/要等iFrame加载完再执行函数！（代码如下） var isOnLoad = true; $('#iframe_con').load(function() { isOnLoad = f...
2015-07-01 10:49:00
618
转载 常用正则表达式！
整数或者小数：^[0-9]+\.{0,1}[0-9]{0,2}$只能输入数字："^[0-9]*$"。只能输入n位的数字："^\d{n}$"。只能输入至少n位的数字："^\d{n,}$"。只能输入m~n位的数字：。"^\d{m,n}$"只能输入零和非零开头的数字："^(0|[1-9][0-9]*)$"。只能输入有两位小数的正实数："^[0-9]+(.[0-9]{2})?$"。只能输入有1~...
2015-06-24 10:45:00
70
转载 js正则表达式中test,exec,match方法的区别说明
js正则表达式中test,exec,match方法的区别说明testtest 返回 Boolean，查找对应的字符串中是否存在模式。var str = "1a1b1c";var reg = new RegExp("1.", "");alert(reg.test(str)); // trueexecexec 查找并返回当前的匹配结果，并以数组的形式返回。var str = "1...
2015-06-09 13:17:00
62
转载 JQuery ajax()实例
前端页面：<!doctype html><html><head><meta charset="utf-8"><title>搜索</title></head><body><div class="zgz">请输入(A-Z):<input type="text" value...
2015-05-12 18:03:00
105
转载 JQuery中$.ajax()方法参数详解
url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局设...
2015-05-12 17:50:00
84
转载 Jquery DOM操作
常用方法 1.查找元素节点 var $li = $("ul li:eq(0)");//获取ul标记下的第一个li,也可以写成 $("#ulID li:eq(0)"); 2.查找元素属性 利用jquery的attr()方法来获取元素的各种属性的值，attr()方法的参数可以是一个，也可以是两个。 当参数是一个时，则是...
2015-05-10 11:43:00
111
转载 移动web前端开发时注意事项（转）
在智能手机横行的时代，作为一个web前端，不会编写移动web界面，的确是件悲催的事情。当公司准备做一个微信的微网站时，作为一个多年经验的web前端码农，我迷茫了，真心不知道从何下手。接下来就是搜一堆教程，然后开始编写代码，三天后，我的第一个移动端web页面编写完成。回头想想，移动端的web页面代码编写远没有我想的那样复杂（可能是我做的这个项目比较简单的缘故）。但是就入门来说，其实...
2015-05-06 16:36:00
105
转载 去除元素浮动（:after）
》》HTML<div class="zg_city"> <div class="zg_left"></div> <div class="zg_right"></div</div>》》css.zg_city{ width:100%; height:100%; background-color:#f...
2015-04-22 16:41:00
384
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人