Bootstrap每天必学之面板

2017年02月06日 11 阅读

1、面板面板（Panels）是Bootstrap框架新增的一个组件，其主要作用就是用来处理一些其他组件无法完成的功能。同样在不同的版本中具有不同的源码：☑ Less版本：对应的源码文件是 panels.less☑ Sass版本：对应的源码文件是 _panels.scss☑ 编译后的Bootstrap：对应bootstrap.css文件第4995行～第5302行2、面板–基础面板基础面板非常简单，就是一个div容器运用了“...

Bootstrap每天必学之js插件

2017年02月06日 11 阅读

1、Bootstrap 插件概览在前面 布局组件 章节中所讨论到的组件仅仅是个开始。Bootstrap 自带 12 种 jQuery 插件，扩展了功能，可以给站点添加更多的互动。即使您不是一名高级的 JavaScript 开发人员，您也可以着手学习 Bootstrap 的 JavaScript 插件。利用 Bootstrap 数据 API（Bootstrap Data API），大部分的插件可以在不编写任何代码的情况被触发。2、导入JavaScript插件...

javascript作用域链（Scope Chain）用法实例解析

2017年02月06日 12 阅读

本文实例分析了javascript作用域链（Scope Chain）用法。分享给大家供大家参考，具体如下：关于js的作用域链，早有耳闻，也曾看过几篇介绍性的博文，但一直都理解的模棱两可。近日又精心翻看了一下《悟透Javascript》这本书，觉得写得太深刻，在“代码的时空”一节里有一段介绍作用域链的地方寥寥数语，回味无穷（其实还是理解的模棱两可^_^）。现在整理下自己的读书笔记，顺便借鉴网上资源，写下来。一、从一个简单的问题说起下面的js代码在页面中运行显...

全面解析Bootstrap排版使用方法（标题）

2017年02月06日 11 阅读

Bootstrap和普通的HTML页面一样，定义标题都是使用标签<h1>到<h6>,只不过Bootstrap覆盖了其默认的样式，使用其在所有浏览器下显示的效果一样，具体定义的规则可以如下表所示：<！--Bootstrap中的标题--> <h1>Bootstrap标题一</h1><h2>Bootstrap标题二</h2><h3>Bootstrap标题三</h...

JavaScript基础篇（3）之Object、Function等引用类型

2017年02月06日 12 阅读

阅读目录Object类型1、通过构造函数来创建2、通过字面量表示法来创建对象Array类型同样Array也有两种创建方式:如果我们想要打印数组中所有的值，直接打印数组的变量名就可以：往数组添值：栈方法、队列方法：关于数组的排序：数组的一些操作方法：查找位置方法迭代方法归并方法Date类型RegExp类型Function类型三种表示法：方法重载函数内部属性（arguments 和 this）基本包装类型浏览器的内置对象URI 编码方法总结我们在《一步步学习j...

javascript中eval和with用法实例总结

2017年02月06日 11 阅读

本文实例讲述了javascript中eval和with用法。分享给大家供大家参考，具体如下：我们都知道javascript的作用域机制，但是with和eval有时会“破坏”我们对于作用域的常规理解。下面参考网上资源和自己理解总结一下eval和with的用法。一、eval1、eval函数：把一个字符串当作一个js表达式一样去执行它.2、语法：eval（strScript） 注：参数strScript是必填项3、使用说明（1）它是有返回值的，如果参数字符串是一...

全面解析Bootstrap排版使用方法（文字样式）

2017年02月06日 11 阅读

一、段落 段落是排版中另一个重要元素之一。在Bootstrap中为文本设置了一个全局的文本样式（这里所说的文本是指正文文本）：1、全局文本字号为14px（font-size）。2、行高为1.42857143（line-height），大约是20px（大家看到一串的小数或许会有疑惑，其实他是通过LESS编译器计算出来的，当然Sass也有这样的功能）。3、颜色为深灰色（#333）；二、文字样式 在实际项目中，对于一些重要的文本，希望突出强调的部分都会做另外...

基于js实现微信发送好友如何分享到朋友圈、微博

2017年02月06日 11 阅读

微信浏览器内置了javascript私有对象WeixinJSBridge，可以实现发送给朋友、分享到朋友圈、分享到微博等功能。<script>var imgUrl = "图片地址";var lineLink = "当前网址";var descContent = "描述";var shareTitle = "标题";var appid = "";function shareFriend（） { WeixinJSBridge.invoke（"sen...

基于javascript如何传递特殊字符

2017年02月06日 11 阅读

在没步入正轨之前，先给大家介绍JavaScript 特殊字符你可以在 JavaScript 中使用反斜杠来向文本字符串添加特殊字符。插入特殊字符反斜杠用来在文本字符串中插入省略号、换行符、引号和其他特殊字符。请看下面的 JavaScript 代码：var txt="We are the so-called "Vikings" from the north."document.write（txt）在 JavaScript 中，字符串使用单引号或者双引号来起始...

javascript for-in有序遍历json数据并探讨各个浏览器差异

2017年02月06日 12 阅读

object本身就是无对象的集合，因此在用 for-in 语句遍历对象的属性时，遍历出的属性顺序与对象定义时不同。了解W3C标准：根据 ECMA-262（ECMAScript）第三版中描述，for-in 语句的属性遍历的顺序是由对象定义时属性的书写顺序决定的。关于 ECMA-262（ECMAScript）第三版中 for-in 语句的更多信息，请参考 ECMA-262 3rd Edition 中 12.6.4 The for-in Statement。在现...

轻松学习jQuery插件EasyUI EasyUI创建CRUD应用

2017年02月06日 11 阅读

数据收集并妥善管理数据是网络应用共同的必要。CRUD 允许我们生成页面列表，并编辑数据库记录。本教程将向你演示如何使用 jQuery EasyUI 框架实现一个 CRUD DataGrid。我们将使用下面的插件：datagrid：向用户展示列表数据。dialog：创建或编辑一条单一的用户信息。form：用于提交表单数据。messager：显示一些操作信息。一、EasyUI创建CRUD应用步骤 1：准备数据库我们将使用 MySql 数据库来存储用户信息。创建...

轻松学习jQuery插件EasyUI EasyUI实现拖动基本操作

2017年02月06日 12 阅读

本教程向您展示如何使 HTML 元素可拖动，在本例中，我们将创建三个 DIV 元素然后启用他们的拖动和放置。首先，我们创建三个<div> 元素：<div id="dd1" class="dd-demo"></div><div id="dd2" class="dd-demo"></div><div id="dd3" class="dd-demo"></div>对于第一个>...

javascript编程异常处理实例小结

2017年02月06日 11 阅读

本文实例总结了javascript编程异常处理的方法。分享给大家供大家参考，具体如下：前言：在前一篇《asp.net开发中常见公共捕获异常方式总结》，我们整理总结了asp.net服务端的异常处理。这一篇接着前文，简单总结并讨论一下javascript在客户端的异常处理。这样asp.net的服务端和客户端异常处理我们就都有了初步的认识。1、烦人的脚本错误楼猪经常装13，但是普遍都没有深度。偶然艰难地看懂了一段英文，终于可以深沉地再装一回：When brows...

浅析node连接数据库（express+mysql）

2017年02月06日 11 阅读

操作是在ubuntu系统的下环境，简单记录一下过程。首先用apt-get安装数据库，键入命令 sudo apt-get install mysql-server , 一路回车，然后在一个界面设置一下数据库root的密码就好了在数据库里面我们需要创建一些东西。键入 mysql -uroot -p××××× 来进入sql控制台。1.先创建数据集 create database databasename ；2.use database databasename ...

轻松学习jQuery插件EasyUI EasyUI实现拖放商品放置购物车

2017年02月06日 11 阅读

在本文中，我们将向您展示如何创建一个启用用户拖动和放置用户想买的商品的购物车页面，购物篮中的物品和价格将更新，分享给大家，具体内容如下：效果图：具体代码如下显示页面上的商品：<ul class="products"> <li> <a href="#" class="item"><img src="images/shirt1.gif"/><div><p>Balloon</p>...

移动手机APP手指滑动切换图片特效附源码下载

2017年02月06日 11 阅读

这是一款效果非常炫酷的移动手机APP滑动手指切换图片特效。该APP特效在移动手机中用户可以通过手指的左右滑动来切换图片，在桌面设备中通过鼠标也可达到同样的效果。效果演示源码下载使用方法HTML结构这个移动手机APP切换图片特效的HTML结构采用嵌套<div>的HTML结构，每一张图片卡片都包裹在div.demo__card中，里面放置了图片，描述信息和一些额外的图层。<div class="demo__card"> <div ...

JS简单模拟触发按钮点击功能的方法

2017年02月06日 11 阅读

本文实例讲述了JS简单模拟触发按钮点击功能的方法。分享给大家供大家参考，具体如下：<html><head><title>usually function</title></head><script>function load（）{//下面两种方法效果是一样的document.getElementById（"target"）.onclick（）;document.getElementBy...

轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮

2017年02月06日 12 阅读

一、EasyUI创建简单的菜单菜单（Menu）定义在一些 DIV 标记中，如下所示：<div id="mm" class="easyui-menu" style="width:120px;"> <div onclick="javascript:alert（"new"）">New</div> <div> <span>Open</span> <div style="width:150...

轻松学习jQuery插件EasyUI EasyUI创建树形网络（1）

2017年02月06日 11 阅读

一、EasyUI创建基础树形网格树形网格（TreeGrid）组件从数据网格（DataGrid）继承，但是允许在行之间存在父/子节点关系。许多属性继承至数据网格（DataGrid），可以用在树形网格（TreeGrid）中。为了使用树形网格（TreeGrid），用户必须定义 "treeField" 属性，指明哪个字段作为树节点。本文将向您展示如何使用树形网格（TreeGrid）组件设置一个文件夹浏览。创建树形网格（TreeGrid）<table id="...

基于javascript实现浏览器滚动条快到底部时自动加载数据

2017年02月06日 11 阅读

废话不多说了，直接给大家贴js代码了。 <！DOCTYPE html> <html> <head> <script src="jquery-...js" type="text/javascript"></script> <script type="text/javascript"> $（document）.ready（function （） { var range = ; //距下边界...