JavaScript资料,JavaScript文章,JavaScript文档-易库教程

jQuery制作圣诞主题页面更像是爱情影集

2017年02月06日 38 阅读

今天制作的是有飘雪效果的圣诞主题页面，个人灰常喜欢。首先还是放张效果图：当看到这这页面的时候我们要注意四点：1.图片的轮播2.文字的滚动效果3.音乐播放4.飘雪效果那我们就一点一点来完成吧，Go，Go！对于上次分享的有人说我讲的不够细致，那在这篇文章我就细致一点。（1）准备工作首先新建css，img，js，file这四个文件夹并新建demo.css，轮播图片，demo.js，一首歌放在对应文件夹，新建demo.html，并在demo.css中加入如下代码：...

新入门node.js必须要知道的概念（必看篇）

2017年02月06日 35 阅读

一、对于一个刚入门node.js的朋友来说，一定要了解一些基础概念：今年我正式进入社会后，发现自己所知道的IT方面的知识，真的只是牛毛，原来人外有人，山外有山，还需要继续努力。下面是一些我的自学习心得，发出来和大家一起分享：web的开发原理：1、C/S模式（客户端/服务器）比如：QQ、微信等要先下载客户端的软件都可以称为c/s模式，它是有专门的客户端程序。2、B/S模式（浏览器/服务器）比如：网页游戏。它的优点是：不需要下载客户端应用。缺点是：浏览器本身，...

基于js中的原型、继承的一些想法

2017年02月06日 37 阅读

最近看到一个别人写的js类库，突然对js中的原型及继承产生了一些想法，之前也看过其中的一些内容，但是总不是很清晰，这几天利用空闲时间，对这块理解了一下，感觉还是有不通之处，思路上没那么条理，仅作为分享，一、instanceof在JavaScript有instanceof运算符，是二元运算符，使用方法 instanceA instanceof A，返回值是布尔值（boolean），含义是判断instanceA是否是A的一个实例，其实质是判断A.prototy...

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

2017年02月06日 32 阅读

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

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

2017年02月06日 35 阅读

第一种，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日 38 阅读

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

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

2017年02月06日 37 阅读

本文实例讲述了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日 32 阅读

我们把图像文件的内容直接写在了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日 37 阅读

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

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

2017年02月06日 39 阅读

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

浅谈jQuery中的checkbox问题

2017年02月06日 36 阅读

一开始的代码：<！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日 36 阅读

今天看了一段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日 30 阅读

第一种方式：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日 35 阅读

一，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日 37 阅读

今天继续研究了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日 35 阅读

平时会经常遇到树形结构的问题，比如显示目录结构等。大多数情况下后台会返回这样的数据，如下：[{ 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日 39 阅读

在项目中遇到这也一个问题：有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日 37 阅读

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

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

2017年02月06日 40 阅读

绑定函数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日 37 阅读

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

首页 / 脚本样式 / JavaScript

jQuery制作圣诞主题页面 更像是爱情影集

新入门node.js必须要知道的概念（必看篇）

基于js中的原型、继承的一些想法

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

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

最棒的Angular2表格控件

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

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

Three.js学习之网格

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

浅谈jQuery中的checkbox问题

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

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

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

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

基于JavaScript实现树形下拉框

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

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

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

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

jQuery制作圣诞主题页面更像是爱情影集

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