Welcome

首页 / 脚本样式 / JavaScript

jQuery加载及解析XML文件的方法实例分析

2017-02-06 48
本文实例讲述了jQuery加载及解析XML文件的方法。分享给大家供大家参考，具体如下：1、简述XML（eXtensible Markup Language）即可扩展标记语言，与HTML一样，都是属于SGML标准通用语言。2、 Content-Type很多情况下XML文件不能正常解析都是由于Content-Type没有设置好。如果Content-Type本身就是一个XML文件则不需要设置；如果是由后台程序动态生成的，那么就需要设置Content-Type为“...

jQuery实现的分页功能示例

2017-02-06 49
本文实例讲述了jQuery实现的分页功能。分享给大家供大家参考，具体如下：1、分页栏HTML码<div class="g-cf g-pagerwp"><div style="visibility:hidden" class="g-pager"></div></div>2、CSS样式文件.g-cf:after {clear: both;content: "";display: table;}.g-cf {zoo...

angularJS 指令封装回到顶部示例详解

2017-02-06 54
关于angularJS如何回到顶部，还是直接code吧！1.构建指令，使用registerDirective构建指令添加到内部的hasDirectives对象内，以方便后面在全局查找指令的时候进行匹配。/** **回到顶部 **/define（["app"], function （app） {app（）.registerDirective（"backToTop", function （） { return { restrict: "E", link: fu...

利用JS实现文字的聚合动画效果

2017-02-06 73
前言所谓文字聚合效果，原理就是将容器分为若干的小块，然后每个小块设置 background-poisition ，最后添加css3动画就可以了，去掉注释，也就仅仅20行的代码。先来看看效果图：js代码如下：//c为列数，r为行数，把box划分成多少个小块 var box = document.querySelector（".boxWrap1"）,c=4,r=8; //每个小块的宽高 var w = box.offsetWidth/c,h = box.off...

node.js基于mongodb的搜索分页示例

2017-02-06 41
mongodb模糊查询并分页1.建立数据库代码如下：var mongoose = require（"mongoose"）;var shortid = require（"shortid"）;var Schema = mongoose.Schema;var IndexDataSchema = new Schema（{_id: {type: String,unique: true,"default": shortid.generate},type: String...

JS实现点击表头表格自动排序（含数字、字符串、日期）

2017-02-06 49
效果图如下：Demo演示地址：点击这里主要的JS代码如下：var tbody = document.querySelector（"#tableSort"）.tBodies[0];var th = document.querySelector（"#tableSort"）.tHead.rows[0].cells;var td = tbody.rows;for （var i = 0;i < th.length;i++）{th[i].flag = 1;th[...

通过jsonp获取json数据实现AJAX跨域请求

2017-02-06 42
AJAX（异步的 JavaScript 和 XML）是用于创建快速动态网页的一种技术，它在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页，ajax 使用XMLHttpRequest对象在后台与服务器交换数据，XMLHttpRequest 是 AJAX 的基础，它允许客户端 JavaScript 通过 HTTP请求连接到远程服务器。但是，由于受到浏览器的限制，这种方法不可以进行跨域访问，如果使用这种方法进行跨域访问则会出现安全问题。不过，我们可以...

全面总结Javascript对数组对象的各种操作

2017-02-06 49
数组数组定义：简而言之就是一组有序的数据集合，其索引为从0开始且自然增长的整数，其元素值可以是任何js数据！并且包含一个名为length的属性，该属性表示数组元素的个数！一、定义数组，有三种定义方式：方式一：var arr=new Array（）; arr[0]=“11”; arr[1]=“22”; arr[2]=“33”; 方式二：var arr=new Array（“11”,“22”,“33”）; 方式三：var arr=[“11”,“22”,“33”...

loading动画特效小结

2017-02-06 41
话不多说，请看代码<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>lodading动画效果上</title> <link rel="stylesheet" href="style.css"/> <style> .box{ width: 100%; padding:3%; bo...

Javascript中字符串和数字的操作方法整理

2017-02-06 44
1、length – 返回字符串的长度‘abcd".length; //4 2、Math.ceil（num） – 向上取整，不管小数点后面是多少，哪怕.00001，也会向上进一位。Math.ceil（25.9）; //26 Math.ceil（25.5）; //26 Math.ceil（25.1）; //26 3、Math.floor（num） – 向下取整，不管小数点后面是多少，哪怕.99999，也会向下减一位。Math.floor（25.9）; //2...

JavaScript中匿名函数的递归调用

2017-02-06 38
不管是什么编程语言，相信稍微写过几行代码的同学，对递归都不会陌生。 以一个简单的阶乘计算为例：function factorial（n） { if （n <= 1） {return 1;} else {return n * factorial（n-1）;}}我们可以看出，递归就是在函数内部调用对自身的调用。 那么问题来了，我们知道在Javascript中，有一类函数叫做匿名函数，没有名称，怎么调用呢？当然你可以说，可以把匿名函数赋值给一个常量：con...

JavaScript 详解预编译原理

2017-02-06 48
JavaScript 预编译原理今天用了大量时间复习了作用域、预编译等等知识 看了很多博文，翻开了以前看过的书（好像好多书都不会讲预编译） 发现当初觉得自己学的很明白，其实还是存在一些思维误区 （很多博文具有误导性） 今晚就整理了一下凌乱的思路 先整理一下预编译的知识吧，日后有时间再把作用域详细讲解一下大家要明白，这个预编译和传统的编译是不一样的（可以理解js预编译为特殊的编译过程） JavaScript是解释型语言， 既然是解释型语言，就是编译一行，执行...

Bootstrap 下拉多选框插件Bootstrap Multiselect

2017-02-06 59
引入文件：<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"/><link rel="stylesheet" href="css/bootstrap-multiselect.css" type="text/css"/><script type="text/javascript" src="js/bootstrap-multiselect.js"...

Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例

2017-02-06 44
00.混乱的前端界Angular1.x确实是个学习成本很高的框架，刚开始实习那会儿，前端啥也不懂，工头说用Angular，我们这群小弟也只能硬着头皮学。在这之前，前端的东西大部分都用的jQuery，而Angular正好是和jQuery的思维是相反的，开发过程中遇到了不少坑。而Angular团队也放弃了1.x开始开发和React神似的2.0版本，唉，真是沧海桑田啊。01.Angular vs jQueryAngular模块化和解耦的思路确实值得一学，但是相对...

JavaScript 事件对内存和性能的影响

2017-02-06 50
虽说事件处理程序可以为现代 Web 页面添加很强的交互能力，但是不分青红皂白就添加大量的事件处理程序绝对是一种愚蠢的行为。我们来分析一下：事件处理程序本质上是一种函数，是一种对象，存放在内存中，设置大量的事件处理程序会使内存中的对象变多，Web 程序的性能会变得越来越差，用户体验很不好。为了更好地利用好事件处理程序，便出现了事件委托，用来提升性能。事件委托事件委托（event delegation）：把若干个子节点上的相同事件的处理函数绑定到它的父节点上去...

前端分页功能的实现以及原理（jQuery）

2017-02-06 64
分页场景常见于电商网站，比如说淘宝天猫的评论区，分页功能一般是后台实现，前端请求就完事了。现闲得无聊，就写出来玩玩，只实现功能，并未封装。基于jq实现分页功能，大致分为以下几步：定义一个分页方法，可多次调用参数设置请求数据页面跳转方法创建非数字按钮和数据内容区创建数字按钮首屏加载调用结构层只需要一个容器<div class="pagination-nick"></div>一、定义分页方法function paginationNick...

jQuery DateTimePicker 日期和时间插件示例

2017-02-06 116
jQuery UI很强大，其中的日期选择插件Datepicker是一个配置灵活的插件，我们可以自定义其展示方式，包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等。日期选择插件是一个配置灵活的插件，你可以定义它的展示方式，包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等文档和下载地址：1、jQuery-Timepicker-Addon的下载地址：http://xiazai.jb51.net/201701/yuanma/jQue...

JavaScript 栈的详解及实例代码

2017-02-06 51
JavaScript 栈栈是一种遵从先进后出（LIFO）原则的有序集合。 新添加或待删除的元素都保存在栈的末尾，称作栈顶，另一端就叫栈底。 在栈里，新元素都靠近栈顶，旧元素都接近栈底昨天因为有点事没有更新，今天打算给大家讲讲JavaScript实现的数据结构 数据结构与算法是程序语言的灵魂，是解决一切编程问题的基础 以前学C/C++的时候，感觉算法还是非常重要的，但是前端涉及的并不多 不管怎样，作为技术人员，理解一些基本数据结构和算法应该是必须的 而且我们...

详解javascript中对数据格式化的思考

2017-02-06 42
在实际应用场景中，我们常常需将一些数据输出成更加符合人类习惯阅读的格式。保留小数点后面两位在一些要求精度没有那么准确的场景下，我们可以直接通过Number.prototype.toFixed（）来实现保留小数点两位这样的需求。var num = 123.45678console.log（num.toFixed（2）） //123.46var num2 = 12console.log（num2.toFixed（2）） //12.00不过如果恰好，数字是一个整...

bootstrap 模态框（modal）实现水平垂直居中显示

2017-02-06 96
众所周知，bootstrap是一款非常实用的CSS框架（主要用于样式的快速搭建），由于其简洁，美观，快捷，响应式等特点备受大家喜欢，但是其本身也是存在很多bug，当应对与具体的业务逻辑的时候往往达不到细节要求，比如今天我要谈的bootstrap的模态框，其默认是显示距离顶端30px，左右居中。 怎么让其在垂直方向也居中呢？ 大家可能想加一个CSS样式，让其距离顶部距离变长，实践是检验真理的唯一标准，当你去试过会发现很多问题，在不修改源码的前提下修改插件并...
<< 11 12 13 14 15 16 17 18 19 20 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图