Welcome 微信登录

首页 / 脚本样式 / JavaScript

Bootstrap每天必学之导航条

Bootstrap每天必学之导航条

1、导航条导航条(navbar)和上一节介绍的导航(nav),就相差一个字,多了一个“条”字。其实在Bootstrap框架中他们还是明显的区别。在导航条(navbar)中有一个背景色(显示更突出)、而且导航条可以是纯链接(类似导航),也可以是表单,还有就是表单和导航一起结合等多种形式。在这一节中将一起探讨Bootstrap框架中导航条的使用。导航条和导航一样,在Bootstrap框架中是一个独立组件,所以你也可以根据自己的需求使用不同的版本:LESS版本:...
Bootstrap每天必学之标签与徽章

Bootstrap每天必学之标签与徽章

1、标签在一些Web页面中常常会添加一个标签用来告诉用户一些额外的信息,比如说在导航上添加了一个新导航项,可能就会加一个“new”标签,来告诉用户。这是新添加的导航项。如下图所示:那么在Bootstrap框架中特意将这样的效果提取出来成为一个标签组件,并且以“.label”样式来实现高亮显示。既然他是一个独立的组件,当然在不同的版本下有不同的文件:☑ LESS版本:对应的源文件label.less☑ Sass版本:对应的源文件_la...
详解基于Bootstrap扁平化的后台框架Ace

详解基于Bootstrap扁平化的后台框架Ace

最近一段时间在做一个管理系统,在网上找了很久的前端展示框架,终于找到一款基于Bootstrap的后台管理系统模版:Ace。Bootstrap是Twitter 于2010年开发出来的前端框架,用过的同学应该知道,这款前端框架不仅界面很美观,而且兼容了很多的浏览器,大大加速了我们开发网站的速度!这篇文章讲到的Ace是基于Bootstrap的,所以界面自然也非常美观,这款后台管理系统组合了好多插件以及组件,可以满足很大一部分的后台管理系统模版。废话不多说,看下界...
详解JavaScript的变量和数据类型

详解JavaScript的变量和数据类型

对于一门编程语言,肯定包含变量和数据类型。今天我们就来看看JavaScript脚本语言的变量和数据类型。相对于其他的Java,C++等高级程序语言,JavaScript显得很简单。一、变量 JavaScript的变量是松散类型的,所谓松散就是用来保存任何类型的数据。变量是存储信息的容器。定义变量时要使用var操作符(var是关键字),后面跟一个变量名(变量名是标识符)。变量也就是初始化后可以再次改变的量。那么我们来看看实例:<span style="...
Javascript编程中几种继承方式比较分析

Javascript编程中几种继承方式比较分析

本文实例分析了Javascript编程中几种继承方式比较。分享给大家供大家参考,具体如下:开篇从"严格"意义上说,javascript并不是一门真正的面向对象语言。这种说法原因一般都是觉得javascript作为一门弱类型语言与类似java或c#之类的强型语言的继承方式有很大的区别,因而默认它就是非主流的面向对象方式,甚至竟有很多书将其描述为"非完全面向对象"语言。其实个人觉得,什么方式并不重要,重要的是是否具有面向对象的思想,说javascript不是面...
Javascript编程之继承实例汇总

Javascript编程之继承实例汇总

本文实例讲述了Javascript编程之继承。分享给大家供大家参考,具体如下:这篇文字是在看完《Javascript 王者归来》后的整理总结,文章详细章节在 第21章 P537继承一般要实现以下三层含义:1)子类实例可以共享父类的方法;2)子类可以覆盖父类的方法或者扩展新的方法;3)子类和父类都是子类实例的类型。一、构造继承法子类中调用父类的构造函数来维护的,该继承法能实现多重继承,但只能继承父类的共有方法,无法继承静态方法,而且不能用instanceof...
Javascript页面跳转常见实现方式汇总

Javascript页面跳转常见实现方式汇总

本文实例总结了Javascript页面跳转常见实现方式。分享给大家供大家参考,具体如下:概述相信很多Web开发者都知道,在开发Web程序的时候,对于页面之间的跳转,有很多种,但是有效的跳转则事半功倍,下面就是我在平时的开发过程中所用到的一些JavaScript跳转方式,拿出和大家共享一下。第一种:直接跳转加参数<script language="javascript" type="text/javascript">window.location...
整理Javascript基础入门学习笔记

整理Javascript基础入门学习笔记

了解什么是变量?变量是用于存储信息的容器变量的声明语法:var 变量名变量名 = 值;变量要先声明再赋值变量可以重复赋值变量的命名规则变量必须以字母开头;变量也能以$和_符号开头(不过我们不推荐这么做);变量名称对大小写敏感(a和A是不同的变量)。1、语句语句以一个分号结尾;如果省略分号,则由解析器确定语句的结尾。有个好的编码习惯,都要以 ; 结尾2、数据类型在JavaScript中,一段信息就是一个值(value)。值有不同的类型,大家最熟悉的类型是数字...
JavaScript学习小结(7)之JS RegExp

JavaScript学习小结(7)之JS RegExp

在js中,正则表达式是由一个RegExp对象表示的,RegExp 是正则表达式的缩写。RegExp简单的模式可以是一个单独的字符。更复杂的模式包括了更多的字符,并可用于解析、格式检查、替换等等。可以使用一个RegExp()构造函数来创建RegExp对象,也可以使用直接量语法。1、RegExp简介。 RegExp即正则表达式(Regular Expression,在代码中常简写为regex、regexp或RE/re/reg),就是使用单个字符串来描述、匹配...
javascript实现C语言经典程序题

javascript实现C语言经典程序题

最近在学习Javascript语言,看到网上很多都是在介绍Javascript如何解决网页上问题的代码,所以想另辟蹊径,用Javascript代码来实现C语言经典程序题。当然,这些C语言程序题也是比较简单,主要想通过Javascript语言实现,起到语法练习作用,也想来对比一下C语言和Javascript语言实现的相同点和不同点,从而巩固记忆,加强学习效果!!!一、C语言经典程序题11. 题目描述:马克思的手稿中有这样一道有趣的数学题:有30个人,其中有男...
js性能优化技巧

js性能优化技巧

性能优化:简而言之,就是在不影响系统运行正确性的前提下,使之运行地更快,完成特定功能所需的时间更短http:超文本协议它的最上层是应用层 传输层 网络层 物理层请求信息:请求行 请求头 空行 消息体响应信息:状态行和状态码使用值类型的ToString方法:在连接字符串时,经常使用"+"号直接将数字添加到字符串中。这种方法虽然简单,也可以得到正确结果,但是由于涉及到不同的数据类型,数字需要通过装箱操作转化为引用类型才可以添加到字符串中。但是装箱操作对性能影响...
通用javascript代码判断版本号是否在版本范围之间

通用javascript代码判断版本号是否在版本范围之间

通用判断版本号是否在两者之间,也可以搭配判断是否大于某版本号,小于取反即可PS:需确保版本规范一致,比如都是.号分割的n位版本号 var APP = {}; //判断指定版本是否在版本范围之间,需确保版本规范一致;比如 (..,..,..) APP.betweenVersion = function(curr,start,end,separator){ if(curr == start || curr == end){ return true; } var...
javascript实现网页中涉及的简易运动(改变宽高、透明度、位置)

javascript实现网页中涉及的简易运动(改变宽高、透明度、位置)

平时工作中写网页涉及的运动往往都非常简单,比如改变宽高,透明度,位置,是最常用的几种形式,为了省事,整合了下,于是就有了下面这个东东:兼容:IE系列、chrome、firefox、opera、Safari、360/* javascript简易运动Move.action(dom对象,json格式属性值对,缓动参考值,回调方法) 示例: var box = document.getElementById("Ele"); Move.action(box,{wid...
javascript实现拖动元素交换位置

javascript实现拖动元素交换位置

本文实例讲述了javascript实现拖动元素交换位置的代码。分享给大家供大家参考。具体如下:实现目标:可拖动元素拖动到另外一个元素位置的时候,互相交换位置。启发来源:最初形式是网上看到的一个拼图小游戏。运行效果截图如下:具体代码如下:代码:body,ul,li{margin:0;padding:0;}ul{list-style: none;}body{font:13px/1.5 Tahoma;}#box{position:relative;width:4...
javascript高级编程之函数表达式 递归和闭包函数

javascript高级编程之函数表达式 递归和闭包函数

定义函数表达式有两种方式:函数声明和函数表达式.函数声明如下:function functionName(arg0,arg1,arg2){ //函数体}首先是function关键字,然后是函数的名字.FF,Safrai,Chrome和Opera都给函数定义了一个非标准的name属性,通过这个属性可以访问到函数指定的名字.这个函数的值永远等于跟在function关键字后面的标识符.//只在FF,Safari,Chrome和Opera有效alert(funct...
jQuery实现图片上传和裁剪插件Croppie

jQuery实现图片上传和裁剪插件Croppie

在很多应用需要上传本地图片然后再按尺寸适当裁剪以符合网站对图片尺寸的要求。最常见的就是各用户系统要求用户上传和裁剪头像的应用。今天我给大家介绍的是一款基于HTML5和jQuery的图片上传和裁剪插件,它叫Croppie。运行效果图:HTML首先我们将相关js和css文件载入head中。<script src="jquery.min.js"></script> <script src="croppie.min.js">&l...
<< 1231 1232 1233 1234 1235 1236 1237 1238 1239 1240 >>