jQuery

很多国内公司不使用 jQuery 等开源 JS 框架,而选择自己开发 JavaScript 框架

折腾过 KISSY 类库,简单说几点:1. 开发 KISSY 之前,淘宝使用的是 YUI2 类库。但从 2009 年开始,YUI2 在逐步退出历史舞台,YUI 团队的大部分精力都投入到 YUI3 的开发中去了。从当时的情况来看,YUI2 前途堪忧,YUI3 则还不够成熟,并且 YUI3 的定位(大而全的框架型类库)不适合淘宝的前台业务场景(以浏览型为主的展现页面)。2. 我自己是力推 jQuery...

    72浏览0推荐0评论

    如何做前端异常监控

    一段“Web 前端全局异常监控”代码(基于 jQuery)——(function (BOM, $) {     var Console_URL = $('head link[rel="console"]').attr('href'); ...

      60浏览0推荐0评论

      后端渲染html、前端模板渲染html,jquery的htm的区别

      1、后端渲染实现:后端拼字符串呗…… (理论上后端模板也是字符串)好处:模板统一在后端。前端(相对)省事,不占用客户端运算资源(解析模板),只要不大改结构,文字啥的小修改后端改了就好了。坏处:占用(部分、少部分)服务器运算资源、,response 出的数据量会(稍)大点,模板改了前端的交互和样式什么的一样得跟着联动修改。2、前端模板实现:看这个吧……关于模板引擎的工作方式和性能? - 前端开发 但...

        54浏览0推荐0评论

        AJAX加载了HTML但是HTML里面的CLICK事件无效

        事件委托,ajax载入新dom之前js就加载完了,事件当然没有绑定到新载入的dom上。举个例子,如果ajax载入了一个<span class="load"></span>这个时候如果你的js中写了$('.load').on('click',function(){ do something...});事件是绑定不上...

          69浏览0推荐0评论

          JQUERY 的属性

          一.显示和隐藏的属性 hide(隐藏),show(显示) 下面是例子<script type="text/javascript">$(document).ready(function(){    $("#hide").click(function(){       $(&quo...

            61浏览0推荐0评论

            3种不同的ContextMenu右键菜单演示

            简单使用的右键菜单,希望能帮助大家。下面是截图和实例代码 实例预览<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi...

              113浏览0推荐0评论

              实现雪花飘落效果

              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml...

                95浏览0推荐0评论

                从一个组件的实现来深刻理解 JS 中的继承

                全局变量写法这种写法完全没有约束,基本所有人都会,完全没啥技巧:// html <input type="text" id="input"/> // javascript var input = document.getElementById("input"...

                  103浏览0推荐0评论

                  前端面试中的常见的算法问题

                  虽说我们很多时候前端很少有机会接触到算法。大多都交互性的操作,然而从各大公司面试来看,算法依旧是考察的一方面。实际上学习数据结构与算法对于工程师去理解和分析问题都是有帮助的。如果将来当我们面对较为复杂的问题,这些基础知识的积累可以帮助我们更好的优化解决思路。下面罗列在前端面试中经常撞见的几个问题吧。Q1 判断一个单词是否是回文?回文是指把相同的词汇或句子,在下文中调换位置或颠倒过来,产生首尾回环的...

                    119浏览0推荐0评论

                    JQ写简单的伸缩菜单

                    效果如图:JQ代码就那么几句<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <...

                      44浏览0推荐0评论

                      以最简单的登录为例,诠释JS面向对象的简单实例

                      JavaScript,是前端开发人员必须会的一门技术,从JS演变出来的有很多框架,先说说几个热门的框架吧:JQuery:这个技术必须会,如果不会,那一定要会查api,知道怎么写,要看得懂英文文档,这个框架十分流行,不论是刚入坑的开发者还是老油条,其实也都是是需要会的BackBone:这个技术还不错,曾经的项目中用到过多次,很方便,是个MVC的实用框架,用来渲染视图十分简便AngularJS:是个M...

                        83浏览0推荐0评论

                        jQuery计时器

                        <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script type="text/javascript" src="jquery...

                          38浏览0推荐0评论

                          jQuery鼠标经过图片出现提示文字

                          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml...

                            24浏览0推荐0评论

                            json_encode()函数输出格式

                            做项目时发现一个小现象,使用json_encode()函数将array()数组转化成json,输出的数据格式有时候是“{}”包围的,有时候是“[]”包围的。下面做几个测试://对象class JsonTest{     public $id = 1;     public&nbs...

                              33浏览0推荐0评论

                              Jquery 异步提交表单

                              前台部分代码:<div id='error'></div><!--错误提示信息-->   <input type='text' id='username' name='username' readonly='Readonly&...

                                25浏览0推荐0评论

                                jQuery设置和获取select、checkbox、radio的选中值方法

                                SELECT、checkbox、radio是很常用的表单控件,熟练掌握操作它们的方法,会加快我们的开发速度。设置单选下拉框的选中值如果option中没有value属性,那可以通过text设置选中项; 如果option中有value属性,那必须通过value设置选中项。 1)option中没有value属性:<SELECT id="single"...

                                  26浏览0推荐0评论

                                  使用UrlConnection实现后台模拟http请求的简单实例

                                  使用UrlConnection实现后台模拟http请求的简单实例这两天在整理看httpclient,然后想自己用UrlConnection后台模拟实现Http请求,于是一个简单的小例子就新鲜出炉了(支持代理哦):public class SimpleHttpTest {     public static S...

                                    11浏览0推荐0评论

                                    详解js中==与===的区别

                                    为了减少概念混淆,应该把 =称作(得到或者赋值),==称作(相等),===称作(严格相等)相同点:它们两个运算符都允许任意类型的的操作数,如果操作数相等,返回true,否则返回false不同:==:运算符称作相等,用来检测两个操作数是否相等,这里的相等定义的非常宽松,可以允许进行类型转换===:用来检测两个操作数是否严格相等1、对于string,number等基础类型,==和===是有区别的不同类...

                                      11浏览0推荐0评论

                                      jQuery实现文字自动横移

                                      本文详细介绍了通过jquery尺寸相关函数实现文字自动横移的方法。具有一定的参考价值,下面跟着小编一起来看下吧效果图:实现文字自动横移<style type="text/css"> #demo {overflow:scroll;width:740px; } #indemo { float: left;&nb...

                                        11浏览0推荐0评论

                                        JavaScript & jQuery完美判断图片是否加载完毕

                                        众所周知,常见瀑布流当鼠标滚动到浏览器底部的时候,就会发起一个ajax的请求。在服务端生成item列表后,通过 js append到相应的div里边。看起来很简单的样子,关键问题就出在图片的加载问题上,图片一般都放在服务器上,通过http下载到客户端。例如我的图片地址:http://xxx.xxx.com/sc/item/cover/9-4352-c400.jpg而图片下载到本地是需要一定时间的(...

                                          14浏览0推荐0评论

                                          vuejs父子组件通信的问题

                                          父子组件之间可以通过props进行通信:组件的定义:1.创建component类:var Profile = Vue.extend({            template: "<div>Lily</div>&qu...

                                            8浏览0推荐0评论

                                            canvas实现绘制吃豆鱼效果

                                            本篇文章主要分享了canvas实现绘制吃豆鱼效果的示例代码,具有一定的参考价值,下面跟着小编一起来看下吧<!DOCTYPE html> <html>  <head>  <meta charset="UTF-8">  <title>canvas吃豆鱼</title&...

                                              8浏览0推荐0评论

                                              解决拦截器对ajax请求的拦截实例详解

                                              解决拦截器对ajax请求的的拦截拦截器配置:public boolean preHandle(HttpServletRequest request, HttpServletResponse response,Object obj) throws Exception {   &nb...

                                                19浏览0推荐0评论

                                                jQuery实现两个select控件的互移操作

                                                一、直接上代码<!DOCTYPE html> <html> <head>  <meta charset="utf-8" />  <title>index</title> </head> <body>  <div>...

                                                  16浏览0推荐0评论

                                                  jQuery实现两列等高并自适应高度

                                                  想要使用JQuery实现两列等高并自适应高度,其实也很简单,原理就是取得左右两边的高度,然后判断这个值,把大的值赋给小的就行了。看代码:$(document).ready(function() {  var _leftheight = jQuery(".left").height();  var _right...

                                                    15浏览0推荐0评论

                                                    jQuery无缝轮播图代码

                                                    本文实例为大家分享了jQuery无缝轮播图的具体代码,供大家参考,具体内容如下 html 代码<div class="banner">  <ul class="img">   <li><a href="#"><img...

                                                      18浏览0推荐0评论

                                                      自动适应iframe右边的高度

                                                      在开发项目过程中,用iframe嵌套,会发现一个问题,用iframe嵌套的html结构右边不会自动适应高度。这时候找到了一个解决方法:<iframe name="my_iframe" id="mainframe" marginheight="0" marginwidth="0&quo...

                                                        15浏览0推荐0评论

                                                        jQuery手指滑动轮播效果

                                                        备注 : 需要引入对应js下面给大家分享下实现代码,具体代码如下所示:<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript" ...

                                                          16浏览0推荐0评论

                                                          jquery dataview数据视图插件使用方法

                                                          jquery-dataview是一个超轻量的jquery插件,用于对DOM进行数据填充与更新,也很适合根据DOM模板创建对象。与一些纯模板库(例如juicer)相比,它不仅能提供根据模板填入数据、支持循环、支持条件创建等功能,还支持绑定事件,最重要的是,在创建完DOM对象后,这些对象(称为数据视图)关联到原始数据,修改数据后,相应的视图也得以更新。与一些支持数据驱动或MVVM模式的库(例如vue)...

                                                            22浏览0推荐0评论

                                                            jQuery弹出窗口打开链接的实现代码

                                                            下面给大家分享一段jquery代码实现弹出窗口打开链接的实现方法window.open(url, name, style, replace); //弹出窗口打开链接,参数:网址,命名,窗体样式,是否替代原窗口用处:打开新窗体,打开自定义页面<!DOCTYPE html> <html>   <head...

                                                              16浏览0推荐0评论
                                                              首页上一页12345下一页尾页

                                                              推荐作者

                                                              热门手记