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

nodejs的HTML分析利器node-jquery用法浅析

2017年02月06日 58 阅读

本文实例分析了nodejs的HTML分析利器node-jquery用法。分享给大家供大家参考，具体如下：首先描述产生这篇随笔的场景：我需要获取项目在jenkins构建的最新Javascript Coverage显示在供管理层次查看的项目情况Report上，但是由于jenkins没有直接的API取得数据所需数据，所以我们只能从自建的容器发布Javascript Coverage数据API，供Report项目使用。由于采用简单的数据分析，只是Host一个简单的...

JS文件上传神器bootstrap fileinput详解

2017年02月06日 161 阅读

Bootstrap FileInput插件功能如此强大，完全没有理由不去使用，但是国内很少能找到本插件完整的使用方法，于是本人去其官网翻译了一下英文说明文档放在这里供英文不好的同学勉强查阅。另外附上一段调用方发和servlet端的接收代码，未完待续。引言：一个强化的HTML5 文件输入插件，适用于Bootstrap 3.x。本插件对多种类型的文件提供文件预览，并且提供了多选等功能。本插件还提供给你一个简单的方式去安装一个先进的文件选择/上传控制版本去配合B...

AngularJS动态加载模块和依赖的方法分析

2017年02月06日 56 阅读

本文实例讲述了AngularJS动态加载模块和依赖的方法。分享给大家供大家参考，具体如下：前言由于AngularJS是单页面应用框架，在正常的情况下，会在访问页面的时候将所有的CSS、JavaScript文件都加载进来。文件不多的时候，页面启动速度倒不会影响太多。但是一旦文件数太多或者加载的第三方库比较大的时候，就会影响页面启动速度。因此对于应用规模大、文件数比较多或者加载的第三方库比较大的时候，采用动态加载JS或者动态加载模块会极大提升页面的启动速度。本...

bootstrap fileinput完整实例分享

2017年02月06日 88 阅读

本篇介绍如何使用bootstrap fileinput.js，file input插件功能如此强大，样式非常美观，并且支持上传文件预览，ajax同步或异步上传，拖曳文件上传等炫酷的功能，最好用的文件上传组件。文件夹结构版本都是3.x<！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><ht...

jQuery的Read（）方法代替原生JS详解

2017年02月06日 110 阅读

在jQuery 3.0的版本前, ready经典用法是用一个匿名函数，像这样：$（document）.ready（function（） { // Handler for .ready（） called.}）;jQuery 3.0 ready（）变化在jQuery 3.0发布之前，有以下几种方法称之为ready方法：在document元素上操作： $（document）.ready（handler）; 在空元素上操作: $（）.ready（handler...

AngularJS压缩JS技巧分析

2017年02月06日 53 阅读

本文实例讲述了AngularJS压缩JS的操作技巧。分享给大家供大家参考，具体如下：大多数web项目在发布时候都会对js代码进行压缩，目的是为了减少js文件的大小，节省一点流量。它的原理很简单，就是对参数及部分变量名和函数进行重命名。但是这种工作方式在AngularJS的应用中会有例外。由于AngularJS的依赖注入是根据参数名进行注入的，显然，对参数进行重命名会破坏这个机制。如果不进行特殊处理，进行压缩（minify）之后，在执行时将会出现这样的错误U...

AngularJS+Bootstrap实现多文件上传与管理

2017年02月06日 57 阅读

最近一个项目中需要实现多文件上传与管理，而项目是基于bootstrap开发的，所以查了一些bootstrap文件上传插件，最后发现还是bootstrap-fileinput最美观，该插件可以实现多文件的上传与管理（插件官方地址：http://plugins.krajee.com/file-input），具体的效果如下：（bootstrap-fileinput不局限于图片上传，也可以实现文件上传，但图片的缩略图容易辨识，这里就以图片上传为例）该插件基本的操作...

JS实现探测网站链接的方法【测试可用】

2017年02月06日 56 阅读

本文实例讲述了JS实现探测网站链接的方法。分享给大家供大家参考，具体如下：如果想通过程序探测一个网站链接是否存在，可以通过服务器端高级语言编程实现，其实客户端的JavaScript也是可以探测的，下面通过一个技巧来探测网站链接。<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona...

bootstrapfileinput实现文件自动上传

2017年02月06日 113 阅读

bootstrap fileinput文件上传插件功能如此强大，样式非常美观，并且支持上传文件预览，ajax同步或异步上传，拖曳文件上传等炫酷的功能，完全没有理由不去使用，JS引用：<script type="text/javascript" src="~/bootstrap/js/fileinput.min.js"></script><link href="~/bootstrap/css/fileinput.min.css"...

AngularJS学习笔记（三）数据双向绑定的简单实例

2017年02月06日 56 阅读

双向绑定双向绑定是AngularJS最实用的功能，它节省了大量的代码，使我们专注于数据和视图，不用浪费大量的代码在Dom监听、数据同步上，关于双向更新，可看下图：数据-->视图这里我们只演示有了数据以后，如何绑定到视图上。<！DOCTYPE html><html ng-app="App"><head><script type="text/javascript" src="http://sandbox.runj...

bootstrap监听滚动实现头部跟随滚动

2017年02月06日 51 阅读

本文实例为大家分享了bootstrap监听滚动头部跟随滚动的实现方法，供大家参考，具体内容如下实现案例<body data-spy="scroll" data-target="#bs-example-navbar-collapse-1"><div id="menu_wrap"><div class="menu"> <nav class="navbar navbar-default" role="navigation...

BootStrap table使用方法分析

2017年02月06日 57 阅读

本文实例为大家分享了BootStrap table的使用方法，供大家参考，具体内容如下bootstrap table git address：https://github.com/wenzhixin/bootstrap-table引入文件<link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css"/><link rel="sty...

值得学习的bootstrap fileinput文件上传工具

2017年02月06日 55 阅读

这是我上传的第二个plugin，首先第一点就是因为这个好看，符合bootstrap的界面风格，第二是可以拖拽（虽然我不常用这个功能但是这样界面看起来就丰满了很多）最后不得不吐槽这个的回发事件我百度了很久才找到，CSDN上面也问了，不知道是自己百度的方式不正确还是别的什么原因..好吧地址http://plugins.krajee.com/file-inputhttps://github.com/kartik-v/bootstrap-fileinput效...

JS+CSS3制作炫酷的弹窗效果

2017年02月06日 62 阅读

昨天在家看电视时，退出的时候发现了一个弹窗效果，整个背景模糊，觉得这样的效果好炫，要比纯色加透明度高大上好多，连续试了几个界面，最终确定效果由css实现的，于是今天一大早来到公司便赶紧搜索了一下，虽然兼容性奇差，但是一个css属性就可以搞定。瞬间感觉自己知道的真是太少了~~ 首先回忆一下弹窗的实现，一般我们分为两层，弹出窗口层（popus）和遮罩层（mask）,通常情况下我习惯就这两元素全部设成fixed定位，具体和absolute区别一试便知。对于mas...

js前端解决跨域问题的8种方案（最新最全）

2017年02月06日 55 阅读

1.同源策略如下：URL说明是否允许通信http://www.a.com/a.jshttp://www.a.com/b.js同一域名下允许http://www.a.com/lab/a.jshttp://www.a.com/script/b.js同一域名下不同文件夹允许http://www.a.com:8000/a.jshttp://www.a.com/b.js同一域名，不同端口不允许http://www.a.com/a.jshttps://www.a.co...

vue2.0+webpack环境的构造过程

2017年02月06日 57 阅读

本文给大家介绍vue2.0+webpack环境构造过程。1.首先新建一个目录vue-wkdemo，这是我们的项目目录。执行 npm init 命令生成package.json文件。执行npm init之后，会提示你填写一些项目的信息，一直回车默认就好了，或者直接执行 npm init -y 直接跳过询问步骤。2.安装项目依赖项npm install webpack webpack-dev-server vue-loader vue-html-loader ...

基于Vuejs框架实现翻页组件

2017年02月06日 54 阅读

翻页功能对前端后端都是个难题啊！今天终于给踩了！哈哈！整理下方法，我是基于vueJs写的，同样适用于angular哈！封装下载地址：vue.js翻页组件效果截图：整体实现逻辑，当用户点击页码时，ajax从后端获取数据，包括：records（当前页查询到的记录），totalRecords: 121（所有记录），currentPage（当前页码），totalPage（总页码），size（当前页显示数量），之后用我封装的算法assemblePageTurner...

微信端口及协议分析（java、C版）

2017年02月06日 126 阅读

有朋友公司需求如下，手机通过WIFI连接上网，而老板要求，员工使用手机只能上微信，而不能上其他网页和看在线视频。上网搜索了微信使用协议和端口。微信通过TCP方式来进行通讯。TCP通讯方式分析通讯端口分析远程通讯端口范围: 80，443，80,443,8080。HTTP方式分析在特征分析中，发现微信会采用HTTP协议进行通讯。连接的主机（Host）（正则表达式）为：^short.weixin.qq.com，^（mmsns|mmbiz）.qpic.cn。TLS...

easyui combobox开启搜索自动完成功能的实例代码

2017年02月06日 70 阅读

combo.json[{ "id":-1, "text":" ", "spell":""},{ "id":1, "text":"类型1", "spell":"lx1"},{ "id":2, "text":"类型2", "spell":"lx2"},{ "id":3, "text":"类型3", "spell":"lx3"},{ "id":4, "text":"类型4", "spell":"lx4"},{ "id":5, "text":"类型5", "spe...

easyui-combobox 实现简单的自动补全功能示例

2017年02月06日 54 阅读

前台：Html页面 <input id="clsydw" name="clsydw" class="easyui-combobox" data-options="" /> JS //自动补全功能 $（"#clsydw"）.combobox（{valueField:"syr", textField:"syr", panelWidth:200, panelHeight:"auto", onChange:function（values,o） { if...

首页 / 脚本样式 / JavaScript

nodejs的HTML分析利器node-jquery用法浅析

JS文件上传神器bootstrap fileinput详解

AngularJS动态加载模块和依赖的方法分析

bootstrap fileinput完整实例分享

jQuery的Read（）方法代替原生JS详解

AngularJS压缩JS技巧分析

AngularJS+Bootstrap实现多文件上传与管理

JS实现探测网站链接的方法【测试可用】

bootstrapfileinput实现文件自动上传

AngularJS学习笔记（三）数据双向绑定的简单实例

bootstrap监听滚动实现头部跟随滚动

BootStrap table使用方法分析

值得学习的bootstrap fileinput文件上传工具

JS+CSS3制作炫酷的弹窗效果

js前端解决跨域问题的8种方案（最新最全）

vue2.0+webpack环境的构造过程

基于Vuejs框架实现翻页组件

微信端口及协议分析（java、C版）

easyui combobox开启搜索自动完成功能的实例代码

easyui-combobox 实现简单的自动补全功能示例