Welcome

首页 / 脚本样式 / JavaScript

jQuery+HTML5+CSS3制作支持响应式布局时间轴插件

2017-02-06 17
jQuery时间轴插件效果图预览 （图一）（图二）附注说明：图一是浏览器宽度像素大于560px下的展示效果，图二是在浏览器宽度像素小于560px下的展现效果。使用的是CSS3的Media Query（媒体查询）实现的效果。另外页面中圆形、圆角和三角同样使用了CSS3的特殊样式。这些基础的样式和效果在本文中不会赘述，不了解的童鞋可以上网搜索学习一下，很简单。页面上每个时间节点的展示内容提供了三种展示样式，多张图片的展示风格、单张图片的展示风格和无图片的展示风...

浅谈js中的三种继承方式及其优缺点

2017-02-06 17
第一种，prototype的方式：//父类 function person（）{ this.hair = "black"; this.eye = "black"; this.skin = "yellow"; this.view = function（）{ return this.hair + "," + this.eye + "," + this.skin; } } //子类 function man（）{ this.feature = ["beard",...

最棒的Angular2表格控件

2017-02-06 20
现在市面上有大量的JavaScript数据表格控件，包括开源的第三方的和自产自销的。可以说Wijmo的Flexgrid是目前适应Angular 2的最好的表格控件。Angular 2数据表格基本要求: 更小、更快、更熟悉。为了使用Angular 2表格，首先你需要了解表格的基本要求。FlexGrid开始于1996年，当时使用C++为Visual Basic编写的控件。多年来，它不断进化并在多个平台得到完善，尤其是JavaScript平台。FlexGrid ...

jQuery实现的选择商品飞入文本框动画效果完整实例

2017-02-06 17
本文实例讲述了jQuery实现的选择商品飞入文本框动画效果。分享给大家供大家参考，具体如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head&...

js 将图片连接转换成base64格式的简单实例

2017-02-06 17
我们把图像文件的内容直接写在了HTML 文件中，这样做的好处是，节省了一个HTTP 请求。坏处呢，就是浏览器不会缓存这种图像。现在我们提供一个js：function convertImgToBase64（url, callback, outputFormat）{var canvas = document.createElement（"CANVAS"）,ctx = canvas.getContext（"2d"）,img = new Image;img.cro...

Three.js学习之网格

2017-02-06 17
前言 小编之前发布过关于几何形状和材质，相信大家看过学习之后，我们就能使用他们来创建物体了。最常用的一种物体就是网格（Mesh），网格是由顶点、边、面等组成的物体；其他物体包括线段（Line）、骨骼（Bone）、粒子系统（ParticleSystem）等。创建物体需要指定几何形状和材质，其中，几何形状决定了物体的顶点位置等信息，材质决定了物体的颜色、纹理等信息。1.创建网格 在前几篇中，我们学习了如何创建几何形状与材质，而网格的创建非常简单，只要把几何...

jQuery实现将div中滚动条滚动到指定位置的方法

2017-02-06 18
本文实例讲述了jQuery实现将div中滚动条滚动到指定位置的方法。分享给大家供大家参考，具体如下：一、Js代码：onload = function （） {//初始化scrollToLocation（）;};function scrollToLocation（） {var mainContainer = $（"#thisMainPanel"）,scrollToContainer = mainContainer.find（".son-panel:last"...

浅谈jQuery中的checkbox问题

2017-02-06 17
一开始的代码：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>复选框</title><script src="https://cdn.bootcss.com/jquery/3.1.0/jquery.min.js"></script><script type="text/ja...

浅谈JS运算符&&和|| 及其优先级

2017-02-06 18
今天看了一段YUI compressor压缩的js代码：userNum && （ind += index,ind >= userNum && （ind -= userNum）,ind < 0 && （ind === -2 && （ind = -1）,ind += userNum）,selLi.removeClass（"on"）,$（selLi[ind]）.addClass（"on"））;直接疯掉了，估计一下子没几个人能看懂。那么就把他“翻译”一...

mvc中form表单提交的三种方式（推荐）

2017-02-06 15
第一种方式：submit 按钮 提交<form action="MyDemand" method="post"><span>关键字：</span><input name="keywords" type="text" value="@keywords" /><input type="submit" value="搜索" /></form>第二种方式： $（"#dataform"）.aja...

Mvc提交表单的四种方法全程详解

2017-02-06 17
一，MVC HtmlHelper方法1.Html.BeginForm（actionName,controllerName,method,htmlAttributes）{}2.BeginRouteForm 方法 （HtmlHelper, String, Object, FormMethod）二，传统Form表单Aciton属性提交三，Jquery+Ajax 提交表单四，MVC Controller控制器和表单参数传递MVC HtmlHelper方法一，Htm...

关于原生js中bind函数的简单实现

2017-02-06 18
今天继续研究了bind函数的实现，也知道了shim和polyfill的说法，现在总结一下，if （！Function.prototype.bind） { Function.prototype.bind = function （oThis） {if （typeof this ！== "function"） { // closest thing possible to the ECMAScript 5 internal IsCallable function ...

基于JavaScript实现树形下拉框

2017-02-06 17
平时会经常遇到树形结构的问题，比如显示目录结构等。大多数情况下后台会返回这样的数据，如下：[{ id: 19, pid: 0, name: "nodejs" },{ id: 20, pid: 19, name: "express" },{ id: 21, pid: 19, name: "mongodb" },{ id: 60, pid: 20, name: "ejs" },{ id: 59, pid: 0, name: "前端开发" },{ id: 70,...

JS控制静态页面传递参数并获取参数应用

2017-02-06 19
在项目中遇到这也一个问题：有a.html和b.html。1.a页面已经打开，b页面尚未打开，我希望在a页面设置好一些列参数，比如背景色，宽度等参数，传递给b页面，好让b页面在打开就能应用。2.a页面已经打开，b页面无论是否打开。在a页面需要获取到b页面的一些元素甚至变量，以便于应用到a页面。注意：不涉及跨域问题。想了很久，终于想到了解决方案。第一个问题，我们可以利用html页面锚点的特性，将参数通过url传递给b页面这是a页面代码：<button&g...

封装的dialog插件 基于bootstrap模态对话框的简单扩展

2017-02-06 18
在使用bootstrap 模态对话框时需要在页面写对话框html，如果一个页面有许多地方需要对话框，那意味着需要写多个，感觉很麻烦，平时不太习惯bootstrap 模态对话框这种方式，所以做了个简单封装及扩展，增加了自定义标题，宽度和高度，并根据宽高居中显示。默认属性：id:"modal",//弹窗idtitle:"dialog",//弹窗标题width:"600",//弹窗宽度，暂时不支持%height:"500",//弹窗高度,不支持%backdrop...

浅谈JS中的bind方法与函数柯里化

2017-02-06 18
绑定函数bind（）最简单的用法是创建一个函数，使这个函数不论怎么调用都有同样的this值。不同于call和apply只是单纯地设置this的值后传参，它还会将所有传入bind（）方法中的实参（第一个参数之后的参数）与this一起绑定。关于这个特性看《JS权威指南》原文的例子：var sum = function（x,y） { return x + y }; var succ = sum.bind（null, 1）; //让this指向null，其后的实参...

JS控制静态页面之间传递参数获取参数并应用的简单实例

2017-02-06 18
在项目中遇到这也一个问题：有a.html和b.html。1.a页面已经打开，b页面尚未打开，我希望在a页面设置好一些列参数，比如背景色，宽度等参数，传递给b页面，好让b页面在打开就能应用。2.a页面已经打开，b页面无论是否打开。在a页面需要获取到b页面的一些元素甚至变量，以便于应用到a页面。注意：不涉及跨域问题。想了很久，终于想到了解决方案。第一个问题，我们可以利用html页面锚点的特性，将参数通过url传递给b页面这是a页面代码：<button&g...

JavaScript中自带的 reduce（）方法使用示例详解

2017-02-06 18
1.方法说明 , Array的reduce（）把一个函数作用在这个Array的[x1, x2, x3...]上，这个函数必须接收两个参数，reduce（）把结果继续和序列的下一个元素做累积计算，其效果就是：[x1, x2, x3, x4].reduce（f） = f（f（f（x1, x2）, x3）, x4） 2. 使用示例"use strict";function string2int（s）{if（！s）{alert（"the params empty"...

JavaScript实现刷新不重记的倒计时

2017-02-06 18
前言JavaScript倒计时，实现起来不难，但是一刷新往往就重新计算了，如果要实现刷新不重计该如何做呢？有这么几种思路， 1：cookie 2：本地缓存 3：window.name ……前两种比较容易理解，今天我来为大家实现使用window.name实现刷新不重计，代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x...

浅析JavaScript函数的调用模式

2017-02-06 18
我们说一个函数的调用模式是作为一个函数来调用，是要与其它三种调用模式做区分函数其他的三种调用: 方法调用模式，构造器调用模式，apply/call调用模式。方法的调用模式:var obj={ fun1: function（）{//方法内容this; //指的是window }}obj.fun1（） //方法的调用构造器的调用:function Person（name, age, job）{ this.name = name; this.age = age;...
<< 141 142 143 144 145 146 147 148 149 150 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图