Welcome

首页 / 脚本样式 / JavaScript

JS继承之借用构造函数继承和组合继承

2017-02-06 19
借用构造函数继承在解决原型中包含引用类型值所带来问题的过程中，开发人员开始使用一种叫做借用构造函数（constructor stealing）的技术（有时候也叫做伪造对象或经典继承）。这种技术的基本思想相当简单，即在子类型构造函数的内部调用超类型构造函数。基本模式function SuperType（）{ this.colors = ["red", "blue", "green"];}function SubType（）{//继承了SuperType Su...

Angular 理解module和injector，即依赖注入

2017-02-06 18
依赖注入（DI）的好处不再赘言，使用过spring框架的都知道。angularjs作为前台js框架，也提供了对DI的支持，这是javascript/jquery不具备的特性。angularjs中与DI相关有angular.module（）、angular.injector（）、 $injector、$provide。对于一个DI容器来说，必须具备3个要素：服务的注册、依赖关系的声明、对象的获取。比如spring中，服务的注册是通过xml配置文件的<b...

javascript宿主对象之window.navigator详解

2017-02-06 17
window.navigator用来反映浏览器及其功能信息的对象。// 检测浏览器版本信息function getBrowserInfo（）{var Sys = {};var ua = window.navigator.userAgent.toLowerCase（）;var re =/（msie|firefox|chrome|opera|version）.*?（[d.]+）/;var m = ua.match（re）;Sys.browser = m...

JS实现的幻灯片切换显示效果

2017-02-06 19
本文实例讲述了JS实现的幻灯片切换显示效果。分享给大家供大家参考，具体如下：html：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>...

JS简单实现tab切换效果的多窗口显示功能

2017-02-06 18
本文实例讲述了JS简单实现tab切换效果的多窗口显示功能。分享给大家供大家参考，具体如下：<div style=" text-align:center; margin-top:40px;"><div class="menubox"><span id="newstab1" class="hover" onmouseover="setTab（"newstab",1,3）"> <a href="###" target="...

轻松掌握JavaScript状态模式

2017-02-06 19
状态模式状态模式（State）允许一个对象在其内部状态改变的时候改变它的行为，对象看起来似乎修改了它的类。状态模式的使用场景也特别明确，有如下两点：1.一个对象的行为取决于它的状态，并且它必须在运行时刻根据状态改变它的行为。（有些对象通常会有好几个状态，在每个状态都只可以做当前状态才可以做的事情，而不能做其它状态能做的事儿）2.一个操作中含有大量的分支语句，而且这些分支语句依赖于该对象的状态。状态通常为一个或多个枚举常量的表示。一、有限状态机1.状态总数（...

利用Angularjs实现幻灯片效果

2017-02-06 17
前言Jquery发展至今,幻灯组件已经非常成熟，所以下面小编带大家一起看看利用Angularjs实现幻灯片效果的步骤。npm方式安装npm install angularjsSlider使用方法第一步（引入）require（"angularjsSlider"）（moduleName）;//引入第二步（参数配置）类型说明dataArray幻灯片图片数据 [{img: "1.jpg",link:"#"}...]timerNumber幻灯片切换间隔timer="...

JS实现简单易用的手机端浮动窗口显示效果

2017-02-06 18
本文实例讲述了JS实现简单易用的手机端浮动窗口显示效果。分享给大家供大家参考，具体如下：html：<style type="text/css">.fdBonTel{ width:100%; height:53px; position:fixed; background:#0052ae; text-align:center; left:0; bottom:0; z-index:999; }.fdOnline{ background:url（ind...

AngularJS实现按钮提示与点击变色效果

2017-02-06 18
本文用angularJS简单实现了一个小的按钮提示，按钮点击后会变色，注意html文件中需要引入jquery.js和angular.js运行截图：当点击按钮的时候 按钮的样式改变：css代码：<style type="text/css">*{margin: 0px;padding: 0px;}.bucSelectedButton{width: 100px;line-height: 30px;text-align: center;position...

详解AngularJS中ng-src指令的使用

2017-02-06 18
前言在日常开发工作中，有很多需求是在一个页面上显示一些图片。有时，图片的地址路径是由客户端的脚本来设置（它有可能是从数据库中获取的）。这是Angularjs的时代，当我们想使用Angularjs来实现在页面中展示图片，我们会简单使用： <img src=”path of image”>.如果我们只考虑展示，毫无疑问它没问题，但是在浏览器的控制台中会显示一个 404 （not found） 错误。为了解决这个问题，我们需要使用ng-Src。在使用...

Vue.js每天必学之过滤器与自定义过滤器

2017-02-06 19
基础类似于自定义指令，可以用全局方法 Vue.filter（） 注册一个自定义过滤器，它接收两个参数：过滤器 ID 和过滤器函数。过滤器函数以值为参数，返回转换后的值：Vue.filter（"reverse", function （value） { return value.split（""）.reverse（）.join（""）}）<！-- "abc" => "cba" --><span v-text="message | rev...

AngularJs bootstrap搭载前台框架——准备工作

2017-02-06 18
1.关于什么是AngularJs以及什么是bootstrap我就不多说了，简单说下，AngularJs是一个比较强大前台MVC框架，bootstrap是Twitter推出的一个用于前端开发的开源工具包，可以迅速搭建web前台，可以去官网看看（AngularJs：http://angularjs.org/ ，bootstrap：http://twitter.github.io/bootstrap/）。2.github上有一个比较好的纯净AngularJs a...

jQuery中的insertBefore（）,insertAfter（）,after（）,before（）区别介绍

2017-02-06 17
insertBefore（）:a.insertBefore（b） a在前，b在后, a：是一个选择器，b:也是一个选择器<！DOCTYPE html><html><head><meta charset="UTF-8"><title>jqu</title><script type="text/javascript" src="jquery-2.2.0.min...

使用jQuery.Qrcode插件在客户端动态生成二维码并添加自定义Logo

2017-02-06 19
0 Jquery.Qrcode简介Jquery.Qrcode.js是一个在浏览器端基于Jquery动态生成二维码的插件，支持Canvas和Table两种渲染方式，它的优点是在客户端动态生成，减轻了服务端压力，尤其是在大量使用二维码的系统中。Jquery.Qrcode主要包括以下参数设置：•render 定义二维码的渲染方式，有table和canvas两种渲染方式•width 定义二维码的宽度•height 定义二维码的高...

AngularJs bootstrap搭载前台框架——基础页面

2017-02-06 20
1.用AngularJs app种子初步搭载好框架之后就需要我们手动往里面填充一些东西了，首先打开我们的app文件夹下面的index.html,加入一些我们需要用的js和css（当然是bootstrap的），代码如下：<script src="lib/angular/angular.min.js"></script> <script src="lib/jquery/jquery-1.10.2.min.js"></s...

使用jQuery的toggle（）方法对HTML标签进行显示、隐藏的方法（示例）

2017-02-06 17
这是一个示例：<html><head><script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.js"></script><script type="text/javascript">$（document）.ready（function（）{$（".btn1"）.click（function（）{$（"p"）...

AngularJs bootstrap搭载前台框架——js控制部分

2017-02-06 19
这个简单的框架最后只剩下了js的控制部分了，angular框架有自己的逻辑部分，有自己的controller和service层，由于我们可能要用到angular的一些内置的resource和cookie，所以我们需要再加入angular的一些lib： --------------index.html------------------<script src="lib/angular/angular-strap.js"></script&...

AngularJs html compiler详解及示例代码

2017-02-06 21
原文再续，书接上回。。。依旧参考http://code.angularjs.org/1.0.2/docs/guide/compiler一、总括 Angular的HTML compiler允许开发者自定义新的HTML语法。compiler允许我们对任意HTML元素或属性，甚至是新的HTML标签、属性（如<beautiful girl=”cf”></beautiful >）附加行为。Angular将这些附加行为称为directives...

通过JS和PHP两种方法判断用户请求时使用的浏览器类型

2017-02-06 17
在进行微信公众账号开发的时候，其中很大一块是微站点的开发，我们需要知道当前的浏览器是微信内置的浏览器，那么如何判断呢？微信内置浏览器的 User Agent如何判断微信内置浏览器，首先需要获取微信内置浏览器的User Agent，经过在 iPhone 上微信的浏览器的检测，它的 User Agent 是：Mozilla/5.0 （iPhone; CPU iPhone OS 6_1_3 like Mac OS X） AppleWebKit/536.26 （K...

AngularJs concepts详解及示例代码

2017-02-06 19
原版地址：http://code.angularjs.org/1.0.2/docs/guide/concepts继续。。一、总括本文主要是angular组件（components）的概览，并说明他们如何工作。列表如下：statup - 依旧是hello world...改为Hello Kitty！runtime - 介绍angular的runtimescope - view与contorller的纽带（神马glue...胶）controller - app...
<< 121 122 123 124 125 126 127 128 129 130 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图