Javascript
JS实现两版本号大小比较
昨天，有一道面试题，要求是这样的： 用你熟悉的编程语言，实现一个比较任意两个软件版本号大小的函数，如1.2.3a与1.2.4b进行比较，后者版本号更大，要求：不可以使用系统提示的比较函数；对于一个接触前端开发时间较短的初级前端来说，我还是认真仔细的思考了一下，下边便是我的代码 1<!DOCTYPEht...
JS的五大设计模式
*1.单例模式单例模式的定义：保证一个类仅仅有一个实例，并提供一个访问他的全局访问点。意义：有的时候，一些对象我们仅仅需要一个，比如说线程池、全局缓存、浏览器中的window对象，我们在前端也经常会使用到单例，当我们点击登录按钮的时候，我们会出现一个登录的副创，这个浮窗是唯一的，无论我们点击多少次，这个浮窗仅仅会被创建...
viewerjs 在html打开图片或打开pdf文件使用案例
开发者常用到在线访问pdf,txt，浏览图片的插件，这里推荐viewer.js这个插件，简单好用。它的核心亮点就是查看图片和pdf功能。老早以前就用过的，昨天一个小伙伴问我Android开发在线浏览pdf怎么弄？我一下想到这个插件，帮人搞出来了，感觉这个还是得总结一下才好，不然觉得简单又容易忘记。1.使用viewerj...
用Jquery控制元素的上下移动 实现排序功能
在页面上，控制元素上下移动，进行排序是我们比较常用的功能，今天我用jQuery 写个 简单方便，功能齐全的实现方式。话不多说，直接上代码,下面是基础的引入jq和html元素部分：<scriptsrc="http://code.jquery.com/jquery-1.10.2.js">&l...
用echartsjs 实现动态绘制折线、柱状等图形，并实现多图联动效果
echarts对于大数据处理后绘制折线图，柱形图等等的效果和速度都很好。下面我们介绍怎么把封装的数据列表解析出来，动态绘图，并且实现鼠标联动效果引入js文件:<scripttype="text/javascript"src="js/jquery-1.12.3.min.js"></script>&...
js 实现div模块的截图并下载功能（可制作长图）
当需要实现html页面部分模块截图并具有保存图片功能时，前台直接生成截图并下载会方便的多。多的不说，直接看代码首先我们需要引入2个js文件：<scripttype="text/javascript"src="js/html2canvas.js"></script><script...
js 去掉数组中重复值，不重复的值保留
这里介绍2中方式：js代码如下vararr=[1,7,3,2,1,4,12,3,"3",3]functioncompare(arr){varresult=[],isfl;for(vari=0;i<arr.length;i++){isfl=false;for(varj=0;j<result.length;j+...
angularjs 给封装的模态框元素传值，和实现兄弟传值
本例实现封装的元素所放的位置不同，而选择不同的传值，这里举例封装了bootstrap模态框，以后也方便大家去直接使用。方法举例如下：首先主页调用css/js有：<linkrel="stylesheet"href="css/bootstrap.css"type="text/css"></link>...
angularJS简单调用接口，实现数组页面打印
相比较jquery，angular对这种接口数据处理起来会方便的多。这里举例调用中国天气网的api接口。首先肯定要引入angular.js这个不多说<linkrel="stylesheet"href="css/bootstrap.css"type="text/css"></link><sc...
jquery 循环数组输出显示在html页面
jquery没有双向数据绑定，但是很多需求确实需要我们从后台接收到数组或者对象循环显示在前台页面上，这时我们可以用字符串拼接，元素添加的方法去实现js部分如下：$(function(){vara=["1aa","2bb","3cc"];$("#come").click(function(){vardiv1='<d...
jquery学习
好比类库，工具类，封装了大量js代码。js的bug，不足，兼容性好。jQuery是一个快速，小巧，功能丰富的JavaScript库。它通过易于使用的API在大量浏览器中运行，使得HTML文档遍历和操作，事件处理，动画和Ajax变得更加简单。通过多功能性和可扩展性的结合，jQuery改变了数百万人编写Java...
js节点的创建添加删除
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title></head><body><ulid="box"></ul...
js对属性的操作
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><styletype="text/css">.a{color:red;font-size...
js对样式的操作
本文有：对某个事件的来回操作实现对css样式的来回修改。比如实现hover效果 <!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><stylety...
js获取标签的三种方式
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><styletype="text/css">ulli{color:black;}ulli...
