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

nodejs初步体验篇

2017年02月06日 11 阅读

前言：写这篇文章的由来： 1.前段时间单位有新项目启动，服务端要做的工作不多也不算麻烦，就是处理一些中间层的服务，而且我们团队里面个个都会JavaScript，领导就决定试试服务器端的JavaScript，结果本人有幸被派去研究了几天Node，怀着鸡冻的心情开始了node.js的篇章，这篇文章也就是为这几天研究的总结。 2.一个JavaScript工程师如果没听过node.js那么我想你是不是错过了什么，每个优秀的前端工程师都有必要去了解后台处理流程，...

基于jquery实现省市联动效果

2017年02月06日 11 阅读

由于项目需要需要实现一个省市联动，由于业务有一些特殊的需求，使用现有的插件略有不便，就自己实现了一个。首先需要保存地区数据的JS数据文件，我这里命名为areaData.js，内容如下：/** * 保存地区信息 * 数据格式 * areaData = [{"pro": "北京", "cities": {"-1": "北京"}}, {...}] * 直辖市存在-1，表示就是直辖市 */ （function（window） { window.areaData =...

Nodejs的express使用教程

2017年02月06日 11 阅读

Express 是一个简洁、灵活的 node.js Web 应用开发框架, 它提供一系列强大的特性，帮助你创建各种 Web 和移动设备应用。1.express组织结构app demo |---node_modules------用于安装本地模块。 |---public------------用于存放用户可以下载到的文件，比如图片、脚本、样式表等。 |---routes------------用于存放路由文件。 |---views-------------用...

jquery制作属于自己的select自定义样式

2017年02月06日 11 阅读

由于原生select在各个浏览器的样式不统一，特别是在IE67下直接不可以使用样式控制，当PM让你做一个样式的时候，那是相当的痛苦。最好的办法就是使用自定义样式仿select效果。这里写了一个jquery插件，实现自定义的select（阉割了不少原生select的事件，但是最主要的都还在）需要引用的样式： .self-select-wrapper{position: relative; display: inline-block; border: 1px ...

Nodejs Express4.x开发框架随手笔记

2017年02月06日 11 阅读

Express: ?web application framework for?Node.js?Express 是一个简洁、灵活的 node.js Web 应用开发框架, 它提供一系列强大的特性，帮助你创建各种 Web 和移动设备应用。目录此文重点介绍Express4.x（具体是4.10.4）的开发框架，其中还会涉及到Mongoose,Ejs,Bootstrap等相关内容。建立工程目录结构Express4.x配置文件Ejs模板使用B...

基于nodejs+express（4.x+）实现文件上传功能

2017年02月06日 13 阅读

Nodejs是一个年轻的编程框架，充满了活力和无限激情，一直都在保持着快速更新。基于Nodejs的官方Web开发库Express也在同步发展着，每年升级一个大版本，甚至对框架底层都做了大手术。在Express4时，替换掉中件间库connect，而改用多个更细粒度的库来取代。带来的好处是明显地，这些中间件能更自由的更新和发布，不会受到Express发布周期的影响；但问题也是很的棘手，不兼容于之前的版本，升级就意味着要修改代码。通过一段时间的查阅资料、摸索，我...

Bootstrap每天必学之表单

2017年02月06日 12 阅读

本文主要讲解的是表单，这个其实对于做过网站的人来说，并不陌生，而且可以说是最为常用的提交数据的Form表单。本文主要来讲解一下内容：1.基本案例2.内联表单3.水平排列的表单4.被支持的控件5.静态控件6.控件状态7.控件尺寸8.帮助文本基本案例单独的表单控件会被自动赋予一些全局样式。所有设置了.form-control的<input>、<textarea>和<select>元素都将被默认设置为width: 100%;。...

jQuery实现选中弹出窗口选择框内容后赋值给文本框的方法

2017年02月06日 11 阅读

本文实例讲述了jQuery实现选中弹出窗口选择框内容后赋值给文本框的方法。分享给大家供大家参考，具体如下：一、先描述下可以实现什么：下拉框一改变，弹出框出现，选择弹出框中的值会赋值给下拉菜单二、代码：<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Subscribe策略</t...

跟我学习javascript解决异步编程异常方案

2017年02月06日 12 阅读

一、JavaScript异步编程的两个核心难点异步I/O、事件驱动使得单线程的JavaScript得以在不阻塞UI的情况下执行网络、文件访问功能，且使之在后端实现了较高的性能。然而异步风格也引来了一些麻烦，其中比较核心的问题是：1、函数嵌套过深JavaScript的异步调用基于回调函数，当多个异步事务多级依赖时，回调函数会形成多级的嵌套，代码变成金字塔型结构。这不仅使得代码变难看难懂，更使得调试、重构的过程充满风险。2、异常处理回调嵌套不仅仅是使代码变得...

跟我学习javascript的垃圾回收机制与内存管理

2017年02月06日 12 阅读

一、垃圾回收机制—GCJavascript具有自动垃圾回收机制（GC:Garbage Collecation），也就是说，执行环境会负责管理代码执行过程中使用的内存。原理：垃圾收集器会定期（周期性）找出那些不在继续使用的变量，然后释放其内存。JavaScript垃圾回收的机制很简单：找出不再使用的变量，然后释放掉其占用的内存，但是这个过程不是实时的，因为其开销比较大，所以垃圾回收器会按照固定的时间间隔周期性的执行。不再使用的变量也就是生命周期结束的变量，当...

js实现接收表单的值并将值拼在表单action后面的方法

2017年02月06日 11 阅读

本文实例讲述了js实现接收表单的值并将值拼在表单action后面的方法。分享给大家供大家参考，具体如下：今天遇到一个问题，在form表单中有若干个input，其中有一个上传文件的input,现在需要在点击提交按钮时，将不是文件类型的input的值得到并拼成&name=value的格式加在action后面，这样就能一同传出去了<form id="myform" name="myform" method="post" action="http://www...

JavaScript与HTML的结合方法详解

2017年02月06日 11 阅读

HTML中的JavaScript脚本必须位于<script>与</script>标签之间，JavaScript脚本可被放置在HTML页面的<body>标签和<head>标签中，这种视情况而定，一般放在<head>标签内。一、<script> 标签如需在HTML页面中插入JavaScript脚本，请使用<script>标签。<script>和</scrip...

jquery实现表单验证简单实例演示

2017年02月06日 14 阅读

本文实例讲述了jquery实现表单验证代码。分享给大家供大家参考。具体如下：运行效果截图如下：具体代码如下：直接上插件实现代码了，围绕代码进行讲解比较容易点：/*描述：基于jquery的表单验证插件。*/（function （$） {$.fn.checkForm = function （options） {var root = this; //将当前应用对象存入rootvar isok = false; //控制表单提交的开关var pwd1; //密码存...

jquery自定义表格样式

2017年02月06日 12 阅读

本文实例讲述了jquery自定义表格样式实现代码。分享给大家供大家参考。具体如下：运行效果截图如下：上面这张图有3种状态，默认状态（灰白相间），鼠标悬浮状态（绿色），鼠标点击状态（黄色），是如何实现的呐？Html代码如下：<table><thead><tr><td>编号</td><td>姓名</td><td>年龄</td><td>操作&l...

jquery实现图片放大镜功能

2017年02月06日 11 阅读

实现原理：这里用到了两张图片，一张小图，一张大图。将大图设置为放大镜的背景图片，当鼠标在小图上移动时，同时控制背景大图在放大镜中的位置。两张图片大小最好是等比例的，这样才能达到最佳效果。当没有大图时，则默认为小图本身，这时由于两张图片大小一样，因此放大镜效果不明显，就跟没放大是一样的。此插件用到了html5，css3的一些属性，ie8及以下版本不兼容，放大镜是方形的。运行效果截图如下：具体代码如下：（function （） { $.fn.Magni...

jquery无限级联下拉菜单简单实例演示

2017年02月06日 11 阅读

本文实例讲述了jquery无限级联下拉菜单代码以及jquery无限级联下拉菜单实现思路。分享给大家供大家参考。具体如下：最终效果图：因为是级联，所以数据必须是树型结构的，这里的测试数据如下：看下效果图：1、效果图一：2、效果图二：3、效果图三：由图可知，下拉框的个数并不是写死的，而是动态加载的。每当下拉框选择改变的时候，会发送一次ajax请求，请求成功返回json格式数据，当返回的数据不为空时（即有子节点时），则会向页面中添加一个下拉框，没有则不添加。...

基于jQuery实现简单的折叠菜单效果

2017年02月06日 12 阅读

本文实例讲述了JQuery实现简单的折叠菜单效果代码。分享给大家供大家参考。具体如下：运行效果截图如下：Html代码如下：<div class="box"><p>菜单一</p><ul> <li><a>1111</a></li> <li><a>1111</a></li> <li><a>1111...

JS鼠标拖拽实例分析

2017年02月06日 11 阅读

本文实例讲述了JS鼠标拖拽实现方法。分享给大家供大家参考，具体如下：JS代码：<script>window.onload=function（）{var oDiv=document.getElementById（"div"）;var disX=0;var disY=0;oDiv.onmousedown=function（ev） //鼠标按下DIV{var oEvent=ev||event;disX=oEvent.clientX-oDiv.offs...

jQuery实现Tab选项卡切换效果简单演示

2017年02月06日 11 阅读

本文实例针对jQuery实现Tab选项卡切换效果进行了简单演示，完全是自己的思考实现过程，分享给大家供大家参考。具体如下：起初我Html代码架子是这样的：<div class="tabs"><ul> <li class="acss" data-box="#panel-1">标签1</li> <li class="bcss" data-box="#panel-2">标签2</li> &l...

jquery制作图片时钟特效

2017年02月06日 11 阅读

一、生成数字时钟 <script src="http://code.jquery.com/jquery-latest.js"></script><script>window.onload=function（）{ var oBody=document.body; var oP=document.getElementById（"time"）; setInterval（fnTime,1000）; fnTime（）; funct...

首页 / 脚本样式 / JavaScript

nodejs初步体验篇

基于jquery实现省市联动效果

Nodejs的express使用教程

jquery制作属于自己的select自定义样式

Nodejs Express4.x开发框架随手笔记

基于nodejs+express（4.x+）实现文件上传功能

Bootstrap每天必学之表单

jQuery实现选中弹出窗口选择框内容后赋值给文本框的方法

跟我学习javascript解决异步编程异常方案

跟我学习javascript的垃圾回收机制与内存管理

js实现接收表单的值并将值拼在表单action后面的方法

JavaScript与HTML的结合方法详解

jquery实现表单验证简单实例演示

jquery自定义表格样式

jquery实现图片放大镜功能

jquery无限级联下拉菜单简单实例演示

基于jQuery实现简单的折叠菜单效果

JS鼠标拖拽实例分析

jQuery实现Tab选项卡切换效果简单演示

jquery制作图片时钟特效