Welcome 微信登录

首页 / 脚本样式 / JavaScript

从JQuery源码分析JavaScript函数的apply方法与call方法

从JQuery源码分析JavaScript函数的apply方法与call方法

最近在使用jQuery的$.each方法时很,突然想到$.each($(‘div"),function(index,entity){});中的这个index和entity是哪冒出来的,而且可有可无的,而且这么高大上的能告诉我们当前遍历的下标和实例。所以看了一下jQuery源代码,是这么写的:调试的时候走的是标红的这段代码,然后用到了callback.call这个函数,于是翻看了一下《js高级程序设计》,其中有比较深的解释。首先,function是一个指向F...
深入了解Node.js中的一些特性

深入了解Node.js中的一些特性

Node.js作为一门新兴的后台语言,旨在帮助程序员快速构建可伸缩的应用程序。Node.js有很多吸引人的地方,有关它的报道不计其数,本文将针对EventEmitter、Streams、Coding Style、Linting、Coding Style等特性进行分析探讨,帮助用户对Node.js有更深入的了解。作为一个基于Chrome JavaScript 运行时建立的平台,我们对JavaScript 的相关认识,似乎都可应用于node应用程序之上;无需额...
浅析js预加载/延迟加载

浅析js预加载/延迟加载

Pre loader 预加载一般有两种常用方式:xhr和动态插入节点的方式。动态插入节点是最为简单也最为广泛的一种异步加载方式,然后使用动态插入节点方法加载的文件都会 在加载后立即执行,javascript的执行一方面会占用浏览器js执行进程,另一方面也可能改变页面结构,而css 的执行更有可能让整个页面变化。xhr方式虽然不会执行脚本,但是由于同域的限制Lazy loader方式在一些图片非常多的网站中非常有用,在浏览器可视区域外的图片不会被载入,直到用...
jquery动态分页效果堪比时光网

jquery动态分页效果堪比时光网

最近一直研究jquery的分页效果,刚刚弄好了一个,拿出来与大家分享。分页效果与时光网的差不多。先在aspx页面放置一个<div class="pageDivs"></div> ,这个是用来存放分页的。然后建一个page.js文件,具体代码如下(js中用到的css类是自己设置的,这里就不给出了,具体的大家可以自己设置一下css样式):复制代码 代码如下:$(document).ready(function(){var pageCou...
jQuery如何获取同一个类标签的所有值(默认无法获取)

jQuery如何获取同一个类标签的所有值(默认无法获取)

碰巧在开发的时候遇到这个问题,因为jQuery总是只返回第一个类标签的值,所以无法达到我们的要求。比如:复制代码 代码如下:var btn = jQuery(".btn").val();获取的只是第一个类标签为btn的html元素的value值。要获得一组类标签的所有html元素的值。就得使用jQuery的each遍历。复制代码 代码如下:var btns = new Array(); //或者写成:var btns= [];jQuery(".btn")....
前端轻量级MVC框架CanJS详解

前端轻量级MVC框架CanJS详解

选择正确的库创建一个JS APP没有好的工具是很有难度的,jQuery只是操作DOM的库,没有提供任何创建APP的基础,这就是为什么我们要一个类似CanJS的专门的库。CanJS 是一个轻量级的MVC库,提供你创建一个JS APP所需的工具。CanJS 是一个轻量级的MVC库,提供你创建一个JS APP所需的工具。 它提供有MVC (Model-View-Control) 模式的基本框架,模板动态绑定, route的支持且 内存安全。同时支持 jQuery...
基于NodeJS的前后端分离的思考与实践(一)全栈式开发

基于NodeJS的前后端分离的思考与实践(一)全栈式开发

前言为了解决传统Web开发模式带来的各种问题,我们进行了许多尝试,但由于前/后端的物理鸿沟,尝试的方案都大同小异。痛定思痛,今天我们重新思考了“前后端”的定义,引入前端同学都熟悉的NodeJS,试图探索一条全新的前后端分离模式。随着不同终端(Pad/Mobile/PC)的兴起,对开发人员的要求越来越高,纯浏览器端的响应式已经不能满足用户体验的高要求,我们往往需要针对不同的终端开发定制的版本。为了提升开发效率,前后端分离的需求越来越被重视,后端负责业务/数据...
基于NodeJS的前后端分离的思考与实践(二)模版探索

基于NodeJS的前后端分离的思考与实践(二)模版探索

前言在做前后端分离时,第一个关注到的问题就是 渲染,也就是 View 这个层面的工作。在传统的开发模式中,浏览器端与服务器端是由不同的前后端两个团队开发,但是模版却又在这两者中间的模糊地带。因此模版上面总不可避免的越来越多复杂逻辑,最终难以维护。而我们选择了NodeJS,作为一个前后端的中间层。试图藉由NodeJS,来疏理 View 层面的工作。使得前后端分工更明确,让专案更好维护,达成更好的用户体验。本文渲染这块工作,对于前端开发者的日常工作来说,佔了非...
基于NodeJS的前后端分离的思考与实践(三)轻量级的接口配置建模框架

基于NodeJS的前后端分离的思考与实践(三)轻量级的接口配置建模框架

前言使用Node做前后端分离的开发模式带来了一些性能及开发流程上的优势, 但同时也面临不少挑战。在淘宝复杂的业务及技术架构下,后端必须依赖Java搭建基础架构,同时提供相关业务接口供前端使用。Node在整个环境中最重要的工作之一就是代理这些业务接口,以方便前端(Node端和浏览器端)整合数据做页面渲染。如何做好代理工作,使得前后端开发分离之后,仍然可以在流程上无缝衔接,是我们需要考虑的问题。本文将就该问题做相关探讨,并提出解决方案。由于后端提供的接口方式可...
基于NodeJS的前后端分离的思考与实践(四)安全问题解决方案

基于NodeJS的前后端分离的思考与实践(四)安全问题解决方案

前言在前后端分离的开发模式中,从开发的角色和职能上来讲,一个最明显的变化就是:以往传统中,只负责浏览器环境中开发的前端同学,需要涉猎到服务端层面,编写服务端代码。而摆在面前的一个基础性问题就是如何保障Web安全?本文就在前后端分离模式的架构下,针对前端在Web开发中,所遇到的安全问题以及应对措施和注意事项,并提出解决方案。跨站脚本攻击(XSS)的防御问题及解决思路跨站脚本攻击(XSS,Cross-site scripting)是最常见和基本的攻击Web网站...
基于NodeJS的前后端分离的思考与实践(五)多终端适配

基于NodeJS的前后端分离的思考与实践(五)多终端适配

前言近年来各站点基于 Web 的多终端适配进行得如火如荼,行业间也发展出依赖各种技术的解决方案。有如基于浏览器原生 CSS3 Media Query 的响应式设计、基于云端智能重排的「云适配」方案等。本文则主要探讨在前后端分离基础下的多终端适配方案。关于前后端分离关于前后端分离的方案,在《基于NodeJS的前后端分离的思考与实践(一)》中有非常清晰的解释。我们在服务端接口和浏览器之间引入 NodeJS 作为渲染层,因为 NodeJS 层彻底与数据抽离,同时...
基于NodeJS的前后端分离的思考与实践(六)Nginx + Node.js + Java 的软件栈部署实践

基于NodeJS的前后端分离的思考与实践(六)Nginx + Node.js + Java 的软件栈部署实践

淘宝网线上应用的传统软件栈结构为 Nginx + Velocity + Java,即:在这个体系中,Nginx 将请求转发给 Java 应用,后者处理完事务,再将数据用 Velocity 模板渲染成最终的页面。引入 Node.js 之后,我们势必要面临以下几个问题:技术栈的拓扑结构该如何设计,部署方式该如何选择,才算是科学合理?项目完成后,该如何切分流量,对运维来说才算是方便快捷?遇到线上的问题,如何最快地解除险情,避免更大的损失?如何确保应用的健康情况,...
<< 921 922 923 924 925 926 927 928 929 930 >>