Welcome

首页 / 脚本样式 / JavaScript

进阶之初探nodeJS

2017-02-06 55
一、前言在"初探nodeJS"随笔中，我们对于node有了一个大致地了解，并在最后也通过一个示例，了解了如何快速地开启一个简单的服务器。今儿，再次看了该篇随笔，发现该随笔理论知识稍多，适合初级入门node，固萌生一个想法--想在该篇随笔中，通过一步步编写一个稍大一点的node示例，让我们在整体上更加全面地了解node。so，该篇随笔是建立在"初探nodeJS"之上的，固取名为"进阶之初探nodeJS"。好了，侃了这多，那么我们即将实现一个什么样的示例呢？示...

初探nodeJS

2017-02-06 48
一、node概要对nodeJS早有耳闻，但是一直迟迟没有对它下手，哈哈哈，今儿咱就来初探一下它。nodeJS是个啥东东？nodeJS，我的理解就是可以运行在后端的JavaScript。为什么它能够在后端运行呢？这就得归功于V8引擎（V8是Google Chrome浏览器的JavaScript引擎），通过对高性能V8引擎的封装，并通过一系列优化的API类库，使其就能够在后端运行了。并且node有两大特点： 1、基于事件驱动； 2、无阻塞。从而nodeJS非常...

树结构之JavaScript

2017-02-06 63
对于数据结构“树”，想必大家都熟悉，今儿，我们就再来回顾一下数据结构中的二叉树与树，并用JavaScript实现它们。ps:树结构在前端中，很多地方体现得淋漓尽致，如Vue的虚拟DOM以及冒泡等等。二叉树--概念--二叉树是一种树形结构，它的特点是每个结点至多只有两棵子树（即二叉树中不存在度大于2的结点），并且，二叉树的子树有左右之分，其次序不能任意颠倒。如下，就是一棵二叉树（注：下文二叉树相关例子，都以该二叉树为例）：且，遍历二叉树（traversing...

bootstrap table之通用方法（ 时间控件，导出，动态下拉框， 表单验证 ，选中与获取信息）代码分享

2017-02-06 44
1.bootstrap-table 单击单行选中$（"#gzrwTable"）.on（"click-row.bs.table", function（e, row, $element） {$（".success"）.removeClass（"success"）;// 清除前一次操作已选中行的选中状态$（$element）.addClass（"success"）;// 选中行添加选中状态}）;2.bootstrap-table 获取选中行信息function ...

Jquery树插件zTree实现菜单树

2017-02-06 53
本文实例为大家分享了zTree插件实现菜单树的具体代码，供大家参考，具体内容如下<！DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Title</title> <lin...

解决ajax不能访问本地文件问题（利用js跨域原理）

2017-02-06 56
博主自己在开发一个无后台，只有前台的查询系统时，遇到一个困难，如何利用Ajax读取自己的本地json文件，百度、谷歌了下，发现大部分文章都是在说修改浏览器参数，但是自己想想，用户在使用时，还要修改浏览器的参数，这样显然降低了用户体验。自己琢磨了一段时间，发现可以利用js跨域原理来解决这个瓶颈。将之前要读取的json文件，变为js对象文件，这样就可以读取这个文件，然后写一个函数来对这个js对象进行解析。首先说明下js跨域原理和jsonp这个技术（如果说的不详...

JavaScript解析JSON格式数据的方法示例

2017-02-06 72
本文实例讲述了JavaScript解析JSON格式数据的方法。分享给大家供大家参考，具体如下：1、使用JavaScript提供的eval（）函数function JsonText1（） {var strJSON = "{"Name":"Kevin","Age":"23"}"; //得到的JSONvar obj = eval（"（" + strJSON + "）"）; //转换后的JSON对象alert（obj.Name）;}2、使用JSON对象① 使用JS...

input获取焦点时底部菜单被顶上来问题的解决办法

2017-02-06 50
代码如下所示：<div class="search-box"><input class="search-input" type="text" placeholder="请输入名称"></div><！--底部--><div id="mini_nav" class="nav bt-nav"><div><ul><li><a href="#"><spa...

图片上传之FileAPI与NodeJs

2017-02-06 54
HTML5之fileAPIHTML5之fileAPI使得我们处理图片上传更加简单。实例html代码<div class="form-group"><label for="modal_inputFile" class="col-md-3 control-label label-font">位置图:</label><div class="col-md-9"> <input type="text" reado...

JS中绑定事件顺序（事件冒泡与事件捕获区别）

2017-02-06 41
在JS中，绑定的事件默认的执行时间是在冒泡阶段执行，而非在捕获阶段（重要），这也是为什么当父类和子类都绑定了某个事件，会先调用子类绑定的事件，后调用父类的事件。直接看下面实例<！Doctype html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{margin:0...

js自制图片放大镜功能

2017-02-06 46
本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下注释：small img size：600x400big img size：1200x800原理：1、大图是小图的 2倍整2、大图以小图片中心点为中心 a.transform : translate（-50%,-50%） b.（rate-0.5）*50% c.clip : rect（t,r,b,l） 以小图边界为边界3、rect必须有absolute4、获取鼠标在图片中的位...

JSON键值对序列化和反序列化解析

2017-02-06 53
什么是JSON？JSON （JavaScript Object Notation） is a lightweight data-interchange format. It is easy for humans to read and write and easy for machines to parse and generate. JSON is a text format that is completely language independent...

js实现日历的简单算法

2017-02-06 56
最近有用到日历可需要编辑文本的日历，为了绑定数据的方便，所以用js写了一套日历，其实思想也是很简单。实现步骤如下：1、首先取得处理月的总天数JS不提供此参数，我们需要计算。考虑到闰年问题会影响二月份的天数，我们先编写一个判断闰年的自编函数：function is_leap（year） { return （year%100==0?res=（year%400==0?1:0）:res=（year%4==0?1:0））;}2、接着定义一个包...

谈谈JavaScript数组常用方法总结

2017-02-06 46
在JavaScript中，我们需要时常对数组进行操作，现在特将常用方法总结如下：1.增加数据在JavaScript为数组增加数据主要分为两种方式。从数组末尾增加内容：push方法从数组的前端增加内容：unshift方法这两种方法的返回值都是数组的长度var arr=[1,2,3]; //从末尾增加 arr.push（4）; console.log（arr）;//[1,2,3,4]//从前端增加 arr.unshift（0）; console.log（arr...

jquery 实现复选框的全选操作实例代码

2017-02-06 48
jquery 实现复选框的全选操作实例代码最近做了个需求，需要实现列表复选框的全选/取消全选操作，由于之前对这块不是很了解，所以从网上查了一些资料，虽然有各种实现方法，但没找到直接可以套用的。自己琢磨了下，把功能实现，整理如下。实现细节如有可改进的地方，不吝赐教。首先是html部分的代码，这里有一个表格，表格里面有一些选项：<div id="list"> <table> <tr><td>选项1<inpu...

angular和BootStrap3实现购物车功能

2017-02-06 44
一、页面搭建1、html结构采用BootStrap3来快速创建一个购物车表单样式。主要功能： A：列表数据所示 B：增加删除端口 C：清空购物车 D：商品数量的增减 E：动态计算商品价格以及总价<！DOCTYPE html><html lang="en" ng-app="app"><head> <meta charset="UTF-8"> <title>购物车</title> <...

基于Marquee.js插件实现的跑马灯效果示例

2017-02-06 93
本文实例讲述了基于Marquee.js插件实现的跑马灯效果。分享给大家供大家参考，具体如下：1、Marquee.js文件/****************************************************************- Marquee.js- 参数：- ID：滚动对象（必须）- Direction：滚动方向（"top": 0, "up": 0, "bottom": 1, "down": 1, "left": 2, "rig...

three.js实现围绕某物体旋转

2017-02-06 70
话不多说，请看代码：可以拖动右上角观察变化<！DOCTYPE html><html lang="en" style="width: 100%; height:100%;"><head> <meta charset="UTF-8"> <title>Document</title> <script src="http://cdn.bootcss.com/three.js/r83/th...

angular forEach方法遍历源码解读

2017-02-06 41
angular中提供了forEach（）方法用于遍历对象或数组，供大家参考，具体内容如下function forEach（obj, iterator, context） { var key, length; if （obj） {if （isFunction（obj）） { for （key in obj） {// Need to check if hasOwnProperty exists,// as on IE8 the result of queryS...

Git基本常用命令

2017-02-06 48
mkdir： XX （创建一个空目录 XX指目录名） pwd： 显示当前目录的路径。 git init 把当前的目录变成可以管理的git仓库，生成隐藏.git文件。 git add XX 把xx文件添加到暂存区去。 git commit –m “XX” 提交文件 –m 后面的是注释。 git status 查看仓库状态 git diff XX 查看XX文件修改了那些内容 git log 查看历史记录 git reset –hard HEAD^ 或者 gi...
<< 11 12 13 14 15 16 17 18 19 20 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图