Welcome 微信登录

首页 / 脚本样式 / JavaScript

jQuery、zepto、js常用小技巧

jQuery、zepto、js常用小技巧

以下只为记录自己工作常用的片段和心得, 如有问题请指正, 多谢~jQuery/zepto判断元素是否存在// 判断长度是否存在, 正确if ($elem.length) {}// 错误, 因为空数组也是trueif ($elem) {}合理判断数据类型先看代码:function case(str) {return str.match(/reg/);}看着没问题, 但当 str 为空(false, null等)时就挂了, 适当的检查让代码更健壮, 如:fun...
jQuery Mobile漏洞会有跨站脚本攻击风险

jQuery Mobile漏洞会有跨站脚本攻击风险

概述根据国外媒体的最新报道,谷歌公司的安全工程师Eduardo Vela在jQuery Mobile框架中发现了一个安全漏洞,这个漏洞将会让 所有使用了jQuery Mobile的网站暴露于跨站脚本攻击风险之下 。jQuery Mobile项目(jQuery框架中的一个组件)是一个基于HTML5的开发框架,在它的帮助下,开发者可以设计出能够适配目前主流移动设备和桌面系统的响应式Web站点以及应用程序。实际上,jQuery Mobile不仅可以为主流移动平台...
jQuery文字轮播特效

jQuery文字轮播特效

闲谈:离开学校那座象牙塔已经也有大半年的事件了,生活中不再充满了茫然只有忙碌。连续加班加点大半个月,做的活动项目终于算是告一段落了,而今天也将是考验其真正价值的时候,现在将这次开发中遇到的问题做一下总结。项目背景: 这次的项目主要是做一次全国酒店人气排名的营销活动,主要是基于在微信中传播,预计访问量达到亿级,并发做到2000+/s,且有不少的容错预案,我这次主要负责前端首页方面的展示效果。功能点:文字无缝轮播(不要在意为什么在移动端还会有这样的需求)当一说...
ES6学习之变量的解构赋值

ES6学习之变量的解构赋值

变量的解构赋值ES6中允许按照一定模式,从数组和对象中提取,对变量进行赋值。数组的解构赋值var [a,b,c] = [1,2,3];a // 1;b // 2;c // 3;上面的代码标示可以从数组中提取值,按照位置的对应关系对变量进行赋值。本质上,这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值。let [foo,[[bar],baz]] = [1,[[2],3]];foo //1;bar //2;baz //3;let ...
学习使用jQuery表单验证插件和日历插件

学习使用jQuery表单验证插件和日历插件

首先学习使用jQuery表单验证插件:1.Jquery表单验证插件—Validation的学习与使用 (1)Validation的验证有几种规则,一是在class属性中定义验证规则,如class=“required”,minlength=”2”。为了实现将验证规则完全编写到class属性中,另外一种是通过引入新的jquery插件-jquery.metadata.js来实现验证规则的定义,此时表单的验证调用的方法改为如下所示的代码: 将$(“#form”)....
浅谈js中的变量名和函数名重名

浅谈js中的变量名和函数名重名

今天骚凯问了一道变量名冲突的题目,感觉很有意思,顺便也复习一下预解析的一些知识,有不对的地方忘前辈大神指正,题目是这样的:var a=100;function a(){ console.log(a);}a();这个串代码执行完会报错 : a is not a function问题来了,为什么会报这个错误呢? 这里涉及到函数和变量的预解析:1)函数声明会置顶2)变量声明也会置顶3)函数声明比变量声明更置顶:(函数在变量上面)4)变量和赋值语句一起书写,在j...
Nodejs高扩展性的模板引擎 functmpl简介

Nodejs高扩展性的模板引擎 functmpl简介

关于functmplfunctmpl 是一个基于JavaScript/Nodejs的高扩展性的模板引擎模板格式<#包含/>如果想在一个模板中插入另一个模板,可以使用<#包含/>比如插入模板 a.ftl :<#"a.ftl"/><@功能/>除了输出变量、包含模板外,也可以加入更多自定义的功能,比如:枚举、赋值但额外的功能需要自定义。自定功能的具体格式为<@功能名称 参数名=参数值/><@功能名...
详解Javascript中DOM的范围

详解Javascript中DOM的范围

前言为了让开发人员更方便地控制页面,DOM定义了“范围”(range)接口。通过范围可以选择文档中的一个区域,而不必考虑节点的界限(选择在后台完成,对用户是不可见的)。在常规的DOM操作不能更有效地修改文挡时,使用范围往往可以达到目的。本文将详细介绍DOM范围,下面来一起看看吧。创建范围Document类型中定义了createRange()方法。在兼容DOM的浏览器中,这个方法属于document对象。使用hasFeature()或者直接检测该方法,都可以...
AngularJS学习第一篇 AngularJS基础知识

AngularJS学习第一篇 AngularJS基础知识

AngularJS学习第一篇,了解指令、过滤器等相关内容。指令AngularJS 指令是扩展的 HTML 属性,带有前缀 ng- 1、 ng-app:定义了 AngularJS 应用程序的根元素;ng-app 指令在网页加载完毕时会自动引导(自动初始化)应用程序;<div ng-app="Demo"></div>2、 ng-init:为 AngularJS 应用程序定义了 初始值;通常情况下,我们使用一个控制器或模块来代替它;<...
关于不同页面之间实现参数传递的几种方式讨论

关于不同页面之间实现参数传递的几种方式讨论

不同页面之间实现参数传递的几种方式讨论(黎声)由于web系统采用http协议在浏览器和服务器之间传输数据,而http协议是一种无状态的协议,如何在不同页面之间传递数据,可以有一下几种方式方式一:表单方式传递表单传递参数是一种最简单,也是最基本的参数传递方式。注意:表单元素隐藏按钮的使用方式二:带参数的url方式传递带参数的url写法: url?参数名1=值1&参数名2=值2。方式三:请求request对象可以将数据绑定到request对象上,通过r...
AngularJS学习第二篇 AngularJS依赖注入

AngularJS学习第二篇 AngularJS依赖注入

简介:首先我们需要理解什么是依赖注入?控制反转和依赖注入有什么区别?假定:应用程序A,需要访问外部资源C。这里使用了容器B(是指用来实现 IOC/DI 功能的一个框架程序)。 A需要访问C B获取C然后返回给AIOC inversion of control 控制反转:站在容器角度。B控制A,由B反向的向A注入C。即容器控制应用程序,由容器反向的向应用程序注入应用程序所需要的外部资源。DI Dependency Injection 依赖注入:站在应用程序的...
<< 1 2 3 4 5 6 7 8 9 10 >>