Category: Javascript /Jquery / React / Bootstrap / Web

PHP计算两个日期内的天数, Javascript 计算两个日期内的天数, Finding the number of days between two dates

  PHP 版 function dateDiff($start, $end) { $start_ts = strtotime($start); $end_ts = strtotime($end); $diff = $end_ts - $start_ts; return round($diff / 86400); } echo dateDiff("2011-02-15", "2012-01-16").'days'; //Get number of days deference between current date and given date. echo dateDiff("2011-02-15", date('Y-m-d')).'days'; 或者 <… Read More

jQuery: 遍历json字符串, 遍历object数组,报错:Uncaught TypeError: Cannot use ‘in’ operator to search for ‘156’, Uncaught SyntaxError: Unexpected token k in JSON at position 2, loop over JSON string – $.each example

    遍历一个json字符串,或者object数组的方法: var json = [ {"id":"1","tagName":"apple"}, {"id":"2","tagName":"orange"}, {"id":"3","tagName":"banana"}, {"id":"4","tagName":"watermelon"}, {"id":"5","tagName":"pineapple"} ]; $.each(json, function(idx, obj) { alert(obj.tagName); }); Above code snippet is working fine, prompts the “app… Read More

2018年度国产开源软件排行

  1. Arthas:开源 Java 诊断工具 Arthas(阿尔萨斯)是阿里巴巴开源的 Java 诊断工具。 Arthas 支持 JDK 6+,采用命令行交互模式,同时提供丰富的 Tab 自动补全功能,进一步方便进行问题的定位和诊断。 项目主页:https://alibaba.github.io/arthas/ Github:https://github.com/alibaba/arthas/blob/master/site/src/site/sphinx/index.md 开源协议:GPLv3 开发语言:Java   2. OSROOM:Python 的开源 Web 系统 OSROOM 是使用 Python 3(>… Read More

使用pushState()改变url而不刷新, ajax与HTML5 history pushState/replaceState实例, 详解history.pushState和history.replaceState以及page ajax的实现

  我们使用location.hash来模拟ajax的前进后退功能。使用location.hash存在下面几个问题: 1.使用location.hash会导致地址栏的url发生变化,用户体验不够友好。 2.location.hash产生的历史记录无法修改,每次hash改变都会导致产生一个新的历史记录。 3.location.hash只是1个字符串,不能存储很多状态相关的信息。 为了解决这些问题,HTML5中引入了history.pushState()、history.replaceState()、popstate事件来处理浏览器历史记录的问题。下面的代码可以达到跟location.hash相同… Read More

JavaScript面向对象详解三:对象与继承

JavaScript的所有数据都可以看成对象,那是不是我们已经在使用面向对象编程了呢? 当然不是。如果我们只使用Number、Array、string以及基本的{...}定义的对象,还无法发挥出面向对象编程的威力。 JavaScript的面向对象编程和大多数其他语言如Java、C#的面向对象编程都不太一样。如果你熟悉Java或C#,很好,你一定明白面向对象的两个基本概念: 类:类是对象的类型模板,例如,定义Student类来表示学生,类本身是一种类型,Student表示学生类型,但不表示任何具体的某个学生; 实例:实例是根据类创建的对象,例如,根据Student类可以创建出xiaoming、xiaoh… Read More

JavaScript面向对象详解二:模式

对象的创建: 1 创建一个对象 var obj = new Object(); obj.name = 'haha'; obj.showName = function(){ alert(obj.name); } obj.showName(); 缺点:当我们想创建多个面向对象的时候,重复代码过多,需要封装,所以有了工厂方法。   2 工厂方式 function CreatePerson(name){ var obj = new Object(); //原料 obj.name = name; //加工 obj.showName = function(){ alert(this.name); }

JavaScript面向对象详解一:原理

概述 JavaScript中的面向对象是基于原型链来实现的,这不同于其他语言复制拷贝的方式。我觉得原型链的好处是节约内存,提高性能,缺点可能就是不那么容易理解。 下面我们就来循序渐进的通过原型链,来理解JavaScript中的面向对象。 面向对象的概念是为了解决什么问题? 如果我们想创建一个具有一定功能的集合,在JavaScript中我们可以这样写: var Animal = { name: 'kitty', sleep: function(){ console.log(this.name + " is sleeping"); } }; 即通过对象的形式,将一些属性(如name)或方法(如sleep)包装在一起,这样就形成了逻辑上的… Read More

javascript 获取url参数, Get URL Parameters With JavaScript

  有个url如下: http://example.com/?product=shirt&color=blue&newuser&size=m 我们该如何获取from这个参数的值呢?   方法一: function getAllUrlParams(url) { // get query string from url (optional) or window var queryString = url ? url.split('?')[1] : window.location.search.slice(1); // we'll store the parameters here var obj = {}; // if q… Read More

jQuery 插件:创建可折叠行的table, jQuery To Create Collapsible Bootstrap Tables – Bootstrap TreeFy

直接下载:jQuery-Plugin-To-Create-Collapsible-Bootstrap-Tables-Bootstrap-TreeFy 用法: 1. 引入 jQuery library 和 the jQuery Bootstrap TreeFy <link rel="stylesheet" href="dist/css/bootstrap-treefy.css"> <script src="//code.jquery.com/jquery-1.11.3.min.js"></script> <script src="dist/bootstrap-treefy.js">… Read More

javascript: 数字格式化, 数字处理, formatting numbers, manipulating ,Numeral.js

  项目地址:https://github.com/adamwdraper/Numeral-js Use it In the Browser <script src="numeral.min.js"></script> 或者使用CDN文件 <script src="//cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script> In Node.js npm install numeral var numeral = require('numeral'); 创建 创建数字的实例。数字采用它转换为… Read More

jQuery插件:带遮罩无限循环loading加载动画插件, jQuery LoadingOverlay

官网:https://gasparesganga.com/labs/jquery-loading-overlay/ 项目:https://github.com/gasparesganga/jquery-loading-overlay Get it 获取 GitHub View project on GitHub or download the latest release. npm npm install gasparesganga-jquery-loading-overlay Bower bower install gasparesganga-jquery-loading-overlay CDN https://cdn.jsdeli… Read More

jquery.serializeJSON: 包含未勾选的checkboxes, Problem with checkbox checked,

  jquery.serializeJSON 是什么? 怎么用? 请参看:JQuery: 提交表单数据,转换表单数据为json,values of Form to Json (jquery.serializeJSON)   当我们使用: <input type="checkbox" name="show" value="true" checked> 的时候, 当这个input没有被选中的话,那么默认将不会传值,也就是说,没有被选中(unchecked)的话,这个input的数据将不会被提交。 如果有需要想要提交的话,那么有以下三种方法:  默认的方法:写一个hidden输入框,并且name标签取一样… Read More