Welcome 微信登录

首页 / 脚本样式 / JavaScript

学习JavaScript设计模式之模板方法模式

学习JavaScript设计模式之模板方法模式

2017年02月06日 11 阅读
一、定义模板方法是基于继承的设计模式，可以很好的提高系统的扩展性。 java中的抽象父类、子类 模板方法有两部分结构组成，第一部分是抽象父类，第二部分是具体的实现子类。二、示例Coffee or Tea （1） 把水煮沸 （2） 用沸水浸泡茶叶 （3） 把茶水倒进杯子 （4） 加柠檬/* 抽象父类：饮料 */var Beverage = function（）{};// （1） 把水煮沸Beverage.prototype.boilWater = funct...
属于你的jQuery提示框（Tip）插件

属于你的jQuery提示框（Tip）插件

2017年02月06日 12 阅读
插件可以满足常用的提示显示，支持12个方向，支持边框、背景色、文本颜色自定义，支持位置微调、层级微调、宽度间距等参数调整。先看看效果：tips:提示信息组件参数：msg:"asdf",内容dire:2,方向w:250,宽度_x:0,横向偏移_y:0,纵向偏移zIndex:100000,层级borderColor:#FFF,边框颜色bgColor:#FFF,背景颜色useHover:true是否使用悬浮显示color:默认提示文字颜色padding:边距ja...
JS获取鼠标坐标位置实例分析

JS获取鼠标坐标位置实例分析

2017年02月06日 11 阅读
本文实例分析了JS获取鼠标坐标位置的方法。分享给大家供大家参考，具体如下：取鼠标坐标位置有这些：鼠标在视口的坐标位置（clientX,clientY）,鼠标在页面的坐标位置（pageX,pageY）,鼠标在屏幕的坐标位置（screenX,screenY），其中鼠标在视口的坐标位置（clientX,clientY）,以及鼠标在屏幕的坐标位置（screenX,screenY）在所有的浏览器中都支持，但是鼠标在页面的坐标位置（pageX,pageY）在IE8及更...
Javascript中神奇的this

Javascript中神奇的this

2017年02月06日 11 阅读
Javascript 当中的 this 与其他语言是完全不同的机制，很有可能会让一些编写其他语言的工程师迷惑。1. 误以为 this 指向函数自身根据 this 的英语语法，很容易将函数中出现的 this 理解为函数自身。在 javascript 当中函数作为一等公民，确实可以在调用的时候将属性值存储起来。但是如果使用方法不对，就会发生与实际预期不一致的情况。具体情况，请看下面代码function fn（num）{this.count++;}fn.coun...
使用angularjs创建简单表格

使用angularjs创建简单表格

2017年02月06日 11 阅读
初步接手人生的第一个项目，需要用angularjs制作表格和实现各种功能，因此遇到了各种问题和以前不熟悉的知识点，在此记录下来，以供大家学习交流，解决方式可能并不完善或符合规范，如果大家有更好的方式欢迎指出，由于这个表格功能的制作是一点点添加上去的，因此我也分成几个部分介绍，日后如增加了新的功能也会不时更新的首先，表格采用的是BootStrap样式编辑的，主要使用的是angularjs，为了方便也有jQuery的方法，在测试时需自行引入bootstrap，...
angularjs在ng-repeat中使用ng-model遇到的问题

angularjs在ng-repeat中使用ng-model遇到的问题

2017年02月06日 11 阅读
在ng-repeat中使用ng-model时会有许多问题，有的人碰到无法获取绑定的数据内容，有的人遇到改动绑定的数据内容时所有循环生成的内容一起改变。上面的问题我在开发时也遇到过，但是解决后我却怎么也还原不了那种情况了，只能先简单介绍一下无法获取的情景该如何解决。例如：html：<body><div ng-controller="selectController"><div ng-repeat="pop in citylist...
如何用angularjs制作一个完整的表格

如何用angularjs制作一个完整的表格

2017年02月06日 11 阅读
由于本人也是边学边写，因此整理的比较乱，下面放出我例子的完整代码，方便大家交流测试，如有问题欢迎评论首先，表格采用的是BootStrap样式编辑的，主要使用的是angularjs，为了方便也有jQuery的方法，在测试时需自行引入bootstrap，angularjs和jq的文件。 整体代码预览：HTML：<！DOCTYPE html><html lang="en" ng-app="myModule"><head> //...
js console.log打印对像与数组用法详解

js console.log打印对像与数组用法详解

2017年02月06日 11 阅读
本文实例讲述了js console.log打印对像与数组用法。分享给大家供大家参考，具体如下：console.log是什么东西，其实就是一个打印js数组和对像的函数而已，就像是php的print_r,var_dump。console.log这个函数本身没什么好说的，这篇博客告诉大家怎么去用这个函数。在说这个函数之前，我想大家用的最多查看js输出，是alert吧，但是alert，只能弹string或者是int的一、测试文件test.html<html ...
jquery及js实现动态加载js文件的方法

jquery及js实现动态加载js文件的方法

2017年02月06日 11 阅读
本文实例讲述了jquery及js实现动态加载js文件的方法。分享给大家供大家参考，具体如下：问题：如果用jquery append直接加载script标签的话，会报错的。除了document.write外，还有没有其他的比较好的动态加载js文件的方法。解决方法：1、jquery方法$.getScript（"./test.js"）;//加载js文件$.getScript（"./test.js",function（）{//加载test.js,成功后，并执行回调...
json格式数据的添加，删除及排序方法

json格式数据的添加，删除及排序方法

2017年02月06日 12 阅读
本文实例讲述了json格式数据的添加，删除及排序方法。分享给大家供大家参考，具体如下：js数据格式和json数据格式，各有各的用处，就个人而言，json更好用一点，js自身的数组和对像限制比较多。以js的数组举例：var a = ["1"];a[5] = 52;a.length //这儿的结果是6，也就是说，中间的key会自动补全，而值呢，是undefined一、添加和删除1、一维数组test = {}; //空json对像test["firstname"...
jquery mobile开发常见问题分析

jquery mobile开发常见问题分析

2017年02月06日 11 阅读
本文实例分析了jquery mobile开发常见问题。分享给大家供大家参考，具体如下：jquery mobile功能很强大，有了它，不用在程序中，写方法去判断，是什么手机了，完全可以用js来实现各种智能手机的的兼容性。也是因为功能强大，jquery mobile插件，200多K，min也有140多K。1、jquery mobile是通过ajax来进行页面请求，ajax大家都知道，是不涮新页面的。也就是说地址栏的变动也不是真实的涮新。这样就有问题了，js只有...
jQuery prototype冲突的2种解决方法（附demo示例下载）

jQuery prototype冲突的2种解决方法（附demo示例下载）

2017年02月06日 12 阅读
本文实例分析了jQuery prototype冲突的2种解决方法。分享给大家供大家参考，具体如下：jquery和prototype怎么会冲突，归根到底就是因为他们二个都用到了$，同时用，混淆了。这个问题解决过不下5次，每次解决都要查一下。淡疼，嘿嘿。方法一、在jquery的核心库文件中加代码。1、一般是jquery.js,或者jquery.min.js，有的带版本号的。知道是哪个文件就行。}）（ window ）;jQuery.noConflict（）; ...
<< 1281 1282 1283 1284 1285 1286 1287 1288 1289 1290 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图