Welcome 微信登录

首页 / 脚本样式 / JavaScript

js实现瀑布流的三种方式比较

js实现瀑布流的三种方式比较

2017年02月06日 12 阅读
瀑布流是一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest，逐渐在国内流行开来。国内大多数清新站基本为这类风格。瀑布流特点：1、琳琅满目：整版以图片为主，大小不一的图片按照一定的规律排列。2、唯美：图片的风格以唯美的图片为主。3、操作简单：在浏览网站的时候只需要轻轻滑动一下鼠标滚轮，一切的美妙的图片精彩便可呈现在你面前。瀑布流布局实现方式：1、传统多列...
详解AngularJS Filter（过滤器）用法

详解AngularJS Filter（过滤器）用法

2017年02月06日 10 阅读
AngularJS的filter，中文名“过滤器”是用来过滤变量的值，或者格式化输出，得到自己所期望的结果或格式的东东。Filter简介Filter是用来格式化数据用的。Filter的基本原型（ ‘|" 类似于Linux中的管道模式）：{{ expression | filter }}Filter可以被链式使用（即连续使用多个filter）：{{ expression | filter1 | filter2 | ... }}Filter也可以指定多个参数：...
jquery实现倒计时功能

jquery实现倒计时功能

2017年02月06日 12 阅读
本文实例为大家分享了jquery倒计时功能的实现代码，供大家参考，具体内容如下定义和用法：setInterval（） 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval（） 方法会不停地调用函数，直到 clearInterval（） 被调用或窗口被关闭。由 setInterval（） 返回的 ID 值可用作 clearInterval（） 方法的参数。下面举例<html> <head><meta c...
浅析AngularJS Filter用法

浅析AngularJS Filter用法

2017年02月06日 13 阅读
系统的学习了一下angularjs，发现angularjs的有些思想根php的模块smarty很像，例如数据绑定，filter。如果对smarty比较熟悉的话，学习angularjs会比较容易一点,这篇文章给大家介绍angularjs filter用法详解，感兴趣的朋友一起学习吧Filter简介Filter是用来格式化数据用的。Filter的基本原型（ ‘|" 类似于Linux中的管道模式）：复制代码 代码如下:{{ expression | filter...
AngularJS进行性能调优的7个建议

AngularJS进行性能调优的7个建议

2017年02月06日 12 阅读
AnglarJS作为一款优秀的Web框架，可大大简化前端开发的负担。近日Sebastian Fröstl在一篇博文《AngularJS Performance Tuning for Long Lists》中表示AnglarJS在处理包含复杂数据结构的大型列表时，其运行速度会非常慢。他在文中同时分享了解决方案。下面为该文的译文。 AnglarJS很棒，但当处理包含复杂数据结构的大型列表时，其运行速度就会非常慢。这是我们将核心管理页面迁移到Angu...
Angularjs注入拦截器实现Loading效果

Angularjs注入拦截器实现Loading效果

2017年02月06日 12 阅读
angularjs作为一个全ajax的框架，对于请求，如果页面上不做任何操作的话，在结果烦回来之前，页面是没有任何响应的，不像普通的HTTP请求，会有进度条之类。什么是拦截器？$httpProvider 中有一个 interceptors 数组，而所谓拦截器只是一个简单的注册到了该数组中的常规服务工厂。下面的例子告诉你怎么创建一个拦截器:<！-- lang: js -->module.factory（"myInterceptor", ["$lo...
Bootstrap实现默认导航栏效果

Bootstrap实现默认导航栏效果

2017年02月06日 11 阅读
导航栏是一个很好的功能，是 Bootstrap 网站的一个突出特点。导航栏是响应式元组件就，作为应用程序或网站的导航标题。导航栏在移动设备的视图中是折叠的，随着可用视口宽度的增加，导航栏也会水平展开。在 Bootstrap 导航栏的核心中，导航栏包括了为站点名称和基本的导航定义样式。创建一个默认的导航栏的步骤如下：向 <nav> 标签添加 class .navbar、.navbar-default（白底黑字），navbar-inverse（黑底...
浅析AngularJs HTTP响应拦截器

浅析AngularJs HTTP响应拦截器

2017年02月06日 11 阅读
为何要用拦截器？任何时候，如果我们想要为请求添加全局功能，例如身份认证、错误处理等，在请求发送给服务器之前或服务器返回时对其进行拦截，是比较好的实现手段。angularJs通过拦截器提供了一个从全局层面进行处理的途径.拦截器允许你:通过实现 request 方法拦截请求: 该方法会在 $http 发送请求道后台之前执行，因此你可以修改配置或做其他的操作。该方法接收请求配置对象（request configuration object）作为参数，然后必须返回...
Nodejs express框架一个工程中同时使用ejs模版和jade模版

Nodejs express框架一个工程中同时使用ejs模版和jade模版

2017年02月06日 11 阅读
在某些项目中，比如你接手了一个别人的项目然后你不想用蛋疼的ejs，或者你不想用蛋疼的jade。你有不想重写之前的页面，那么你现在可能需要新引入ejs或者jade模块，你仅仅需要做下面两步也许就能完成使用两个模版的工作1.consolidate.jscd 到项目目录：npm install consolidate --save打开项目的app.js（也许你的叫其他名字） 把app.js的形如下面的代码片段app.set（"view engine", "ja...
基于jQuery实现选取月份插件附源码下载

基于jQuery实现选取月份插件附源码下载

2017年02月06日 11 阅读
这是一个基于jQuery的可以选择年份和月份的月份拾取插件，你可以设置点击页面上的任意元素触发弹出年月选择面板，可以是一个链接也可以是一个输入框，广泛应用于月份查询，而无需设置select表单。效果展示源码下载 HTML首先将monthpicker插件相关的css和js文件载入，大家可以到源码下载里下载css和js文件。<link rel="stylesheet" type="text/css" href="jquery.monthpicker.cs...
Bootstrap导航栏各元素操作方法（表单、按钮、文本）

Bootstrap导航栏各元素操作方法（表单、按钮、文本）

2017年02月06日 13 阅读
本文主要包括三大方面，大家仔细学习。1、导航栏中的表单导航栏中的表单不是使用 Bootstrap 表单 章节中所讲到的默认的 class，它是使用 .navbar-form class。这确保了表单适当的垂直对齐和在较窄的视口中折叠的行为。使用对齐方式选项（这将在组件对齐方式部分进行详细讲解）来决定导航栏中的内容放置在哪里。下面的实例演示了这点：<！DOCTYPE html> <html> <head><title...
简单介绍JavaScript数据类型之隐式类型转换

简单介绍JavaScript数据类型之隐式类型转换

2017年02月06日 14 阅读
JavaScript的数据类型分为六种，分别为null,undefined,boolean,string,number,object。object是引用类型，其它的五种是基本类型或者是原始类型。我们可以用typeof方法打印来某个是属于哪个类型的。不同类型的变量比较要先转类型，叫做类型转换，类型转换也叫隐式转换。隐式转换通常发生在运算符加减乘除，等于，还有小于，大于等。。typeof "11" //stringtypeof（11） //number"11...
原生js配合cookie制作保存路径的拖拽

原生js配合cookie制作保存路径的拖拽

2017年02月06日 11 阅读
主要是运用了原生js封装了一个cookie，然后使用了三个事件做拖拽，分别是onmousedown，onmousemove，onmouseup，这三个事件其中两个需要添加事件对象，也就是event，事件对象是一个不兼容的东西，所以需要处理兼容性的问题，也就是oEvent = ev || event; 通过事件对象，获取鼠标点击屏幕时的那个点，然后减去被拖拽物体距离左边的一个距离，最终就可以获取到当前点击位置距离物体的距离。最后在onmouseup的时候做了...
JavaScript仿支付宝密码输入框

JavaScript仿支付宝密码输入框

2017年02月06日 12 阅读
现在很多时候大家付款的场景都是在手机上面，而随着H5页面的开发变得越来越方便，很多场景也从客户端搬到了浏览器中，其中支付这个场景就很自然的被放在了浏览器中。那么这样的输入框大家一定不会陌生吧：那么今天我就用JavaScript代码来实现这个效果吧，那么首先介绍一下整个的思路，首先我们先将确定输入密码的位数，我的需求是5位，那么就用一个div标签包住5个input标签。并且给这个5个input设置display: inline-block 属性，同时用<...
<< 1261 1262 1263 1264 1265 1266 1267 1268 1269 1270 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图