自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 资源 (2)
  • 收藏
  • 关注

原创 JavaScript的闭包和Java的匿名内部类相互比较

1、JavaScript的闭包和Java的匿名内部类:在学习java嵌套类的时候,发现匿名类、内部类与之前学习js闭包有很多相似之处深入了解后发现他们在解决问题上的思路是上有很多相同之处。并不是说java和js有很多的相同之处。即使在这闭包这个问题上,也能看出js和java这两门语言之间很大的一个不同点,js闭包中内部函数访问的是局部变量本身,而java匿名内部类的方法中用到的局部变量则是...

2019-06-16 22:41:58 728

原创 原生javascript、angularjs、angular2分别是如何监控DOM加载完成

1、问题:原生javascript、angularjs、angular2分别是如何监控页面加载在上一节中介绍了原生的angularjs实现拖拽布局,但在实际的开发中需要适配自己项目中的页面,对页面中的每个模块需要在初始化的时候取得相应的元素,此时遇到的问题就是页面DOM未渲染完成,getElementsByClassName得到的都是空值,由此引出angularJs中如何监控页面加载完成。...

2019-02-17 14:12:54 2114

原创 原生angularjs实现拖拽布局功能

今天给大家带来一个很有用原生angularjs的拖拽布局功能,可以说是相当丝滑。先来个效果动态图:具体实现:HTML模板:<div> <bg-splitter orientation="horizontal"> <bg-pane min-size="101" style="max-width:400"> ...

2019-02-17 14:12:39 1417 2

原创 angularJS中ng-repeat使用ng-model无法绑定问题

问题描述:    最近在项目中确实遇到这样的问题,在ng-reapet中如何为ng-model双向绑定呢?因为ng-model是ng-repeat动态生成的,ng-model=”变量”,什么变量,是未知的所以你无法在$scope."变量"取到值,就算取到值也是其中一个值,对ng-repeat下的每一循环绑定的值都会相互污染。确实挺奇怪的。解决方案:    首先ng-model设置为$p...

2019-02-17 14:12:12 1885

转载 AngularJs-指令和控制器交互

AngularJs-指令和控制器交互前言:  前段时间我们学习了angular的指令,他通过ECMA的方式创建元素,可以让我们共用这些元素,我们也知道可以通过 link的方法给这个指令添加一些动作事件,本节,我们将写入和让angular的指令能和控制器进行交互。1,指令和控制器的交互DOCTYPE html>html ng-app="MyController"

2017-11-13 19:25:40 282

转载 angular 控制器之间的通信

1, 利用作用域的继承方式由于作用域的继承是基于js的原型继承方式,所以这里分为两种情况,当作用域上面的值为基本类型的时候,修改父作用域上面的值会 影响到子作用域,反之,修改子作用域只会影响子作用域的值,不会影响父作用域上面的值;如果需要父作用域与子作用域共享一个值 的话,就需要用到后面一种,即作用域上的值为对象,任何一方的修改都能影响另一方,这是因为在js中对象都是引用类型。基本

2017-11-13 19:24:01 256

原创 css简介

什么是 CSS?· CSS 指层叠样式表 (CascadingStyle Sheets)· 样式定义如何显示 HTML元素· 样式通常存储在样式表中· 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题· 外部样式表可以极大提高工作效率· 外部样式表通常存储在 CSS 文件中· 多个样式定义可层叠为一CSS 样式表极大地提高了工作效率

2017-07-29 17:12:33 392

原创 javascript的splice、slice、split的比较

今天比较一下JavaScript Array 对象的三个方法:splice、slice、split:1、splice定义和用法splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。注释:该方法会改变原始数组。语法arrayObject.splice(index,howmany,item1,.....,itemX)参数描述

2016-08-23 17:12:51 733

原创 DOM加载

前沿处理页面文档加载的时候,我们遇到一个难题,就是使用window.onload这种将所有内容加载后(包括DOM文档结构,外部脚本、样式,图片音乐等)这样会导致在长时间加载页面的情况下,JS程序是不可用的状态。而JS其实只需要HTML DOM文档结构构造完毕之后就可以使用了,没必要等待诸如图片音乐和外部内容加载。一.问题所在首先了解一下浏览器加载的顺序:1.HTML解析

2016-08-19 16:44:24 1209

原创 Jquery实现弹幕效果

用jquery写了一个弹幕的小功能,供大家参考学习。前端显示 吐槽: 发射 样式 html,body{margin:0px;padding:0px;width: 100%;height:100%;font-family: "微软雅黑";font-

2016-08-16 22:21:02 2879

转载 JavaScript中的匿名函数及函数的闭包

原文地址:http://www.cnblogs.com/rainman/archive/2009/05/04/1448899.html1、匿名函数2、闭包3、举例4、注意1、匿名函数函数是JavaScript中最灵活的一种对象,这里只是讲解其匿名函数的用途。匿名函数:就是没有函数名的函数。1.1 函数的定义,首先简单介绍一下函数的定义,大致可分为三种方式第一种:这也是最

2016-07-21 15:23:51 490

原创 冒泡排序的优化方法

冒泡排序(Bubble Sort)是一种简单的排序算法。它的基本思路是对所有的相邻记录的关键字值进行比较,如果逆序则将其进行交换,最终达到有序化。冒泡排序算法的运作如下: 比较相邻的元素。如果第一个比第二个大,就交换他们两个。 对每一对相邻元素作同样的工作,从开始第一对到结尾的最后一对。在这一点,最后的元素应该会是最大的数。 针对所有的元素重复以上的步骤,除了最后一个。 持续每次对越来

2016-07-20 21:16:13 561

转载 从输入 URL 到页面加载完的过程中都发生了什么事情?

原文地址:http://www.guokr.com/question/554991/1)把URL分割成几个部分:协议、网络地址、资源路径。其中网络地址指示该连接网络上哪一台计算机,可以是域名或者IP地址,可以包括端口号;协议是从该计算机获取资源的方式,常见的是HTTP、FTP,不同协议有不同的通讯内容格式;资源路径指示从服务器上获取哪一项资源。例如:http://www.guokr.c

2016-07-05 09:54:56 329

原创 基于Bootstrap框架的图片轮播实现

前面介绍过原生的javascript实现图片轮播效果:http://blog.csdn.net/shoushou71/article/details/51628678,本节通过Bootstrap框架实现图片轮播效果。1.Bootstrap介绍    Bootstrap是由Twitter 公司(全球最大的微博)的两名技术工程师研发的一个基于HTML、CSS、J

2016-07-03 12:54:37 16144

原创 javaScript设计模式之装饰者模式

1.介绍       装饰者模式能够在不改变对象自身的基础上,在程序运行期间对对象动态的添加职责。与继承相比,装饰者是一种更加轻便灵活的做法,这是一种“即用即付”的方式。2.实例引入 var Plane = function(){}; Plane.prototype.fire = function(){ console.log( '发射普通子弹' ); } var Mis

2016-06-27 09:50:13 333

转载 Js apply 方法 详解

Js apply方法详解摘自:http://blog.csdn.net/qianzai5765638/article/details/6952321我在一开始看到JavaScript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享..  如有什么不对的或者说法不

2016-06-24 15:06:50 254

原创 javaScript设计模式之职责链模式

介绍职责链模式的定义:使多个对象都有机会处理请求,从而避免请求的的发送者和接受者之间的耦合关系,将这些对象连成一条链,并沿着这条链传递该请求,直到有一个对象处理它为止。实例引入var order = function( orderType, pay, stock ){ if ( orderType === 1 ){ // 500 元定金购买模式 if ( pay === tr

2016-06-23 20:38:23 281

原创 javaScript设计模式之模板方法模式

模板方法模式是一种只需要继承就可以实现的非常简单的模式,它定义了一个操作中的算法的骨架,而将一些步骤延迟到子类中。模板方法使得子类可以不改变一个算法的结构即可重定义该算法的某些特定步骤。        模板方法导致一种反向的控制结构,这种结构就是传说中的“好莱坞法则”,即“别找找我们,我们找你”,这指的是父类调用一个类的操作,而不是相反。假如存在一些平行的子类,各个子类之间存在相同行为,并且这

2016-06-22 20:52:33 290

原创 原生javascript实现图片轮播效果——续

在上一篇中只是简单的实现了原生javascript实现图片轮播效果中的自动播放和手动暂停,在这一篇中笔者加入了切换的动画效果、左右上下轮播可调、以及切换图片计数功能。 在html中加入一个div,作为图片计数用处,同样css参见给出的源码。其次在封装的库函数中加入设置动画的animate()函数,源码如下Base.prototype.animate = function

2016-06-10 21:05:09 1954

原创 原生javascript实现图片轮播效果

最近学习javascript实现动画效果,就用原生的javascript代码实现了图片轮播的效果,供大家参考学习。1.首先是个外围部分(其实也就是最外边的整体wrapper)2.首先设置图片轮播的地方(id=banner)3.然后是一个图片组(可以用新的div 也可以直接使用 ul-->li形式)4.然后是图片两端的左箭头和右箭头5.然后是一个透明背景层,放在图片底部6.然

2016-06-08 17:17:36 1096

原创 动态规划之寻找两个字符串最长公共子串

引入       寻找两个字符串的最长公共子串通常动态规划去解决。例如, 在单词“raven” 和“havoc” 中, 最长的公共子串是“av”。 寻找最长公共子串常用于遗传学中,用于使用核苷酸中碱基的首字母对DNA 分子进行描述。思路    首先考虑暴力方式开始去解决这个问题。 给出两个字符串 A 和 B, 我们可以通过从 A 的第一个字符开始

2016-03-29 09:35:52 2241

原创 JavaScript排序算法之归并排序

归并排序的 引入       自底向上的排序方法

2016-03-27 15:48:19 640

css设计指南第三版

有目录、带标签,可住标记。前端不可或缺的资源,图灵系列

2017-10-29

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除