网络编程 第582页

XMLHttpRequest Level 2 使用指南
XMLHttpRequest是一个浏览器接口,使得Javascript可以进行HTTP(S)通信。最早,微软在IE5引进了这个接口。因为它太有用,其他浏览器也模仿部署了,ajax操作因此得以诞
jQuery实现微信长按识别二维码功能
最近一直在搞一个微信开发的项目,终于快要完工了,今天小编抽个时间记录下在项目开发过程中遇到jquery.qrcode.min.js生成二维码长按不识别的解决方法,希望对大家有
ES6中的数组扩展方法
form转化为真正的数组先说一下使用场景,在Js中,我们要经常操作DOM,比如获取全部页面的input标签,并且找到类型为button的元素,然后给这个按钮注册一个点击事件,我
JavaScript使用forEach()与jQuery使用each遍历数组时return fa
原生js使用forEach()与jquery使用each()遍历数组,returnfalse的区别:1、使用each()遍历数组a,如下:vara=;$.each(a,function(index,val){console.log('index='+
JavaScript编码风格指南(中文版)
前言:程序语言的编码风格对于一个长期维护的软件非常重要,特别是在团队协作中。如果一个团队使用统一规范的编码分风格,可以提高团队的协作水平和工作效率。编程风
轻松掌握JavaScript享元模式
在JavaScript中,浏览器特别是移动端的浏览器分配的内存很有限,如何节省内存就成了一件非常有意义的事情。节省内存的一个有效方法是减少对象的数量。享元模式(Fly
利用Angularjs和Bootstrap前端开发案例实战
我们将利用Angularjs和Bootstrap,开发一个前端应用实例,通过这一次简单的项目实战,引领大家进入AngularJS前端开发的殿堂,并向大家介绍一下几个知识点:1.MVC基础,
购物车前端开发(jQuery和bootstrap3)
作为一名不在软件公司工作的软件工程师,不仅要会写后台代码(PHP/JAVA/SQL...),还是兼顾前端工程师的工作(html/javascript/css...)。下面就来分享一个在实际工作项
node.js实现快速截图
写文章的时候经常需要插入图片,插入现有的图片很简单,有时候制作一些优秀的网站列表的时候需要添加网页截图,这个过程非常枯燥乏味,可以考虑开发一个命令行工具传
轻松掌握JavaScript装饰者模式
在传统的面向对象语言中,给对象添加功能常常使用继承的方式,但继承的方式会带来问题:当父类改变时,他的所有子类都将随之改变。当JavaScript脚本运行时,在一个对象
js select实现省市区联动选择
最近整了一一些表单类的移动页面,遇到了一个省市区的联动选择,本来想着用公用库里面的以前pc端的省市区选择组件,但是发现pc端的效果在手机端用效果太不理想,设计
ionic实现滑动的三种方式
在移动端受屏幕大小所限,展示内容很多的时候,就要使部分区域进行滑动。本文展示项目中所有到的几种方式,大家可以看自己的需求选择合适的滑动方式。实现滑动的基本
ionic实现可滑动的tab选项卡切换效果
利用ionic的slide-box组件实现可滑动的tab,主要是监听tab点击以及slide页面滑动的事件,做相应的处理,用ng-repeat循环,优化、简略了代码,有需要的同学可以看看。先
ionic实现带字的toggle滑动组件
前言由于项目中需要带字的toggle滑动组件,而ionic提供的是这样的:实际项目中需要这样子的:在网上找了下其他的实现,感觉没得类似的,也没发现合适的,于是自己试着定
郁闷!ionic中获取ng-model绑定的值为undefined如何解决
今天在ionic中使用ng-model时候,在对应的controller里面获得值为undefined。以前在使用angularjs的ng-model绑定时候就可以拿到的啊,这就尴尬了,决定一探究竟。大
ionic组件ion-tabs选项卡切换效果实例
介绍ion-tabs是ionic中的选项卡组件,路由使用的是angular-ui-router.js。因此必须先掌握uiRoute。效果图实例代码index.html</io
NodeJS远程代码执行
背景@Artsploit在挖PayPal的漏洞时,发现一处NodeJS代码执行,奖励$10000美金。测试varexpress=require('express');varapp=express();app.get('/',function(req,re
node.js中 stream使用教程
这些日子跑去学了一下OC,但是还没有学成。离转行的时间还有很长,顺便回顾一下node的知识。每种语言来来去去的人很多,但我就离不开node。我并不是使用它开发,只是
Node.js 日志处理模块log4js
log4js是Node.js日志处理中的数一数二的模块。比起console或者TJ的debug有其优势,尤其针对投入生产的Node.js项目来说下面这些是不可少的:日志分级日志分类日志落
浅谈Nodejs应用主文件index.js
前言经过之前的文章《浅谈Nodejs应用的主文件index.js的组成部分》,终于认识了Node妹子的容颜,然后好像上呀<( ̄︶ ̄)>。呦西~这次让本屌在她胴体上游走一番,想想也
分享JavaScript监听全部Ajax请求事件的方法
若Ajax请求是由jQuery的$.ajax发起的,默认情况下可以使用jQuery的GlobalAjaxEventHandlers监听到Ajax事件,然而我遇到的却是用原生JavaScript发起的Ajax请求,所以
教你如何在Node.js中使用jQuery
想要在NodeJs中使用jQuery?首先,我们得安装jquery,npminstalljquery。安装后的版本是3.1.0接着,第一感觉我们会使用var$=require('jquery')。将以下代码保存为app
利用jQuery的动画函数animate实现豌豆发射效果
先来看看效果图豌豆射手,草坪还有子弹都是现成的图片,1.jQuery是库还是框架?jQuery可以说是现在最流行的一个js类库,而非框架。之前在知乎上看到有人说了这样一句
Javascript学习之谈谈JS的全局变量跟局部变量(推荐)
今天公司一个实习小妹子问我两段JS代码的区别:代码一:vara="Hello";functiontest(){vara;alert(a);a="World";alert(a);}代码二:<script
关于Javascript回调函数的一个妙用
前言其实回调函数简单通俗点就是当有a和b两个函数,当a作为参数传给b,并在b中执行,这时a就是一个回调(callback)函数,如果a是一个匿名函数,则为匿名回调函数那下面
Ionic默认的Tabs模板使用实例
Ionic默认的Tabs模板,Android的在上方,IOS的在下方。在www/js/app.js修改配置,添加一个变量,再修改相应属性:.config(function($stateProvider,$urlRouterProvide
深入理解React中es6创建组件this的方法
首发于:https://mingjiezhang.github.io/。在JavaScript中,this对象是运行时基于函数的执行环境(也就是上下文)绑定的。从react中的demo说起Facebook最近一次更新
妙用Bootstrap的 popover插件实现校验表单提示功能
最近的项目,用Bootstrap比较多。浏览Bootstrap文档,发现popover插件特别适合做表单校验出错的提示。因为使的非常频繁,最近把它封住下,做成jQuery的插件。通过本插
ionic隐藏tabs的方法
本文为大家分享了ionic隐藏tabs的方法,供大家参考,具体内容如下1.2.在该控制器下加上.directive:varmod
基于Bootstrap的Metronic框架实现页面链接收藏夹功能
在一个系统里面,往往有很多菜单项目,每个菜单项对应一个页面,一般用户只需要用到一些常用的功能,如果每次都需要去各个层次的菜单里面去找对应的功能,那确实有点繁
jQuery为动态生成的select元素添加事件的方法
项目中需要在点击按钮时动态生成select元素,为防止每次点击按钮时从服务器端获取数据(因为数据都是相同的),可以这样写代码1、首先定义全局js变量varstrVoucherGr
浅谈jQuery为哪般去掉了浏览器检测
由于做HTML5相关的项目,许多前卫时髦的前端技术就需要考虑一下IE是否支持。要是在以前,可以很方便地调用jQuery的jQuery.browser来实现。If(jQuery.browser.msie)
基于BootStrap的Metronic框架实现页面链接收藏夹功能按钮移动收
在上篇文章:基于Bootstrap的Metronic框架实现页面链接收藏夹功能,介绍了链接收藏夹功能的实现,以及对收藏记录的排序处理。该篇随笔主要使用功能按钮的方式移动收
学习掌握JavaScript中this的使用技巧
tip首先,我知道这篇文章很无聊,无非就是关于js中的this,并且也已经有千千万万的文章写过这部分内容了;但是,我还是想写一篇关于js中的this的文章,算是一个总结归纳
基于Bootstrap的Metronic框架实现条码和二维码的生成及打印处理
在很多项目里面,对条形码和二维码的生成和打印也是一种很常见的操作,在Web项目里面,我们可以利用JS生成条形码和二维码的组件有很多。本文引入两个比较广泛使用的
关于jquery中动态增加select,事件无效的快速解决方法
近来做项目,用的jquery1.6.2库,当动态增加div及select时,事件却不起作用。查了一些资料,发现bind事件:向匹配元素附加一个或更多事件处理器。而live事件:为当前或
javascript如何创建对象
JS是基于对象的语言,可以使用面向对象思想模拟JAVA|C++之类的面向对象语言。面向过程关注解决问题的步骤面向对象关注的是解决问题的所需要的对象(内容和角色),然
JQuery动态添加Select的Option元素实现方法
如下所示:varselector=$('');for(vari=0;i'+i+'');}以上这篇JQuery动态添加Select的O
jquery根据一个值来选中select下的option实例代码
jquery怎么根据一个值来选中select下的option$(document).ready(function(){varstr="";str='${conclusionTypeName}';$("#firstNameopti
基于MVC+EasyUI的web开发框架之使用云打印控件C-Lodop打印页面
在最新的MVC4+EasyUI的Web开发框架里面,我整合了关于网购运单处理的一个模块,其中整合了客户导单、运单合并、到货扫描、扣仓、出仓、查询等各个模块的操作,里面涉
判断js的Array和Object的实现方法
vara=;console.log(typeofa);//objectconsole.log(a.toString());//hello,word字符串console.log(Object.prototype.toString.call(a));
浅谈js数据类型判断与数组判断
写在开篇:昨天面试发现一个十分非常简单的问题竟然没有回答上来,可能也确实是因为太紧张了,感觉被自己蠢哭了。后来想想还是应该认真记录一下,这样才能印象深刻。
Web打印解决方案之证件套打的实现思路
在前面介绍过《Web打印解决方案之普通报表打印功能》的一片文章中提到过那个打印控件Lodop,做起套打来感觉还是挺方便的,至少位置调整界面不需要自己弄,位置嘛,也
js 判断各种数据类型的简单方法(推荐)
了解js的都知道,有个typeof用来判断各种数据类型,有两种写法:typeofxxx,typeof(xxx)如下实例:typeof2输出numbertypeofnull输出objecttypeof{}输出ob
jQuery获取select选中的option的value值实现方法
如下所示:显示不显示varisshow=$("#is
Web打印解决方案之普通报表打印功能
做过很多的Web项目,大多数在打印页面内容的时候,采用的都是通过Javascript调用系统内置的打印方法进行打印,也就是调用PrintControl.ExecWB(,)实现直接打印和打印
对js中回调函数的一些看法
最近在忙公司android的项目,所以也就很少抽时间来写些东西了。刚闲下来,我就翻了翻之前看的东西。做了android之后更加感觉到手机端开发的重要性,现在做nativeApp
jQuery EasyUI编辑DataGrid用combobox实现多级联动
我在项目中设计课程表的时候需要用到老师和分类之间的多级联动。首先是一张效果图:下面是实现的代码:$(function(){varediting;//判断用户是否处于编辑状态varfla
浅谈JSON.stringify()和JOSN.parse()方法的不同
今天终于把JSON.stringify()跟JSON.parse()这两个方法给搞清楚了,下面小编在此记录下!JSON.tringify():把一个json数据转化成JSONstringJSON.stringify({uno:1,do
快速移动鼠标触发问题及解决方法(ECharts外部调用保存为图片操
记录两个项目开发中遇到的问题,一个是ECharts外部调用保存为图片操作,一个是workflow工作流连接曲线onmouseenter和onmouseleave事件由于鼠标移动过快触发问题。一
jQuery弹出层后禁用底部滚动条(移动端关闭回到原位置)
最近在忙于jquery的前端开发,学习到很多知识,今天小编给大家带来一段代码片段有关弹出层后禁用滚动条的代码。具体代码如下所示:$("cli-open").click(function(){
AngularJS动态生成div的ID源码解析
1、问题背景给定一个数组对象,里面是div的id;循环生成div元素,并给id赋值2、实现源码AngularJS动态生成div的ID<script
js控住DOM实现发布微博效果
这段代码的效果具体是输入标题和内容,点击发布把消息发布出去,并使最新的消息始终在内容的最上面,代码为:微博消息效果*{margin:0
js实现简单的碰壁反弹效果
本文实例可以使用js来实现简单的碰壁反弹效果,具体的内容请大家参考代码部分。碰撞小球#box{width:1000px;heigh
js制作网站首页图片轮播特效代码
本文实例为大家分享了使用js制作一般网站首页图片轮播效果的具体代码,供大家参考,具体内容如下图片轮播.warp{width:600p
js实现按钮控制带有停顿效果的图片滚动
本文实例使用js实现带有停顿效果的图片滚动,受按钮控制,供大家参考,具体内容如下无缝滚动2#warp{width:1250px;he
标准的js无缝滚动效果
本文实例为大家分享了js无缝滚动效果实现代码,供大家参考,具体内容如下无缝滚动#warp{width:1200px;height:
js改变透明度实现轮播图的算法
前面有分享过改变层级的轮播图算法,今天继续利用透明度来实现无位移的轮播图算法。实现逻辑:将所有要轮播的图片全部定位到一起,即一层一层摞起来,并且利用层级的
很棒的js Tab选项卡切换效果
本文实例为大家分享了jsTab选项卡切换效果,供大家参考,具体内容如下tab*{margin:0;padding:0;list-
基于JavaScript实现鼠标箭头移动图片跟着移动
我们经常在一些网站上看到,鼠标在网页上移动,有一张图片跟着鼠标移动。大家知道这种效果是怎么做出来的吗你可能感到比较复杂,其实他是用js编一段小程序来实现的,
JavaScript探测CSS动画是否已经完成的方法
不啰嗦上代码:WN:(function(){varel=$(''),transition="transition",transitionEnd,animEvent={'start':null,'iteration':null,'end':null},vendorPre
基于cssSlidy.js插件实现响应式手机图片轮播效果
cssSlidy是一款支持手机移动端的焦点图轮播插件,支持标题设置,滑动动画,间隔时间等。在线实例实例演示使用方法<imgsrc="img/2.
js中常用的Tab切换效果(推荐)
如下所示:tab*{margin:0;padding:0;list-style:none;}.box{width:1000px;
Laravel中常见的错误与解决方法小结
一、报错:「Can'tswapPDOinstancewhilewithintransaction」通过查询Laravel源代码,可以确认异常是在setPdo方法中抛出的:transac
javascript 中的console.log和弹出窗口alert
主要是方便你调式javascript用的。你可以看到你在页面中输出的内容。相比alert他的优点是:1.他能看到结构话的东西,如果是alert,淡出一个对象就是,但是console能看
浅谈javascript中的Function和Arguments
javascript的Function属性:1、Arguments对象2、caller对调用单前函数的Function的引用,如果是顶层代码调用,则返回null(firefox返回undefined)。注:只有在代码执行
AngularJS 实现弹性盒子布局的方法
最近在写一个简单的布局框架,其实功能大同小异。但目标要求是用尽量简单的代码,实现一些必用的功能。应用在一些要求加载速度快的场合。CSS部分.flex-row,.flex{d
Angular懒加载机制刷新后无法回退的快速解决方法
今天在项目中遇到一个很奇怪的问题,使用oclazyload懒加载angular的模块,刷新页面后,单击回退按钮无法返回上一个页面.估计是使用懒加载机制销毁了angular内部的st
jQuery simpleModal插件的使用介绍
SimpleModal是一个轻量级的jQuery插件,它提供了一个模式对话框发展强大的接口。是一个模态对话框的框架。SimpleModal使您可以灵活地构建任何你可以设想,而屏蔽相
AngularJS轻松实现双击排序的功能
话不多说,直接看示例代码HTML代码单价
浅析ES6的八进制与二进制整数字面量
前言在几年前,当SpiderMonkey实现了严格模式的时候.我了解到,严格模式禁用了八进制整数字面量的写法.因为有证据表明,一些新手会利用前导0来对齐多行中的数字,从而
Javascript日期格式化format函数的使用方法
前言Javascript日期格式化在日常开发中还是挺常见的,那么下面就给大家分享Javascript时间格式format函数的两种使用方法示例,一起来看看。方法一Date.prototype.p
jquery的checkbox,radio,select等方法小结
1、checkbox日常jquery操作。现在我们以下面的html为例进行checkbox的操作。全选项1<inputname="subBo
原生js实现tab选项卡切换
本文实例为大家分享了原生js实现tab选项卡切换效果的代码,供大家参考,具体内容如下1.html部分时事<ahr
使用vue编写一个点击数字计时小游戏
使用vue编写一个点击数字计时小游戏,列入你在文本框中输入3,点击开始会生成一个3行3列的表格,表格数据为1-9随机排列,这时候从1开始点击,按顺序点到9,当按正确顺序
javascript 将共享属性迁移到原型中去的实现方法
当我们用一个构造函数创建对象时,其属性就会被添加到this中去。并且被添加到this中的属性实际上不会随着实体发生改变,这时,我们这种做法显得会很没有效率。例如:
浅谈JavaScript 覆盖原型以及更改原型
覆盖原型//囚犯示例//1.定义原型对象varproto={sentence:4,//监禁年限probation:2//缓刑年限};//2.定义原型对象的构造函数varPrisoner=function(name,id){this.n
Bootstrap中的Dropdown下拉菜单更改为悬停(hover)触发
在使用bootstrap制作后台时用到了响应式导航条,其中dropdown组件更是用的比较多,用的多需要点击的就多,dropdown默认鼠标左键单击才展开,如果使用鼠标放上去(hove
关于javascript原型的修改与重写(覆盖)差别详解
每个JavaScript函数都有prototype属性(javascript对象没有这个属性),这个属性引用了一个对象,这个对象就是原型对象。javascript允许我们修改这个原型对象。修改有
jquery datatable服务端分页
OK,上次完成了客户端的分页,这次我们就在上一次的Demo上进行修改,来实现服务端的分页~js代码:$(document).ready(function(){$('#table_id_example').DataTable({
基于JavaScript实现点击页面任何位置返回
废话不多说了,直接上关键代码了。table{width:100%;margin:0;}<scripttype='text/javascript'src="/{:
jQuery禁用快捷键例如禁用F5刷新 禁用右键菜单等的简单实现
禁用鼠标右键菜单栏$("body").bind("contextmenu",function(event){returnfalse;});禁用快捷键$("body").bind("keydown",function(e){e=window.event||e;//禁止空
Node.js配合node-http-proxy解决本地开发ajax跨域问题
情景:前后端分离,本地前端开发调用接口会有跨域问题,一般有以下3种解决方法:1.后端接口打包到本地运行(缺点:每次后端更新都要去测试服下一个更新包,还要在本地搭
基于JavaScript实现鼠标向下滑动加载div的代码
废话不多说了,关键代码如下所示:<htmlxmlns=
JavaScript String(字符串)对象的简单实例(推荐)
返回字符串的长度:vartxt="HelloWorld!"document.write(txt.length)为字符串添加样式:<s
利用Angularjs和bootstrap实现购物车功能
先来看看效果图:购物车一、代码如果看了这个效果有兴趣想知道怎么做出来的话,那就继续往下看吧。话不多少,直接上代码。html代码:购
AngularJS实现一次监听多个值发生的变化
一、$watch简单使用$watch是一个scope函数,用于监听模型变化,当你的模型部分发生变化时它会通知你。$watch(watchExpression,listener,objectEquality);每个参数的
简洁实用的BootStrap jQuery手风琴插件
前端<metaname="viewport"content="width=d
用AngularJS的指令实现tabs切换效果
先来看看效果图首先先来说一下指令嵌套,指令嵌套顾名思义就是两个以上的指令嵌套在一起,比如下面这样:下面这个tabs功能的指令,刚好用到
基于angularjs实现图片放大镜效果
前言一开始打算用原生的angularjs写,但是发现用原生angularjs,无论如何都不能获取里面图片的宽度和高度,因为angularjs内置的jquery方法里没有winth()、height()方
ES6记录异步函数的执行时间详解
calccalc是一个我们想要做剖析(性能分析)的异步函数。按照惯例,它的最后一个参数是一个callback。我们像这样使用calc:calc(arg,(err,res)=>console.log(err||res
总结AngularJS开发者最常犯的十个错误
前言AngularJS易于开发、较多的特征及较好的效果导致了较多的应用,伴随而来的是一些陷阱。本文列举了AngularJS的一些共同的易于出问题的地方,下面来一起看看吧。
深入理解jQuery3.0的domManip函数
domManip这个函数的历史由来已久,从jQuery1.0版本开始便存在了,一直到最新的jQuery版本。可谓是元老级工具函数。domManip的主要功能是为了实现DOM的插入和替换。
knockoutjs动态加载外部的file作为component中的template数据源
玩过knockoutjs的都知道,有一个强大的功能叫做component,而这个component有个牛逼的地方就是拥有自己的viewmodel和template,比如下面这样:ko.components.registe
利用Angularjs和原生JS分别实现动态效果的输入框
在刚开始没有给输入框添加焦点之前,没有任何效果。见下图:然后点击其中任何一个,焦点就会触发一个动画,动画的结果见图二:中间的输入登录密码文字,会自动添加到顶
Ubuntu系统下Angularjs开发环境安装
一.win7环境下安装ubuntu系统http://jingyan.baidu.com/article/60ccbceb18624464cab197ea.html注意:在安装的第四步选择“安装ubuntu系统,与win7系统共存”这一项
老生常谈JavaScript 函数表达式
JavaScript中创建函数主要有两种方法:函数声明和函数表达式。这两种方式都有不同的适用场景。这篇笔记主要关注的是函数表达式的几大特点以及它的使用场景,下面一
浅谈JavaScript 数据属性和访问器属性
在JavaScript中对象被定义为"无序属性的集合,其属性可以包含基本值、对象或函数。"通俗点讲,我们可以把对象理解为一组一组的名值对,其中值可以是数据或函数。创建
JavaScript中子对象访问父对象的方式详解
在传统面向对象的编程语言里,都会提供一种子类访问父类的特殊语法,引文我们在实现子类方法往往需要父类方法的额外辅助。在这种情况下,子类通常会调用父类中的同名
利用Jquery队列实现根据输入数量显示的动画
先来看看要实现的效果图如上面的gif图所示,可以在输入框中,输入要产生的动画的数量,然后点击clickme按钮,就产生了效果。产生的效果是通过在数组中预设的几种。这