angularjs学习笔记之三大模块（modal，controller，view）

2017年02月06日 11 阅读

今天主要跟大家详细讲解一下angularjs的三大模块： modal，controller，view。首先跟大家说一下这三个模块之间的关系。1.数据模型（modal）主要提供数据。它不会和视图（view）直接操作。2.controller保存modal提供的数据，与视图进行操作。3.view是视图，也就是页面展示。4.总而言之，controller负责数据和视图之间的通信，就是两者的接口人。他们分工明确，实现了模块化。一.如何使用数据模型（modal）？ ...

jQuery实现的登录浮动框效果代码

2017年02月06日 12 阅读

本文实例讲述了jQuery实现的登录浮动框效果代码。分享给大家供大家参考。具体如下：这是一款jQuery登录浮动框代码，点击登录按钮后可看到弹出了一个浮动层，右上角带有关闭按钮，本浮动层不支持拖动，在网上经常会见到的一种浮动层格式。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-float-login-dlg-style-demo/具体代码如下：<！DOCTYPE html PUBLIC "...

angularjs学习笔记之完整的项目结构

2017年02月06日 12 阅读

今天的主要讲解部分有以下几点：1.演示一个完整的项目结构 2.$scope的含义 3.模块化和依赖注入。一.演示一个完整的项目结构。下面的所有这些代码，都是转载于@大漠穷秋 老师的。我转载来之后放到了github上，大家可以去这个链接看源代码。一边看，一边学习，效果最好了～～～～ 下面我们来看这个截图， 这就是一个完整的angularjs项目应该有的目录结构。下面我来讲解每一个文件夹对应的分别是什么含义。 1.css：不用说了，就是放一些css的样式...

JS非Alert实现网页右下角“未读信息”效果弹窗

2017年02月06日 12 阅读

本文实例讲述了JS非Alert实现网页右下角“未读信息”效果弹窗。分享给大家供大家参考。具体如下：这是一款网页右下角的弹窗代码，运用Div+Js技术共同打造，非Alert函数那种，仿腾讯新闻的网页右下角弹窗代码，源代码作者为了让新手有一个易懂易学的好范例，在代码中加入了丰富的注释，为新手学习和使用提供了极大的便利。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-f-alert-right-buttom-d...

angularjs学习笔记之双向数据绑定

2017年02月06日 13 阅读

这次我们来详细讲解angular的双向数据绑定。一.简单的例子 这个例子我们在第一节已经展示过了，要看的移步这里 这里实现的效果就是，在输入框输入内容，下面也会相应的改变对应的内容。这就实现了数据双向绑定。二.取值表达式与ng-bind的使用 我们再看一个例子，点击这里，文中出现的第一个例子中，{{greeting.text}}和{{text}}就是一个取值表达式了，但是如果你一直刷新页面，你会发现这样一个问题，那就是页面有时候会一瞬间的出现“{{gree...

如何用jQuery实现ASP.NET GridView折叠伸展效果

2017年02月06日 11 阅读

今天做静态页面时有一个需求，就是页面上有一组两个选项的单选按钮和一个有6行的列表（该列表用Table标签实现，不是DIV），当选择单选按钮的选项一时，列表的前三条信息显示后三条信息隐藏，当选择单选按钮的选项二时，列表的前三条信息隐藏后三条信息显示。那么就牵扯出我们今天的话题拉，如何实现呢？实现后该实现还能应用到哪些场景？1、第一反应的解决方案碰到这个需求后，我第一反应就是很简单啊，分别用两个DIV将前三个Table中的TR标签与后三个TR标签包起来，然后通...

深入分析jsonp协议原理

2017年02月06日 11 阅读

今天在开发联调的过程中，需要跨域的获取数据，因为使用的jquery，当然使用dataType:"jsonp"就能够很easy的解决了。但是因为当时后端没有支持jsonp来访问，后来他在实现这个功能的时候问了我一句，jsonp形式返回的格式是怎么样子的？我一直以来只知道怎么使用，迷迷糊糊的却没有答上来。。。虽然后来解决了，但是对于喜欢解决问题的我，心里却一直耿耿于怀，必须得把这个研究透彻了，于是我开始翻阅资料，看到后面真有种豁然开朗的感觉，于是打算做个笔记与...

基于jQuery仿淘宝产品图片放大镜代码分享

2017年02月06日 11 阅读

这篇文章主要介绍了jQuery淘宝产品图片放大镜特效，鼠标点击图片，图片放大，特别适合图片细节展示，感兴趣的小伙伴可以参考下。（1）html代码：<div class="box"> <div class="tb-booth tb-pic tb-s310"><a href="images/01.jpg"> <img src="images/01_mid.jpg" alt="美女" rel="images/01.jpg...

浅谈Javascript中Object与Function对象

2017年02月06日 12 阅读

1.Object对象 原型对象 原型是对象的一个属性，也就是prototype属性，每个对象都有这个内部属性，而且他本身也是一个对象。<script type="text/javascript"> Object.prototype.num= 10; alert（"添加原型对象属性："+ Object.num）; Object.num = 20; alert（"添加对象属性："+Object.num）;</script>原型链Obje...

Labelauty–jQuery单选框/复选框美化插件分享

2017年02月06日 11 阅读

本文实例讲述了Labelauty–jQuery单选框/复选框美化插件，分享给大家供大家参考。具体如下：Labelauty–jQuery单选框/复选框美化插件，基于jQuery的一个非常小巧的插件，它除了能够实现单选框/复选框原本的选中、未选中、禁用等功能外，还能够设置选中和未选中的文本信息、标签的最小宽度等。运行效果图：-------------------------------查看效果----------------------------------...

浅谈javascript的Touch事件

2017年02月06日 11 阅读

js的touch事件，一般用于移动端的触屏滑动复制代码 代码如下:$（function（）{document.addEventListener（"touchmove", _touch, false）;}） function _touch（event）{alert（1）;}touchstart:当手指触摸屏幕时触发；即使已经有一个手指放在了屏幕上也会触发。touchmove:当手指在屏幕上滑动时连续的触发。在这个事件发生期间，调用preventDefault...

JS将滑动门改为选项卡（需鼠标点击）的实现方法

2017年02月06日 11 阅读

本文实例讲述了JS将滑动门改为选项卡（需鼠标点击）的实现方法。分享给大家供大家参考。具体如下：大家都知道，滑动门和选项卡在布局和结构方面几乎是一样的，唯一不同的是触发方式，这个是由JavaScript决定的，大致来讲就是将onmouseover改为onclick就行了，本款选项卡以前是款比较流行的滑动门，现在改成了选项卡，大家看看有什么区别。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-hdm-2-na...

AngularJS基础教程之简单介绍

2017年02月06日 11 阅读

AngularJS是一个JavaScript框架。它可以通过<script>标记被添加到HTML页面中。 AngularJS通过指令对HTML属性进行了扩展，然后通过表达式将数据绑定到HTML元素中。AngularJS是一个JavaScript框架 AngularJS是一个JavaScript框架，它是由JavaScript语言编写的类库。 AngularJS以JavaScript文件的形式进行发布，我们可以通过script标记将它添加到...

JS实现仿新浪黄色经典滑动门效果代码

2017年02月06日 11 阅读

本文实例讲述了JS实现仿新浪黄色经典滑动门效果代码。分享给大家供大家参考。具体如下：这是一款仿新浪网的滑动门，黄色经典，操作舒适度确实很舒服，不亏是门户哦，长度和宽度这个就要自己修改啦，布局紧凑合理，本人喜欢的风格。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-f-sina-jd-move-style-demo/具体代码如下：<！DOCTYPE HTML PUBLIC "-//W3C//DTD H...

JS实现带鼠标效果的头像及文章列表代码

2017年02月06日 11 阅读

本文实例讲述了JS实现带鼠标效果的头像及文章列表代码。分享给大家供大家参考。具体如下：这是一种带图片功能的文章或新闻列表功能，鼠标滑过标题列表显示说明和图片，多见于SNS交友网站，不过你喜欢的话，你完全可以用哦。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-mouse-style-face-article-list-demo/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C...

asp知识整理笔记3（问答模式）

2017年02月06日 12 阅读

继上两篇《asp知识整理笔记1》和《asp知识整理笔记2》，《asp知识整理笔记3》新鲜出炉：17、问题：在ASP中使用ADO的AddNew方法和直接使用“Insert into...”语句有何不同？哪种方式更好？答：ADO的AddNew方法只是将“Insert into ”语句封装了起来，所以，当对大量数据进行操作的时候，直接使用SQL语句将会大大加快存取数据的速度，因为它减少了ADO的“翻译”时间，由于SQL语句所执行的操作是直接在数据库服务器中进行的...

JS实现横向与竖向两个选项卡Tab联动的方法

2017年02月06日 12 阅读

本文实例讲述了JS实现横向与竖向两个选项卡Tab联动的方法。分享给大家供大家参考。具体如下：这是一款横向、竖向联动的选项卡，其卡片内容是一样的，只不过多了一个操作途径，当点击一个选项卡的时候，另一个选项卡同样会指示出当的选项卡位置，也就是两者的功能是相同的，很巧妙的布局方法。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-hx-sx-tab-ld-demo/具体代码如下：<！DOCTYPE html...

JS+CSS实现的日本门户网站经典选项卡导航效果

2017年02月06日 11 阅读

本文实例讲述了JS+CSS实现的日本门户网站经典选项卡导航效果。分享给大家供大家参考。具体如下：这里介绍的是来自日本门户网站的一款CSS+JavaScript选项卡导航菜单，银灰色风格，看来日本人和中国人的审美是接近的，都喜欢这种风格，如果你要用的话，直接拷贝代码部分到你的网页中，注意你需要修改编码才行，日本的编码和中国可是不一样哦，只要把文字改为中国的就行了。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/j...

jQuery获取checkboxlist的value值的方法

2017年02月06日 11 阅读

CheckboxList是服务器控件，绑定数据容易，服务器端获取选中值也容易。但是生成的静态页面居然没有ListItem的Value值，所以默认情况下用js在页面中是取不到ListItem的值的。至于为什么不显示value值，我也不清楚，本篇给出一个用jQuery获取checkboxlist值的方法。先看看原始的页面html代码：<asp:CheckBoxList runat="server" ID="listTest"></asp:Ch...

JQuery+Ajax实现数据查询、排序和分页功能

2017年02月06日 11 阅读

之前很少会用javascript去实现页功能主要怕麻烦，但了解JQuery后这种想法发生了变化；有了这样的脚本组件就可以在编写脚本时方便和HTML隔离出来，这样编写高重用性的脚本就更方便。下面就是介绍在学习JQuery过程中编写的基于Ajax的数据查询、排序和分页功能的复用脚本，只要遵循脚本的某些规则描述HTML把脚本文件引入就可以方便实现以上描述的功能。先看下实现功能的代码：/**应用脚本规则：引用脚本: JQuery脚本和JQuery的form插件脚本...