Welcome 微信登录

首页 / 脚本样式 / JavaScript

深入学习JavaScript对象

深入学习JavaScript对象

JavaScript中,除了五种原始类型(即数字,字符串,布尔值,null,undefined)之外的都是对象了,所以,不把对象学明白怎么继续往下学习呢?一.概述对象是一种复合值,它将很多值(原始值或其他对象)聚合在一起,可通过属性名访问这些值。而属性名可以是包含空字符串在内的任意字符串。 JavaScript对象也可以称作一种数据结构,正如我们经常听说的“散列(hash)”、“散列表(hashtable)”、“字典 (dictionary)”、“关联数组...
smartcrop.js智能图片裁剪库

smartcrop.js智能图片裁剪库

smartcrop.js 是一个裁图不会裁掉人脸的 JS 插件今天将为大家介绍一款近期github上很不错的开源库 – smartcrop.js。它是一款图片处理的智能裁剪库。在很多项目开发中,经常会遇见上传图片的场景,它可能是用户照片信息,也可能是商品图片等。然而在网页布局中,为了更好的用户体验,它们往往都需要一些宽度和高度的限制。对于不合适的图片,常常需要为用户提供一种裁剪方式,以此来满足网站更好的用户体验。但是图片默认的裁剪区域往往被显示在一个固定的...
JavaScript实现的伸展收缩型菜单代码

JavaScript实现的伸展收缩型菜单代码

本文实例讲述了JavaScript实现的伸展收缩型菜单代码。分享给大家供大家参考。具体如下:这是一款真正的JavaScript伸展收缩型菜单,鼠标放上看一看,是不是很酷?鼠标划出菜单项的时候,背景会伸长。菜单没有加链接,想用的自己加,再美化一下,绝对够个性吧。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-zkss-menu-codes/具体代码如下:<html><head><...
JS仿淘宝实现的简单滑动门效果代码

JS仿淘宝实现的简单滑动门效果代码

本文实例讲述了JS仿淘宝实现的简单滑动门效果代码。分享给大家供大家参考。具体如下:这是一个简单的仿淘宝滑动门效果代码,个人感觉真的挺不错,以前有过一款和这个差不多。在滑动门里你可以再次布局你的网页,可以做成一个功能超强大的导航,原示例是一个拼音索引程序,改成菜单也是可以的。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-f-taobao-simple-hdm-style-demo/具体代码如下:<!...
JS实现的最简Table选项卡效果

JS实现的最简Table选项卡效果

本文实例讲述了JS实现的最简Table选项卡效果。分享给大家供大家参考。具体如下:这是一款最简易的Table选项卡,是基于Table表格的,非DIV结构,习惯表格的朋友可能会喜欢本选项卡,部分修饰仍然用的是Table,比如表格边框、背景颜色等,个人感觉好像用Table比用DIV结构代码更精简一些。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-z-simple-tab-nav-menu-codes/具体代...
JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果

JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果

本文实例讲述了JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果。分享给大家供大家参考。具体如下:这里演示JavaScript+CSS仿Mootools竖排黑色动画菜单,并非使用了Mootools,但效果却和使用了Mootools差不多,动画效果平滑,操作舒服,给菜单增色不少。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-css-mootools-style-demo/具体代码如下:...
浅谈angular.js中实现双向绑定的方法$watch $digest $apply

浅谈angular.js中实现双向绑定的方法$watch $digest $apply

Angular.js 中的特性,双向绑定.多么神奇的功能,让视图的改变直接反应到数据中,数据的改变又实时的通知到视图,如何做到的?这要归功于 scope 下面3个重要的方法:$watch$digest$apply他们的区别是什么,我们来介绍下:$watch这是一个监听 scope 上数据的监听器方法说明:$scope.$watch("参数",function(newValue,oldValue){ //逻辑处理})上面我们就是创建了一个监听器.‘参...
浅析四种常见的Javascript声明循环变量的书写方式

浅析四种常见的Javascript声明循环变量的书写方式

Javascript中的循环变量声明,到底应该放在哪儿?习惯1:不声明直接使用function loop(arr) {for (i = 0; i < arr.length; i++) { // do something} } 非常危险的使用习惯,一般情况下循环变量将成为window对象上的一个属性被全局使用,极有可能影响程序的正常逻辑实现。 需要着重提一下的是,在strict模式下,未声明变量而直接赋值的使用方式会直接抛出异常,早就该这么做啦!引用一...
Node.js与Sails ~项目结构与Mvc实现及日志机制

Node.js与Sails ~项目结构与Mvc实现及日志机制

本文首先从sails的安装讲起接下来介绍node.js与Sails的日志机制,小伙伴们已经迫不及待要看下文了吧,好吧。Sails是一个Node.js的中间件架构,帮助我们很方便的构建WEB应用程序,网址:http://www.sailsjs.org/,它主要是在Express框架的基础上发展起来的,扩展了新的功能组件,下面我们来看一下安装方法一 安装Sailsnpm -g install sails二 建立一个Sails的项目sails new testP...
如何实现移动端浏览器不显示 pc 端的广告

如何实现移动端浏览器不显示 pc 端的广告

前一段时间写了一篇博文, 关于微信内置浏览器不显示联盟广告根据 window.navigator.userAgent 来判断当前浏览器是否是微信内置浏览器window.navigator.userAgent=="micromessenger"今天要分享的内容差不多,因为之前只考虑了微信浏览器的适配,回头在移动端浏览器打开站点,发现适配问题.有的联盟会自动屏蔽移动端,但是有的联盟就不能屏蔽,所以只能手动去判断.根据浏览器 userAgent 判断来源安卓设备...
JS利用cookie记忆当前位置的防刷新导航效果

JS利用cookie记忆当前位置的防刷新导航效果

本文实例讲述了JS利用cookie记忆当前位置的防刷新导航效果。分享给大家供大家参考。具体如下:这里演示利用cookie记忆当前位置的防刷新导航条,主要向大家展示如何在Js中使用Cookies技术,用好了Cookies,会使你的Js技术更上一层楼。这个菜单就感觉不错,当你鼠标点击之后,重新刷新页面后它仍然是保留在原位置,好像带有记忆功能。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-cookie-nav...
JS+CSS实现另类带提示效果的竖向导航菜单

JS+CSS实现另类带提示效果的竖向导航菜单

本文实例讲述了JS+CSS实现另类带提示效果的竖向导航菜单。分享给大家供大家参考。具体如下:这是一款JS+CSS打造另类带提示的竖向导航菜单,觉得挺不错,只是美工水平有限,有兴趣的朋友就请继续完善吧。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-css-alert-txt-nav-menu-demo/具体代码如下:<html><head><title>带提示的竖向导航...
JS实现选中当前菜单后高亮显示的导航条效果

JS实现选中当前菜单后高亮显示的导航条效果

本文实例讲述了JS实现选中当前菜单后高亮显示的导航条效果。分享给大家供大家参考。具体如下:这里演示选中当前菜单后,该菜单高亮显示,也就是说在不改变菜单CSS代码的情况下,用JavaScript去控制菜单的背景,如果该菜单项被点击后,将赋予它一个与众不同的背景颜色或背景图像,这样可以清淅的指引用户下在浏览的网站栏目,本菜单不需要动态语言的加入,简单方便而且效果好。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/j...
jQuery实现仿QQ在线客服效果的滚动层代码

jQuery实现仿QQ在线客服效果的滚动层代码

本文实例讲述了jQuery实现仿QQ在线客服效果的滚动层代码。分享给大家供大家参考。具体如下:这是一款jQuery滚动层,可以做成仿QQ在线客服,虽然效果有点生硬,但水平就这么高了,弹出层是挺实用的,期待大家有新的改进。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-f-qq-online-style-scroll-style-demo/具体代码如下:<!DOCTYPE html PUBLI...
简单谈谈node.js 版本控制 nvm和 n

简单谈谈node.js 版本控制 nvm和 n

今天的话题包括2个部分1. node.js 下使用 nvm 或者 n 来进行版本控制2. nvm 安装node.js 版本后,重启终端 node , npm 环境变量失效第一部分 用什么来管理 node.js 版本首先应该欢呼庆祝一下 node.js 终于发布了有历史意义的正式版 1.0 ,虽然我们看到的是V4.0,其实他就是node.js 真正意义的 1.0, io.js 不负众望,完成了它的使命.回头看这几年node.js 以及 io.js 的发展速度...
jquery实现简单实用的弹出层效果代码

jquery实现简单实用的弹出层效果代码

本文实例讲述了jquery实现简单实用的弹出层效果。分享给大家供大家参考。具体如下:目前来说,我还是喜欢这个自己改造的弹出层,在项目中用的也是这个。引入了新版的jquery插件,方框及文字都可以自己定义,非常方便,希望大家也喜欢这款弹出层,JavaScript在本例中也充分发挥了作用,对学习JS也是不错的参考。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-simple-alert-style-d...
在Ubuntu系统上安装Node.JS的教程

在Ubuntu系统上安装Node.JS的教程

Node.js 在实时的 Web应用上采用了基于 WebSocket 的推送技术。这意味着什么样的革命性?Well,在经过了20多年的基于无状态的请求-返机制的无状态交互之后,我们终于有了实时的,双向连接的web应用,客户端和服务器端都可以发起通信,能够自由地交换数据。与此形成鲜明对比的是传统的 web响应模式,客户端总是主动发起通信而服务端被动返回。此外,这些都是基于运行在标准80端口上的开放Web组件(HTML、CSS和JS)。可能有人会说,我们已经使...
<< 1201 1202 1203 1204 1205 1206 1207 1208 1209 1210 >>