postbird
postbird

ThinkPHP+JQuery实现ajax无刷新登录验证（详解+相关问题）

ThinkPHP+JQuery实现ajax无刷新登录验证

摘要：

使用原生javascript进行ajax实现无刷新更改页面内容的复杂性尽人皆知，而jquery对ajax传递进行了封装和优化，因此通过jquery进行ajax的参数传递无疑是很好的选择。本文主要内容为thinkphp结合jquery实现登录验证的无刷新，并可以应用到其他方面。

目录：

  1. jquery实现ajax参数传递的三种方式。
  2. thinkphp中ajaxReturn的取舍问题
  3. 通过外部js映入ajax验证并实现验证功能
  4. 基本验证原理
  5. 相关问题阐述
  • ajax返回内容的选择
  • jquery ready()函数探究
  • 无刷新后ajax失效问题
  • thinkphp路径问题

一、jquery传递ajax参数的三种方式


第一种：load()

$(selector).load(URL,data,callback);

load() 方法从服务器加载数据，并把返回的数据放入被选元素中。


参数说明：

  • ​URL：必选参数，用于服务器地址
  • data：可选，用于发送数据
  • callback：函数，用于数据返回处理

第二种：$.get()
 

$.get(URL,callback);

$.get()方法只用于取数据，不用于传输参数。

参数说明：

  • ​URL：必选参数，用于服务器地址
  • callback：函数，用于数据返回处理
第三种：$.post()
 

$.post(URL,data,callback);
.post() 方法通过 HTTP POST 请求从服务器上请求数据。

参数说明：

  • ​URL：必选参数，用于服务器地址
  • data：可选，用于发送数据
  • callback：函数，用于数据返回处理

如果是取简单的页面，则使用get load都可以，由于需要进行登录验证等操作，所以最好选用post方法。


二、是否使用ThinkPHP中的ajaxReturn()

$this->ajaxReturn(data,info);

  • 我们都知道，ajax返回数据的页面不能有输出，否则会将输出一起返回，或者将静态页面返回，因此返回数据的正确决定了应用能正确运行。
  • 第一次使用ajax的时候，就是返回一堆静态页面，包括从数据库返回的崩溃信息，因此颇为头疼。
  • ThinkPHP对ajax进行了数据的封装优化，创造了ajaxReturn函数，在返回数据的确保数据的正确性，但是经过测试发现，当从数据库返回信息崩溃之后，返回的信息依旧是崩溃的错误页面的信息，这一点抓包就能看到。
那么问题来了：是否使用ajaxReturn呢？

个人建议：使用ajaxReturn来返回数据。
  • 使用ajaxReturn可以返回四种格式数据，分别是json，jsonp，xml，eval
  • 使用ajaxRetuen在返回数据中可以进行data[]封装

三、通过外部js映入ajax验证并实现验证功能

代码说明：
  • index.html   （页面）
  • indexAjax.js （ajax调用）
  • IndexController.class.php （逻辑）
index.html: 

<!DOCTYPE html>
 <html>
 <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <title>AjaxTest</title>
      <script>
         var appUrl="__APP__";
         /*
            通过定义APP，获取APP地址在JS中使用！
            常量的定义必须在indexAjax.js前面，不然失效！
         */
     </script>
     <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.js"></script>
     <script src="__PUBLIC__/indexAjax.js"></script>
 </head>
 <body>
     <form >
          <label for="name">Name:</label>
          <input type="text" name="name" value="" id="name">
          <label for="password">Password:</label>
          <input type="password" name="password" value="" id="password">
          <input type="button" id="submitButton" value="登录">
     </form>
     <hr>     
         <h1 id="loginSuccess">Login  Success!!</h1>
         <h1 id="loginError">Login Error!!</h1>
         <!--初始隐藏-->
 </body>
 </html> <!DOCTYPE html>
 <html>
 <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <title>AjaxTest</title>
      <script>
         var appUrl="__APP__";
         /*
            通过定义APP，获取APP地址在JS中使用！
            常量的定义必须在indexAjax.js前面，不然失效！
         */
     </script>
     <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.js"></script>
     <script src="__PUBLIC__/indexAjax.js"></script>
 </head>
 <body>
     <form >
          <label for="name">Name:</label>
          <input type="text" name="name" value="" id="name">
          <label for="password">Password:</label>
          <input type="password" name="password" value="" id="password">
          <input type="button" id="submitButton" value="登录">
     </form>
     <hr>     
         <h1 id="loginSuccess">Login  Success!!</h1>
         <h1 id="loginError">Login Error!!</h1>
         <!--初始隐藏-->
 </body>
 </html>



indexAjax.js 

 

jQuery(document).ready(function() {

            $('#loginSuccess').hide();

            $('#loginError').hide();

            var postUrl=appUrl+"/Home/Index/test";

            //通过前面定义的变量获取地址

            $('#submitButton').click(function(){

            // $.post('d1',{json:数据},{回调函数});

            //post可以传递json数据，如下：

                $.post(postUrl,{

                    'name':$("#name").val(),

                    'password':$("#password").val()

                        },function(data){

                          /*data是返回的值*/

                             if(data.flag==1){

                              //返回的是json数据，详细看php代码

                               $('#loginSuccess').fadeIn();

                               $('#loginError').fadeOut();

                            }else{

                              $('#loginError').fadeIn();

                               $('#loginSuccess').fadeOut();
                               
                            }
                  });
            });
         });





indexController.class.php


<?php
namespace Home\Controller;
use Think\Controller;

class IndexController extends Controller {

    public function index(){

        $this->display('index');

    }

    public function test(){

        $name=$_POST['name'];

        $password=$_POST['password'];

        $arr['flag']=0;

        if($name=='postbird'){

            if($password=='123456'){

                $arr['flag']=1;

                //进行数据封装

                $this->ajaxReturn($arr,json);

            }else{

               $this->ajaxReturn($arr,json);

                //返回json数据

            }

        }else{

               $this->ajaxReturn($arr,json);

        }

    }

}


2）、1.7版本后jQuery废除了live事件，而是采用了统一的api方式，这样对程序开发人员来说是个好消息，不用记那么多api了，统一用on的方式调用
<pre name="code" class="javascript">$(document).on("click", selector, function(){
   			 // 事件逻辑
		})

新版本推荐用on的方式，document尽量是要绑定事件的最小包含元素，比如父元素，这样性能会更好，selector则是要绑定元素的选择器。

4、ThinkPHP路径：

js中需要进行URL的获取，否则ajax参数传递地址无法获得、
ThinkPHP推荐使用模板替换，一种方案是：

在     <script src="__PUBLIC__/indexAjax.js"></script>之前定义变量 APPURL

这样在js中就可以使用    APPURL+”/Home/User/Check“;   作为处理地址。

以上为关于ThinkPHP进行ajax无刷新验证的相关总结。
有任何疑问或指正，请在下方评论。
谢谢。
postbird
http://www.ptbird.cn
There I am , in the world more exciting!


你可能感兴趣的:(ThinkPHP+JQuery实现ajax无刷新登录验证（详解+相关问题）)

  • c# 读磁盘 c#读扇区 c#读驱动器 c#读硬盘 c#读 MBR nvip c#编程c#磁盘bufferfiledistancebyte
    c#读磁盘c#读扇区c#读驱动器c#读硬盘c#读MBR网上流传的c#打开驱动器都有问题，原因是createfile的参数不对，下面是改好的，publicconstuintFILE_ATTRIBUTE_NORMAL=0x80;publicconstshortINVALID_HANDLE_VALUE=-1;publicconstuintGENERIC_READ=0x80000000;publiccon
  • 从攻击者视角看接口加密：基于 Spring Boot 的接口安全防护实践 小莫分享 JAVAspringboot安全后端
    引言在现代分布式系统中，接口不仅是功能实现的枢纽，还肩负着数据交互的重任。然而，开放接口的同时也意味着暴露了一定程度的安全风险。随着网络攻击技术的不断演进，识别和防范接口的薄弱点成为每个开发者必须重视的内容。本文旨在深入探讨接口加密的必要性，通过分析攻击者如何利用这些薄弱点，并对防御策略进行探讨。1.从攻击者角度看接口的薄弱点接口的设计原则通常倾向于开放和灵活，但这也成为攻击者的潜在攻击路径。探索
  • MYSQL8.0 WITH RECURSIVE递归查询
    MYSQL8.0版本以上使用WITHRECURSIVE实现递归注意：写法比较简单，也比较灵活，但是只适用于MySQL8.0及以上版本，这种写法其实和PostgreSQL的写法是一样的。WITHRECURSIVE语法WITHrecursive表名AS(初始语句（非递归部分）UNIONALL递归部分语句)[SELECT|INSERT|UPDATE|DELETE]withrecursive由两部分组成。
  • 同花顺开放接口api有哪些功能？如何申请使用同花顺开放接口api？ 股票程序化交易接口 量化交易股票API接口Python股票量化交易同花顺开放接口api功能申请使用股票量化接口股票API接口
    Python股票接口实现查询账户，提交订单，自动交易（1）Python股票程序交易接口查账，提交订单，自动交易（2）股票量化，Python炒股，CSDN交流社区>>>同花顺开放接口api的功能概况数据获取功能同花顺开放接口api能够提供丰富的股票市场数据。它可以获取股票的基本信息，像是股票代码、名称、所属行业等。对于投资者来说，这些基本信息是初步了解一只股票的基础。还能获取股票的实时价格数据。这对
  • 软件工程领域敏捷开发的关键流程详解 软件工程实践 软件工程最佳实践AI软件构建大数据系统架构软件工程敏捷流程ai
    软件工程领域敏捷开发的关键流程详解关键词：敏捷开发、Scrum、极限编程、看板方法、用户故事、持续集成、迭代开发摘要：本文深入探讨敏捷开发在软件工程中的关键流程和实践方法。文章首先介绍敏捷开发的基本概念和原则，然后详细分析Scrum、极限编程(XP)和看板方法等主流敏捷框架的核心流程。我们将通过实际案例和代码示例，展示如何在项目中实施敏捷开发的关键实践，包括用户故事编写、迭代计划、每日站会、持续集
  • 敏捷开发 NPCZ 敏捷流程
    在软件开发领域，敏捷开发是目前行业内最普遍被采用的方法论，而快速开发更多作为一种“加速手段”融入各类开发模式中（包括敏捷）。以下从工具和实践两个层面具体说明：一、普遍使用的开发方法论：敏捷开发根据多项行业调研（如2023年StackOverflow开发者调查、Gartner报告），全球超过70%的软件开发团队采用或部分采用敏捷开发相关实践，核心原因在于：适配现代需求特点：互联网时代需求变化快，敏捷
  • Python 使用同花顺 API 接口的详细步骤及常见问题解答 财云量化 python炒股自动化量化交易程序化交易数据库python同花顺api接口使用步骤常见问题股票量化接口股票API接口
    炒股自动化：申请官方API接口，散户也可以python炒股自动化（0），申请券商API接口python炒股自动化（1），量化交易接口区别Python炒股自动化（2）：获取股票实时数据和历史数据Python炒股自动化（3）：分析取回的实时数据和历史数据Python炒股自动化（4）：通过接口向交易所发送订单Python炒股自动化（5）：通过接口查询订单，查询账户资产股票量化，Python炒股，CSDN
  • java: JPS 增量注解处理被禁用 因我你好久不见 mavenintellij-idea
    java:JPSincrementalannotationprocessingisdisabled.Compilationresultsonpartialrecompilatio2022.3.17号早上11点30分，突然出现这个问题，运行项目直接编译失败，出现oom。原因是项目文件过大，导致编译所需内存不够。调整为700，重新运行项目，一切ok。
  • 小程序海报生成神器之一lime-painter配合uniapp简单使用示例 hackchen 小程序uni-app
    组件介绍lime-painter是一个运行在uniapp上优雅的海报生成插件，支持JSON方式和template方式生成海报资源完整demo:https://gitee.com/hackchen/demo-collection/tree/master/front-end/uniapp/lime-painter-demo需要注意的问题包含图片最好的地址最好要支持跨域nvue必须为HBX3.4.11及
  • 小程序海报生成神器之一Painter hackchen 微信小程序
    Kujiale-Mobile/Painter是一个用于生成小程序海报的工具，主要通过JSON配置方式来实现图片的绘制和分享。Painter的优势功能全，支持文本、图片、矩形、qrcode类型的view绘制布局全，支持多种布局方式，如align（对齐方式）、rotate（旋转）支持圆角，其中图片，矩形，和整个画布支持borderRadius来设置圆角支持边框，同时支持solid、dashed、dot
  • 设计模式（十） 醇醛酸醚酮酯 设计模式设计模式
    享元模式（FlyweightPattern）详解一、核心概念享元模式通过共享技术复用相同或相似的细粒度对象，以减少内存占用和提高性能。该模式将对象状态分为内部状态（可共享的不变部分）和外部状态（需外部传入的可变部分），通过共享内部状态降低对象数量。核心组件：抽象享元（Flyweight）：定义共享对象的接口，声明处理外部状态的方法。具体享元（ConcreteFlyweight）：实现抽象享元接口，
  • 期权市场散户占比怎么算？ 致***锌 笔记
    本文主要介绍期权市场散户占比怎么算？期权市场散户占比的计算需结合数据来源和统计口径，通常通过以下步骤实现。期权市场散户占比怎么算？一、核心计算逻辑散户占比=市场总体指标散户相关指标（成交量/持仓量/账户数）×100%二、关键步骤与数据来源1.确定统计范围指标选择：需明确是按交易量、持仓量还是投资者数量统计。交易量：散户贡献的合约买卖手数占总成交量的比例。持仓量：散户持有的未平仓合约占总持仓的比例。
  • 队列和栈--链表，数组的实现 醇醛酸醚酮酯 链表数据结构
    一，队列队列的逻辑含义：队列（Queue）是一种先进先出（FIFO,FirstInFirstOut）的数据结构，意味着队列中的元素按照它们进入队列的顺序依次处理。即，最先被添加到队列中的元素最先被移除。队列的基本操作：入队（Enqueue）：将一个元素添加到队列的末尾。出队（Dequeue）：从队列的头部移除一个元素。查看队头元素（Front/Peek）：获取队列头部的元素，但不移除它。判断队列是
  • 设计模式（七）
    迭代器模式（IteratorPattern）详解一、核心概念迭代器模式提供一种方法来顺序访问一个聚合对象中的各个元素，而又不暴露该对象的内部表示。该模式将遍历逻辑封装在迭代器对象中，使聚合对象和遍历逻辑分离。核心组件：迭代器接口（Iterator）：定义访问和遍历元素的方法。具体迭代器（ConcreteIterator）：实现迭代器接口，跟踪聚合对象中的当前位置。聚合接口（Aggregate）：定
  • java分析tomcat日志_tomcat日志分析详解 Z张N java分析tomcat日志
    在server.xml里的标签下加上directory="logs"prefix="localhost_access_log."suffix=".txt"pattern="common"resolveHosts="false"/>就可以了，下面咱们逐一分析各个参数。className官方文档上说了ThisMUSTbesettoorg.apache.catalina.valves.AccessLog
  • Python的线程、进程与协程 Thomas_Cai Python专题python进程线程协程
    文章目录一、进程和线程的比较1.定义2.内存空间3.创建和销毁4.并发性5.稳定性6.通信7.Python中的实现8.示例代码进程示例线程示例小结二、协程1.协程的关键特性2.协程的工作原理3.协程与生成器的关系4.协程的适用场景5.Python中的协程示例结果6.示例：并发执行多个协程执行一返回一执行二返回二7.协程(asyncio)的应用场景(agent)**7.1.高并发I/O密集型场景**
  • 用于人形机器人强化学习运动的神经网络架构分析
    1.引言：人形机器人运动强化学习中的架构探索人形机器人具备在多样化环境中自主运行的巨大潜力，有望缓解工厂劳动力短缺、协助居家养老以及探索新星球等问题。其拟人化的特性使其在执行类人操作任务（如运动和操纵）方面具有独特优势。深度强化学习（DRL）作为一种前景广阔的无模型方法，能够有效控制双足运动，实现复杂行为的自主学习，而无需显式动力学模型。1.1人形机器人运动强化学习的机遇与挑战尽管DRL取得了显著
  • 计划开一个项目，这是计划表 PyAIGCMaster 我的学习笔记react.js
    针对你计划使用React和Node.js建设一个数据集生成网站的CMS，下面是一个详细的整体架构建议，分为项目管理工具、数据库选择、前后端架构、功能实现步骤以及后期的拓展方案。1.项目管理工具推荐使用Trello或Jira，这两个工具适用于项目管理和任务分配，能够帮助你跟踪进度、管理功能模块、制定开发计划和进行代码审查。Jira更适合中大型项目，Trello适合简单灵活的管理。2.整体架构前端：使
  • 编程新手小白入门最佳攻略 闲暇部落 编程java新手入门开发语言
    编程小白想要成为大神，并为大学新生的学习制定一份最佳入门攻略，可以遵循以下步骤：一、选择编程语言Python：被誉为最适合初学者的编程语言，语法简洁清晰，学习曲线平缓，广泛应用于数据分析、机器学习、Web开发、自动化脚本编写等领域。JavaScript：前端开发的核心语言，实现网页的动态效果，还能通过Node.js实现服务器端的编程，用于开发桌面应用和移动应用。Java：企业级开发中使用最广泛的语
  • 【第三章:神经网络原理详解与Pytorch入门】01.神经网络算法理论详解与实践-(4)神经网络中的重要组件
    第三章:神经网络原理详解与Pytorch入门第一部分：神经网络算法理论详解与实践第四节：神经网络中的重要组件内容：激活函数、loss函数、dropout、梯度消失与爆炸、过拟合与欠拟合神经网络的性能依赖于多个关键组件的合理设计与使用。理解这些组件有助于构建更加稳健且高效的模型。一、激活函数（ActivationFunction）【深度学习】关键技术-激活函数（ActivationFunctions
  • 编程新手之环境搭建：node python PyAIGCMaster Reactpython开发语言
    好的，没问题！为你新装的机器打造一套稳定、高效、专业的开发环境是一件非常有成就感的事情。我们将遵循“稳定优先，专业实践”的原则，不追求最新版本，而是选择社区广泛认可的长期支持版（LTS）和最佳实践工具。整个过程将分为几个部分：基础环境：终端、包管理器和Git，这是所有开发的基石。Node.js环境：使用版本管理器nvm，专业地管理Node.js。Python环境：使用版本管理器pyenv+venv
  • Java性能调优必修课：YourKit与VisualVM实战对比，从内存泄漏到CPU瓶颈的一站式解决
    引言凌晨三点的运维群突然弹出告警：“服务器内存使用率98%！”，你顶着黑眼圈登录服务器，jstat显示GC频率飙升，jmap导出堆文件却像看天书——这种场景每个Java工程师都不陌生。性能问题就像程序里的"暗桩"，轻则让用户骂骂咧咧，重则导致系统崩溃。这时候，专业的性能分析工具就是我们的"照妖镜"。今天要聊的两位主角：JDK自带的VisualVM和商业旗舰YourKit，一个是"居家小能手"，一个
  • 协议篇-I3C协议 本章带你真正使用I3C 热爱学习地派大星 单片机嵌入式硬件fpga开发fpgaI3CI3C协议
    简介上一章讲到I2C协议，作为IIC的升级版，I3C的优点非常明显。总线依然采用SDA和SCL通信。相比较IIC，I3C协议要复杂很多，网上有很多对I3C的介绍，但是对于真正需要编写I3C代码的人来说并不友好，内容千篇一律，使用协议过程中遇到问题却很难找到答案，作者已经实现使用I3C协议对传感器寄存器进行读写操作。硬件特性接下来描述比较核心的内容，首先I3C的时钟一般使用推免输出，如下图所示：图1
  • MySQL 分布式架构：方案、工具与最佳实践 笑远 mysql分布式架构
    MySQL分布式架构：方案、工具与最佳实践在现代企业应用中，随着数据量和用户规模的不断增长，单一的数据库实例往往难以满足高可用性、高性能和可扩展性的需求。这促使企业转向分布式MySQL架构，通过多节点、多实例的方式提升数据库系统的整体性能和可靠性。本文将深入探讨MySQL分布式架构的各种方案、常用工具、实现方法及最佳实践。目录1.分布式MySQL概述2.分布式MySQL架构方案2.1主从复制（Ma
  • oracle 命令 执行job_Oracle中job的使用详解 KelpDAO oracle命令执行job
    我们在项目开发中，常常会有一些复杂的业务逻辑。使用oracle的存储过程，可以大大减少java程序代码的编写工作量，而且存储过程执行在数据库上，这样可以利用oracle的良好性能支持，极大地提高程序执行效率和稳定性。定时执行存储过程，就要用到job。以下是常用的参数说明：字段(列)类型描述JOBNUMBER任务的唯一标示号LOG_USERVARCHAR2(30)提交任务的用户PRIV_USERVA
  • 【31天蓝桥杯冲刺！】蓝桥杯相关的 Python 细节（1） 字典中 get 函数的用法和注意事项 王十二er 蓝桥杯蓝桥杯python开发语言
    文章目录1.描述1.1为什么要使用get()函数？2.语法3.用法3.1访问字典3.2统计列表中元素出现次数例题：力扣454.四数相加2码字不易，希望大家点赞支持一下1.描述Python字典(Dictionary)get()函数返回指定键的值。1.1为什么要使用get()函数？常规访问字典的方法是：dict[key]，但是在key（键）不在字典中时，会触发KeyError异常。get(key)方法
  • 分布式数据库解决方案：ShardingSphere-JDBC 演示项目详解 吕真想Harland
    分布式数据库解决方案：ShardingSphere-JDBC演示项目详解去发现同类优质开源项目:https://gitcode.com/，帮助读者理解其工作原理，应用场景及优势。项目简介是一个简单的SpringBoot应用，它展示了如何在实际应用中集成ShardingSphere-JDBC实现数据分片。该项目包含了一个完整的开发环境配置，包括数据库创建、实体类定义、ShardingSphere配置
  • Python 借助 Matplotlib 绘制分形图形的诀窍 Python编程之道 pythonmatplotlib信息可视化ai
    Python借助Matplotlib绘制分形图形的诀窍关键词：Python,Matplotlib,分形图形,递归算法,数据可视化,数学艺术,计算机图形学摘要：本文深入探讨了使用Python和Matplotlib库绘制分形图形的核心技术。从分形数学原理入手，详细解析了多种经典分形图形的生成算法，包括曼德勃罗集、朱利亚集、科赫雪花、谢尔宾斯基三角形等。文章提供了完整的Python实现代码，结合Matp
  • Oracle 存储过程 不辉放弃 oracle数据库大数据开发
    Oracle存储过程（StoredProcedure）是一种存储在数据库中的可重用程序单元，它可以接受输入参数、执行一系列操作（如数据查询、更新、事务处理等），但不直接返回值（通过OUT或INOUT参数输出结果）。存储过程常用于封装复杂业务逻辑、实现数据处理流程或批量操作。存储过程的基本结构存储过程由三部分组成：过程头：声明过程名称和参数。声明部分：定义局部变量、游标等。执行部分：包含业务逻辑和事
  • python-函数模块包 2501_92004703 Pythonpython开发语言
    python-函数模块包前言一、函数1.函数的定义2.函数的参数2.1形参分类（定义）2.2实参分类（调用）3.函数参数传递4.变量作用域5.匿名函数6.高阶函数1.map2.filter3.sorted二、模块1.定义模块2.导入模块3.导入指定函数4.模块的执行机制三、包1.包的结构2.导入包总结练习1.编写函数实现提取身份证号码中的年月日信息2.打印商品信息3.sorted排序前言函数模块包
  • apache 安装linux windows 墙头上一根草 apacheinuxwindows
    linux安装Apache 有两种方式一种是手动安装通过二进制的文件进行安装，另外一种就是通过yum 安装，此中安装方式，需要物理机联网。以下分别介绍两种的安装方式     通过二进制文件安装Apache需要的软件有apr,apr-util,pcre  1，安装 apr        下载地址：htt
  • fill_parent、wrap_content和match_parent的区别 Cb123456 match_parentfill_parent
    fill_parent、wrap_content和match_parent的区别:   1）fill_parent   设置一个构件的布局为fill_parent将强制性地使构件扩展，以填充布局单元内尽可能多的空间。这跟Windows控件的dockstyle属性大体一致。设置一个顶部布局或控件为fill_parent将强制性让它布满整个屏幕。 2） wrap_conte
  • 网页自适应设计 天子之骄 htmlcss响应式设计页面自适应
    网页自适应设计        网页对浏览器窗口的自适应支持变得越来越重要了。自适应响应设计更是异常火爆。再加上移动端的崛起，更是如日中天。以前为了适应不同屏幕分布率和浏览器窗口的扩大和缩小，需要设计几套css样式，用js脚本判断窗口大小，选择加载。结构臃肿，加载负担较大。现笔者经过一定时间的学习，有所心得，故分享于此，加强交流，共同进步。同时希望对大家有所
  • [sql server] 分组取最大最小常用sql 一炮送你回车库 SQL Server
    --分组取最大最小常用sql--测试环境if OBJECT_ID('tb') is not null drop table tb;gocreate table tb( col1 int, col2 int, Fcount int)insert into tbselect 11,20,1 union allselect 11,22,1 union allselect 1
  • ImageIO写图片输出到硬盘 3213213333332132 javaimage
    package awt; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import javax.imagei
  • 自己的String动态数组 宝剑锋梅花香 java动态数组数组
    数组还是好说，学过一两门编程语言的就知道，需要注意的是数组声明时需要把大小给它定下来，比如声明一个字符串类型的数组：String str[]=new String[10];    但是问题就来了，每次都是大小确定的数组，我需要数组大小不固定随时变化怎么办呢？  动态数组就这样应运而生，龙哥给我们讲的是自己用代码写动态数组，并非用的ArrayList 看看字符
  • pinyin4j工具类 darkranger .net
    pinyin4j工具类Java工具类 2010-04-24 00:47:00 阅读69 评论0 字号：大中小 引入pinyin4j-2.5.0.jar包: pinyin4j是一个功能强悍的汉语拼音工具包，主要是从汉语获取各种格式和需求的拼音，功能强悍，下面看看如何使用pinyin4j。 本人以前用AscII编码提取工具，效果不理想，现在用pinyin4j简单实现了一个。功能还不是很完美，
  • StarUML学习笔记----基本概念 aijuans UML建模
    介绍StarUML的基本概念，这些都是有效运用StarUML?所需要的。包括对模型、视图、图、项目、单元、方法、框架、模型块及其差异以及UML轮廓。         模型、视与图（Model, View and Diagram）        &
  • Activiti最终总结 avords Activiti id 工作流
    1、流程定义ID：ProcessDefinitionId，当定义一个流程就会产生。 2、流程实例ID：ProcessInstanceId，当开始一个具体的流程时就会产生，也就是不同的流程实例ID可能有相同的流程定义ID。 3、TaskId，每一个userTask都会有一个Id这个是存在于流程实例上的。 4、TaskDefinitionKey和（ActivityImpl activityId
  • 从省市区多重级联想到的，react和jquery的差别 bee1314 jqueryUIreact
    在我们的前端项目里经常会用到级联的select，比如省市区这样。通常这种级联大多是动态的。比如先加载了省，点击省加载市，点击市加载区。然后数据通常ajax返回。如果没有数据则说明到了叶子节点。   针对这种场景，如果我们使用jquery来实现，要考虑很多的问题，数据部分，以及大量的dom操作。比如这个页面上显示了某个区，这时候我切换省，要把市重新初始化数据，然后区域的部分要从页面
  • Eclipse快捷键大全 bijian1013 javaeclipse快捷键
    Ctrl+1 快速修复(最经典的快捷键,就不用多说了)Ctrl+D: 删除当前行 Ctrl+Alt+↓ 复制当前行到下一行(复制增加)Ctrl+Alt+↑ 复制当前行到上一行(复制增加)Alt+↓ 当前行和下面一行交互位置(特别实用,可以省去先剪切,再粘贴了)Alt+↑ 当前行和上面一行交互位置(同上)Alt+← 前一个编辑的页面Alt+→ 下一个编辑的页面(当然是针对上面那条来说了)Alt+En
  • js 笔记 函数 征客丶 JavaScript
    一、函数的使用 1.1、定义函数变量 var vName = funcation(params){ } 1.2、函数的调用 函数变量的调用：      vName(params); 函数定义时自发调用：(function(params){})(params); 1.3、函数中变量赋值 var a = 'a'; var ff
  • 【Scala四】分析Spark源代码总结的Scala语法二 bit1129 scala
    1. Some操作   在下面的代码中，使用了Some操作：if (self.partitioner == Some(partitioner))，那么Some(partitioner)表示什么含义？首先partitioner是方法combineByKey传入的变量， Some的文档说明：   /** Class `Some[A]` represents existin
  • java 匿名内部类 BlueSkator java匿名内部类
    组合优先于继承 Java的匿名类，就是提供了一个快捷方便的手段，令继承关系可以方便地变成组合关系 继承只有一个时候才能用，当你要求子类的实例可以替代父类实例的位置时才可以用继承。   在Java中内部类主要分为成员内部类、局部内部类、匿名内部类、静态内部类。 内部类不是很好理解，但说白了其实也就是一个类中还包含着另外一个类如同一个人是由大脑、肢体、器官等身体结果组成，而内部类相
  • 盗版win装在MAC有害发热，苹果的东西不值得买，win应该不用 ljy325 游戏applewindowsXPOS
    Mac mini 型号: MC270CH-A RMB:5,688   Apple 对windows的产品支持不好,有以下问题:   1.装完了xp,发现机身很热虽然没有运行任何程序！貌似显卡跑游戏发热一样，按照那样的发热量,那部机子损耗很大,使用寿命受到严重的影响!   2.反观安装了Mac os的展示机，发热量很小，运行了1天温度也没有那么高 &nbs
  • 读《研磨设计模式》-代码笔记-生成器模式-Builder bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * 生成器模式的意图在于将一个复杂的构建与其表示相分离，使得同样的构建过程可以创建不同的表示（GoF） * 个人理解： * 构建一个复杂的对象，对于创建者（Builder）来说，一是要有数据来源(rawData)，二是要返回构
  • JIRA与SVN插件安装 chenyu19891124 SVNjira
    JIRA安装好后提交代码并要显示在JIRA上，这得需要用SVN的插件才能看见开发人员提交的代码。 1.下载svn与jira插件安装包，解压后在安装包(atlassian-jira-subversion-plugin-0.10.1) 2.解压出来的包里下的lib文件夹下的jar拷贝到(C:\Program Files\Atlassian\JIRA 4.3.4\atlassian-jira\WEB
  • 常用数学思想方法 comsci 工作
      对于搞工程和技术的朋友来讲，在工作中常常遇到一些实际问题，而采用常规的思维方式无法很好的解决这些问题，那么这个时候我们就需要用数学语言和数学工具，而使用数学工具的前提却是用数学思想的方法来描述问题。。下面转帖几种常用的数学思想方法，仅供学习和参考   函数思想 　　把某一数学问题用函数表示出来，并且利用函数探究这个问题的一般规律。这是最基本、最常用的数学方法
  • pl/sql集合类型 daizj oracle集合typepl/sql
    --集合类型 /*   单行单列的数据，使用标量变量   单行多列数据，使用记录   单列多行数据，使用集合（。。。）   *集合：类似于数组也就是。pl/sql集合类型包括索引表（pl/sql table）、嵌套表（Nested Table）、变长数组（VARRAY）等 */ /*     --集合方法 &n
  • [Ofbiz]ofbiz初用 dinguangx 电商ofbiz
    从github下载最新的ofbiz（截止2015-7-13），从源码进行ofbiz的试用 1. 加载测试库 ofbiz内置derby，通过下面的命令初始化测试库 ./ant load-demo (与load-seed有一些区别)   2. 启动内置tomcat ./ant start 或 ./startofbiz.sh 或 java -jar ofbiz.jar &
  • 结构体中最后一个元素是长度为0的数组 dcj3sjt126com cgcc
    在Linux源代码中，有很多的结构体最后都定义了一个元素个数为0个的数组，如/usr/include/linux/if_pppox.h中有这样一个结构体： struct pppoe_tag {     __u16 tag_type;     __u16 tag_len;   &n
  • Linux cp 实现强行覆盖 dcj3sjt126com linux
    发现在Fedora 10 /ubutun 里面用cp -fr src dest，即使加了-f也是不能强行覆盖的，这时怎么回事的呢？一两个文件还好说，就输几个yes吧，但是要是n多文件怎么办，那还不输死人呢？下面提供三种解决办法。 方法一 我们输入alias命令，看看系统给cp起了一个什么别名。 [root@localhost ~]# aliasalias cp=’cp -i’a
  • Memcached(一)、HelloWorld frank1234 memcached
    一、简介 高性能的架构离不开缓存，分布式缓存中的佼佼者当属memcached，它通过客户端将不同的key hash到不同的memcached服务器中，而获取的时候也到相同的服务器中获取，由于不需要做集群同步，也就省去了集群间同步的开销和延迟，所以它相对于ehcache等缓存来说能更好的支持分布式应用，具有更强的横向伸缩能力。 二、客户端 选择一个memcached客户端，我这里用的是memc
  • Search in Rotated Sorted Array II hcx2013 search
    Follow up for "Search in Rotated Sorted Array":What if duplicates are allowed? Would this affect the run-time complexity? How and why? Write a function to determine if a given ta
  • Spring4新特性——更好的Java泛型操作API jinnianshilongnian spring4generic type
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • CentOS安装JDK liuxingguome centos
    1、行卸载原来的： [root@localhost opt]# rpm -qa | grep java tzdata-java-2014g-1.el6.noarch java-1.7.0-openjdk-1.7.0.65-2.5.1.2.el6_5.x86_64 java-1.6.0-openjdk-1.6.0.0-11.1.13.4.el6.x86_64 [root@localhost
  • 二分搜索专题2-在有序二维数组中搜索一个元素 OpenMind 二维数组算法二分搜索
    1,设二维数组p的每行每列都按照下标递增的顺序递增。 用数学语言描述如下：p满足 (1),对任意的x1，x2，y，如果x1<x2,则p(x1,y)<p(x2,y); (2),对任意的x，y1,y2, 如果y1<y2,则p(x,y1)<p(x,y2); 2,问题： 给定满足1的数组p和一个整数k，求是否存在x0,y0使得p(x0,y0)=k? 3,算法分析： (
  • java 随机数 Math与Random SaraWon javaMathRandom
    今天需要在程序中产生随机数，知道有两种方法可以使用，但是使用Math和Random的区别还不是特别清楚，看到一篇文章是关于的，觉得写的还挺不错的，原文地址是 http://www.oschina.net/question/157182_45274?sort=default&p=1#answers 产生1到10之间的随机数的两种实现方式： //Math Math.roun
  • oracle创建表空间 tugn oracle
    create temporary tablespace TXSJ_TEMP   tempfile 'E:\Oracle\oradata\TXSJ_TEMP.dbf'   size 32m   autoextend on   next 32m maxsize 2048m   extent m
  • 使用Java8实现自己的个性化搜索引擎 yangshangchuan javasuperword搜索引擎java8全文检索
    需要对249本软件著作实现句子级别全文检索，这些著作均为PDF文件，不使用现有的框架如lucene，自己实现的方法如下： 1、从PDF文件中提取文本，这里的重点是如何最大可能地还原文本。提取之后的文本，一个句子一行保存为文本文件。 2、将所有文本文件合并为一个单一的文本文件，这样，每一个句子就有一个唯一行号。 3、对每一行文本进行分词，建立倒排表，倒排表的格式为：词=包含该词的总行数N=行号
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他