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

只要1K 纯JS脚本送你一朵3D红色玫瑰

2016年08月18日 15 阅读

Roman Cortes又带来了用JavaScript脚本编写的红色玫瑰花。用代码做出的玫瑰花，这才是牛逼程序员送给女友的最好情人节礼物呢！（提示：在不同浏览器下观看效果、速度会有很大的不同）图片是由代码生成，用户可以刷新该页面，重复观看这朵玫瑰的呈现过程。3D玫瑰花的实现代码如下：复制代码代码如下:with（m=Math）C=cos,S=sin,P=pow,R=random;c.width=c.height=f=500;h=-250;function ...

JS弹出新窗口被拦截的解决方法

2016年08月18日 14 阅读

在Web编程中，使用JS在新窗口打开页面的时候，会遇到被浏览器拦截的情况，那么，我们如何才能让JS打开新窗口不被浏览器阻止呢？一、问题一一般情况下，如果直接在js中调用window.open（）函数去打开一个新窗口，浏览器会对弹出的窗口进行拦截，因为浏览器会把该窗口认为是弹出广告等用户不想得到的窗体1、解决方法把window.open（）函数改为由用户主动点击时触发，在超链接里加入onclick事件，这样浏览器就认为是用户想访问这个页面，而不是直接弹出给用...

jquery实现拖动效果

2016年08月18日 18 阅读

因为想实现相框的拖到，找了半天的原因愣是没有找到错误，所以，只能翻看源码了如何实现拖动效果？首先分析下拖动效果原理：1.当鼠标在被拖动对象上按下鼠标（触发onmousedown事件，且鼠标在对象上方）2.开始移动鼠标（触发onmousemove事件）3.移动时更显对象的top和left值4.鼠标放开停止拖动（触发onmouseup事件）注意：拖动的对象必须是定位对象（即设置了position:absolute或 relative）。也就是说拖动事件=onm...

用nodejs的实现原理和搭建服务器（动态）

2016年08月18日 29 阅读

今天是我学习的Node.js的第二天，所谓的node.js其实它是javascript编写的服务器的语言，同时它又是属于后台的框架，是一个开放性的平台。一、相关理论知识：我们可以用requre来引入模块、用module.exprorts来导出模块。安装nodejs和配置npm1.安装nodejs，安装完后在cmd命令行中敲入node -v，查看版本。2.在cmd中敲入npm config list查看是否安装npm。3.设置镜像地址。淘宝镜像：在命令行中敲...

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

2016年08月18日 16 阅读

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

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

2016年08月18日 16 阅读

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

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

2016年08月18日 14 阅读

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

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

2016年08月18日 16 阅读

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

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

2016年08月18日 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表格控件

2016年08月18日 34 阅读

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

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

2016年08月18日 16 阅读

本文实例讲述了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格式的简单实例

2016年08月18日 25 阅读

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

Three.js学习之网格

2016年08月18日 16 阅读

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

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

2016年08月18日 14 阅读

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

浅谈jQuery中的checkbox问题

2016年08月18日 18 阅读

一开始的代码：<！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运算符&&和|| 及其优先级

2016年08月18日 15 阅读

今天看了一段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表单提交的三种方式（推荐）

2016年08月18日 16 阅读

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

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

2016年08月18日 15 阅读

一，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函数的简单实现

2016年08月18日 16 阅读

今天继续研究了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实现树形下拉框

2016年08月18日 16 阅读

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

首页 / 脚本样式 / JavaScript

只要1K 纯JS脚本送你一朵3D红色玫瑰

JS弹出新窗口被拦截的解决方法

jquery实现拖动效果

用nodejs的实现原理和搭建服务器（动态）

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实现树形下拉框

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