跨越学习
跨越学习

jquery Mobile应用第2课《构建跨平台APP：jQuery Mobile移动应用实战》连载二（简单的QWER键盘）

在jQuery Mobile的布局中，控件大多都是单独占据页面中的一行，按钮自然也不例外，但是仍然有一些方法能够让多个按钮组成一行，比如说在范例6-5中就利用按钮分组的方法使4个按钮并列在一行中，如图6-24和图6-25所示。



图6-24 实现按钮分组的方法


图6-25 分组的按钮


而在上一节中也许有读者已经注意到，头部栏中的按钮并没有占据一整行，也没有与多个按钮一起成组存在，那么在页面的其他部分是否也可以让按钮以这样的形式出现呢？

【范例6-9 简单的QWER键盘】

[html] view plaincopy

  1. 01  <!DOCTYPE html>       

  2. 02  <html>       

  3. 03  <head>       

  4. 04  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  

  5. 05  <meta name="viewport" content="width=device-width, initial-scale=1">       

  6. 06  <link rel="stylesheet" href="jquery.mobile.min.css" />       

  7. 07  <script src="jquery-1.7.1.min.js"></script>       

  8. 08  <script src=“jquery.mobile.min.js”></script>      

  9. 09  </head>                 

  10. 10  <body>  

  11. 11      <div data-role="page">  

  12. 12          <div data-role="header">  

  13. 13              <h1>简单的QWER键盘</h1>  

  14. 14          </div>  

  15. 15          <div data-role="content">  

  16. 16              <a href="#" data-role="button" data-inline="true">Tab</a>  

  17. 17              <!―此处省略若干按钮，请读者自行添加，用标签<br/>换行-->  

  18. 18              <a href="#" data-role="button" data-inline="true">;</a>  

  19. 19              <br/>  

  20. 20              <a href="#" data-role="button" data-inline="true">Shift</a>  

  21. 21              <!―此处省略若干按钮，请读者自行添加，用标签<br/>换行-->  

  22. 22              <a href="#" data-role="button" data-inline="true">/</a>  

  23. 23          </div>  

  24. 24          <div data-role="footer">  

  25. 25              <h1>排列的非常整齐</h1>  

  26. 26          </div>  

  27. 27      </div>  

  28. 28  </body>  

  29. 29  </html>  


运行结果如图6-26所示。


图6-26 利用jQuery Mobile实现的QWER键盘

观察代码可以发现，每个按钮都增加了一个新的属性data-inline="true"，它可以使按钮的宽度变得仅包含按钮中标题的内容，而不是占据整整一行，但是这样也会带来一个缺点，就是jQuery Mobile中的元素将不知道该在何处换行，于是就有了第19行处的“<br/>”。

另外就是在使用了该属性之后，按钮将不再适应屏幕的宽度，可以看到图6-26的右侧还有一定的空白，这是因为页面的宽度超出了按钮宽度的总和。而当页面宽度不足以包含按钮宽度时，则会出现如图6-27所示的混乱结果。




图6-27 键盘上的按钮因宽度不够而自动换行


    这时候再看尾部栏中“排列的非常整齐”这几个字就非常有讽刺意味了，这是因为在使用了属性data-inline="true"之后，每个按钮已经将本身的宽度压缩到了最小，这时如果还要显示全部内容就只好自动换行来显示内容了。

提示：其实用jQuery Mobile中的分栏布局功能要比这种方式好得多，但是由于分栏布局只能产生规整的布局，所以在实际使用时还要根据实际情况来决定具体用哪种方案比较合适。


如果您喜欢这些例子，强烈推荐这本适合没有任何基础的人来学习的APP开发入门书《构建跨平台APP：jQuery Mobile移动应用实战》

低门槛

浅阅读

轻轻松松就能学会移动APP开发

不但能了解做什么（What）与怎么做（How）

更能清楚为什么要这么做（Why）


你可能感兴趣的:(移动开发,跨平台,jquerymobile)

  • Vulkan hanpfei Android图形系统
    Android7.0添加了对Vulkan的支持，一个高性能3D图形的低开销跨平台API。像OpenGLES一样，Vulkan提供了在应用中创建高质量，实时图形的工具。Vulkan的优势包括CPU开销降低及支持SPIR-VBinaryIntermediate语言。片上系统生产商（SoCs）比如GPU独立硬件供应商（IHVs）可以为Android编写Vulkan驱动；OEMs简单地需要为特定的硬件集成
  • Electron学习 星空0107 electronjavascriptecmascript
    Electron的简介Electron基于chromium和Node.js，让我们可以使用Javascript,HTML,CSS构建跨平台的桌面应用程序，同时Electron兼容Mac,Window,和Linux,可以构建出三个平台的应用程序Electron的安装运行cmd,输入npminit，然后一直按enter换行即可输入cnpmielectron-S（如果电脑没有安装cnpm会报错，需要安装
  • electron学习笔记 weixin_46452138 electron学习javascript
    electron个人学习笔记一、electron简单了解Electron是一个跨平台的、基于Web前端技术的桌面GUI应用程序开发框架。可以使用HTML、CSS来绘制界面和控制布局，使用JavaScript来控制用户行为和业务逻辑，使用Node.js来通信、处理音频视频等，几乎所有的Web前端技术和框架（jQuery、Vue、React、Angular等）都可以应用到桌面GUI开发中。二、开发前基
  • 深入解析 Flutter 性能优化：从原理到实践 陈皮话梅糖@ flutter
    深入解析Flutter性能优化：从原理到实践的全面指南Flutter是一个高性能的跨平台框架，但在开发复杂应用时，性能问题仍然可能出现。性能优化是开发高质量Flutter应用的关键。本篇博客将从Flutter的渲染原理出发，结合实际场景，详细分析如何优化Flutter应用的性能，涵盖布局优化、绘制优化、内存优化、网络优化等多个方面。1.Flutter性能优化的核心原理在优化性能之前，我们需要理解F
  • 【一文读懂】JS与Java的区别 Bl_a_ck JS进阶javascriptjava开发语言
    相同点这两个语言除了注释长得差不多之外就没什么相同点了不同点设计初衷：JS从开发到上线就经历了10天的时间，最初的目的是实现网页端的动态交互效果，由于设计时间太短，语言的一些细节考虑得不够严谨，导致后来很长一段时间，Javascript写出来的程序混乱不堪。所以现在有了TS来代替JSJava设计用于编写跨平台的、运行在虚拟机上的应用程序设计理念：Java是典型的面相对象的语言，具有面向对象的三大特
  • 跨平台思维导图软件 SimpleMind Pro v2.5.0 注册版 下载与使用说明 ZERO BF windows电脑
    SimpleMindDesktopPro是一款功能丰富的跨平台思维导图工具，特别适用于头脑风暴、会议记录和创意讨论等场景。无论是个人思考还是团队合作，它都能帮助用户捕捉、组织和展示各种想法、概念和任务，让你的思维更加有序、清晰。该版本已注册，可以使用全部功能。操作说明：1、将压缩文件解压到固定位置，不要随意移动。2、解压后，双击start_simpleMind.bat来运行软件下载地址：https
  • 网络共享基于什么原理，为什么MAC可以编辑局域网的windows系统文件？ 互联网之路. 知识点macoswindows
    互联网各领域资料分享专区(不定期更新)：Sheet正文网络共享的实现原理及跨平台文件编辑能力主要基于以下几点：网络共享的核心原理文件共享协议：通过SMB/CIFS（Windows默认）、NFS（Unix系）或AFP（传统Mac）等协议实现跨设备文件访问网络分层模型：基于OSI模型的应用层协议实现，依赖下层TCP/IP协议栈完成数据传输服务端/客户端架构：由服务端发布共享资源，客户端通过协议访问身份
  • 虚幻UE4/UE5程序性能分析及优化 余额多多多 虚幻ue4ue5
    谈到ue程序性能优化，不得不提下ue程序运行的几个主要线程：1/GameThread-游戏线程，负责处理游戏逻辑，更新各种状态2/DrawThread-渲染线程，处理场景中模型/灯光的渲染操作，从游戏线程获取渲染信息，将其转化为与平台无关的绘图指令（跨平台）3/RHITThread-解析DrawThread绘图指令，具体是：RHIT调用各平台的API，向GPU发送渲染指令，进行实际的渲染处理（Re
  • Qt QOpenGLFunctions详解 码农客栈_V13427279549 Qtqt
    1.概述QOpenGLFunctions是Qt提供的一个工具类，用于封装OpenGL的函数调用。它使得在Qt应用程序中使用OpenGL更加方便和安全，同时提供了跨平台的兼容性。通过继承QOpenGLFunctions，开发者可以轻松地访问OpenGL的核心功能，而无需直接调用原生的OpenGLAPI。QOpenGLFunctions提供了大量封装的OpenGL函数，这些函数与OpenGL的原生函数
  • 《Ollama 与 DeepSeek 整合应用入门指南》一、二、三章 Allen-Steven ollamadeepseek
    第一章：工具概述与核心价值1.1Ollama技术解析本地化部署优势：无需网络连接的数据隐私保护跨平台架构设计：支持Windows/macOS/Linux全平台模型管理引擎：自动化处理模型依赖与版本控制1.2DeepSeek模型特性多模态处理能力：文本生成、代码理解、数学推理中文优化架构：针对中文语料的特殊训练策略模型家族图谱：从1.3B到67B的参数规模选择1.3技术整合价值本地智能计算：企业数据
  • 安全面试1 白初& 面试题目总结安全面试网络
    目录渗透的流程信息收集如何处理子域名爆破的泛解析问题泛解析判断泛解析的存在处理泛解析的策略如何绕过CDN查找真实ipphpinfo中常见的敏感信息权限维持Windows权限维持Linux权限维持技术跨平台权限维持技术检测和防御输出到href的XSS如何防御samesite防御CSRF的原理SameSite的工作原理CSRF防御json格式的CSRF如何防御浏览器解析顺序和解码顺序解析顺序解码顺序过
  • PyTorch `.pth` 转 ONNX：从模型训练到跨平台部署 MO__YE 人工智能
    PyTorch.pth转ONNX：从模型训练到跨平台部署在深度学习里，模型的格式决定了它的可用性。如果你是PyTorch用户，你可能熟悉.pth文件，它用于存储训练好的模型。但当你想在不同的环境（如TensorRT、OpenVINO、ONNXRuntime）部署模型时，.pth可能并不适用。这时，ONNX（OpenNeuralNetworkExchange）就必不可少。本文目录：什么是.pth文件
  • PyTorch `.pth` 转 ONNX：从模型训练到跨平台部署 MO__YE pytorch人工智能python
    PyTorch.pth转ONNX：从模型训练到跨平台部署在深度学习里，模型的格式决定了它的可用性。如果你是PyTorch用户，你可能熟悉.pth文件，它用于存储训练好的模型。但当你想在不同的环境（如TensorRT、OpenVINO、ONNXRuntime）部署模型时，.pth可能并不适用。这时，ONNX（OpenNeuralNetworkExchange）就必不可少。本文目录：什么是.pth文件
  • 安装Docker：从入门到实战的完整指南 yule.yang 云原生docker容器运维
    一、引言随着容器技术的日益普及，Docker已经成为了开发、部署和运行应用程序的标准工具。Docker可以帮助我们轻松地打包和分发应用程序，使得跨平台开发和部署变得更加简单。本文将指导您从安装到实际使用Docker的完整过程。二、安装Docker前的准备工作在安装Docker之前，我们需要确保系统满足以下要求：64位的操作系统，如CentOS7或更高版本。至少4GB的内存。至少20GB的可用磁盘空
  • Flutter学习 T_yoo_csdn Flutter前端Flutter
    flutter环境搭建mac版Flutter中文网Flutter原理及美团的实践背景Flutter的目标是使同一套代码同时运行在Android和iOS系统上，并且拥有媲美原生应用的性能，Flutter甚至提供了两套控件来适配Android和iOS（滚动效果、字体和控件图标等等），为了让App在细节处看起来更像原生应用。在Flutter诞生之前，已经有许多跨平台UI框架的方案，比如基于WebView
  • Docker 入门与实战：从安装到容器管理的完整指南 X_taiyang18 docker容器
    Docker入门与实战：从安装到容器管理的完整指南简介在现代软件开发中，容器化技术已经成为不可或缺的一部分。而Docker作为容器化领域的领头羊，以其轻量级、高效和跨平台的特性，深受开发者们的喜爱。本文将带你从零开始，逐步掌握Docker的安装、配置以及日常使用技巧，并结合实际案例为你提供一份详实的Docker使用指南。无论你是初学者还是有一定经验的开发者，都能从中受益！目录**Docker入门与
  • 软件测试技术之跨平台的移动端UI自动化测试（上） 学掌门 软件测试ITui软件测试
    摘要：本文提出一种跨平台的UI自动化测试方案，一方面使用像素级的截图对比技术，解决传统UI自动化测试难以验证页面样式的问题；另一方面用统一部署在服务器端的JavaScript测试代码代替Android和iOS测试代码，大大提高编写测试代码的效率。该方案经过实际验证，具有效率高、质量好、便于维护等多方面优点，文中将阐述具体设计思路以及各关键步骤的实现方法，为同类测试提供借鉴。一、背景当前金融服务数字
  • Python 源码编译安装详解：跨平台指南及完整步骤解析 敲代码不忘补水 一起学Pythonpython开发语言编译安装
    Python源码编译安装详解：跨平台指南及完整步骤解析文章目录Python源码编译安装详解：跨平台指南及完整步骤解析一准备工作1）Ubuntu/Debian2）CentOS/RHEL3）macOS二下载Python源码三编译与安装1）解压源码2）配置安装选项3）编译源码4）安装四验证安装本文详细介绍了如何在不同操作系统（Ubuntu/Debian、CentOS/RHEL、macOS）上，从源码编译
  • C#、ASP、ASP.NET、.NET、ASP.NET CORE区别、ASP.NET Core其概念和特点、ASP.NET Core个人心得体会 手中的风筝664 c#asp.net.net
    C#是一种面向对象的编程语言，主要用于开发跨平台的应用程序。它是.NET框架的一部分，并且可以在.NET平台上运行。ASP（ActiveServerPages）是一种用于构建动态Web页面的技术，使用VBScript或JScript作为服务器端脚本语言。它是早期的Microsoft技术，现已逐渐过时。ASP.NET是微软推出的下一代Web应用程序开发技术，它提供了更强大、更高效的功能和工具。ASP
  • Linux下CMake 3.28.2版本针对ARM64架构的预编译安装包 安检
    本文还有配套的精品资源，点击获取简介：CMake是一个跨平台的自动化构建系统，通过配置文件简化了项目构建过程，并能够生成适应不同操作系统和编译器环境的构建工具。版本3.28.2针对Linux系统和aarch64架构预编译，适用于64位ARM处理器。该版本包括了所有必要的可执行文件、库、模块和文档。解压后，通过简单几步即可安装并开始使用CMake来构建项目。1.CMake简介和特性CMake简介CM
  • 掌握SQLite_轻量级数据库的全面指南 随风九天 java匠心数据库数据库sqlite
    1.引言1.1SQLite简介SQLite是一个嵌入式关系型数据库管理系统，它不需要单独的服务器进程或系统配置。它的设计目标是简单、高效、可靠，适用于各种应用场景，尤其是移动设备和嵌入式系统。1.2为什么选择SQLite轻量级：文件大小通常在几百KB到几MB之间。无服务器架构：不需要单独的服务器进程。跨平台支持：支持多种操作系统和编程语言。事务支持：支持ACID事务。1.3适用场景与限制适用场景：
  • 模型GPU-＞NPU(Ascend)迁移训练简述 終不似少年遊* 深度学习人工智能迁移学习GPUNPU华为云
    目录一、迁移训练流程图解二、详细流程步骤1.模型训练与日志记录2.跨平台精度对齐对比3.问题定位与修复4.迭代验证三、关键技术点四、常见问题与解决方案一、迁移训练流程图解通过华为云的modelart进行运行环境选型北京四使用GPU进行模型训练，生成gpulog.json文件，记录损失函数等信息。然后，使用ptdbg_ascend工具进行精度收集，生成dump文件，由于文件过大，上传到obs桶。贵阳
  • 【花雕学编程】Arduino JSON 之跨平台兼容性 驴友花雕 开源硬件json嵌入式硬件单片机c++跨平台兼容性ArduinoJSON
    Arduino是一个开放源码的电子原型平台，它可以让你用简单的硬件和软件来创建各种互动的项目。Arduino的核心是一个微控制器板，它可以通过一系列的引脚来连接各种传感器、执行器、显示器等外部设备。Arduino的编程是基于C/C++语言的，你可以使用ArduinoIDE（集成开发环境）来编写、编译和上传代码到Arduino板上。Arduino还有一个丰富的库和社区，你可以利用它们来扩展Ardui
  • 谭浩强C语言程序设计（第五版）知识点总结(1) 锦翎掠霄 C语言c语言开发语言
    第一章程序设计和C语言1.1什么是计算机程序程序的定义：程序是一组计算机能识别和执行的指令，每条指令对应一个特定的操作。1.2什么是计算机语言1、计算机语言发展三阶段及特点对比维度机器语言（低级语言）汇编语言（低级语言）高级语言表现形式二进制代码（0/1组合）助记符（如ADD/SUB）自然语言+数学表达式（如PRINT*语句）硬件依赖性完全依赖特定机器强依赖特定机器弱依赖，跨平台执行效率最高（直接
  • linux--关于Linux的文件IO、虚拟地址空间概念、文件描述符 Bruce Jue linuxlinux服务器
    标准C库IO函数C库的IO函数时跨平台的，它是先通过例如fopen、fread这样的函数去调用对应系统内核例如windows、linux的write或者是read函数进而实现跨平台读写文件。那么一般都是要获取一个FILE*fp的内存地址，这个实际上是一个结构体，包含三个部分。在Linux中，IO是针对内存来说的。在FILE*fp来说，文件描述符其实是由linux内核给出的。C库IO的优点：存储效率
  • DeepSeek+Dify 轻松搞定从 0 到 1 搭建专属本地知识库 LCG元 大模型人工智能
    目录**1.安装和配置Ollama****1.1跨平台安装指南****验证安装****1.2部署DeepSeek模型****下载模型****加载模型****验证模型功能****2.安装和配置Dify****2.1安装Docker****2.2安装Dify****克隆源码****启动容器****配置环境变量****3.构建和部署本地知识库****3.1创建知识库****上传文档****管理内容***
  • node js怎么进行打包发布linux,Node.js JXcore 打包 weixin_39851457 nodejs怎么进行打包发布linux
    Node.jsJXcore打包Node.js是一个开放源代码、跨平台的、用于服务器端和网络应用的运行环境。JXcore是一个支持多线程的Node.js发行版本，基本不需要对你现有的代码做任何改动就可以直接线程安全地以多线程运行。这篇文章主要是要向大家介绍JXcore的打包功能。JXcore安装下载JXcore安装包，并解压，在解压的的目录下提供了jx二进制文件命令，接下来我们主要使用这个命令。步骤
  • 微软.NET 8：性能爆表、跨平台终端框架、丰富生态，未来开发者首选？ 熊熊VR -每一行代码都有一段故事 c#基础知识c#开发语言
    如果你是一名开发者，那么你一定听说过微软的.NET，但今天我们要聊的，是最新的.NET8。这款工具简直是程序员的梦想，性能炸裂、跨平台无敌、生态系统超丰富，让人忍不住想立刻跳进这个技术池子里畅游一番。快来看看.NET8到底有多牛，让你一眼爱上它！性能炸裂：快得飞起的编程体验.NET8的性能可以用一个字来形容——“炸”。它不仅提升了CPU和内存的利用效率，还让你的应用程序跑得像火箭一样快。记得以前那
  • 【python基础】—pip与conda的区别 sodaloveer python基础#python安装命令pythonpipconda
    文章目录一、pip与conda1、支持语言2、Repo源3、包的内容4、环境隔离5、依赖关系6、总结二、pipinstall与condainstall1、库的存储位置2、总结三、pipuninstall与condauninstall一、pip与conda1、支持语言pip是官方推荐的python包管理器，但是只能安装python包。conda是一个跨平台（支持linux,mac,win）的通用包和
  • python介绍&pycharm使用技巧 倩倩倩倩千千*- python自动化测试pythonpycharm开发语言
    一、python简单介绍python===>跨平台、面想对象，解释型（边运行边翻译）计算机程序设计语言被称为"胶水语言"ps：java是编译型语言学习编程要领（3+1）：编程语法编程规范编程技巧+带着工作任务多练、多实战，从小需求、小工具开始二、python优缺点优点：1、简单易学；2、免费开源；3、面向对象；4、丰富的库；5、可扩展性缺点：1、运行速度慢；2、好的中文资料匮乏三、python应用
  • 矩阵求逆（JAVA）利用伴随矩阵 qiuwanchi 利用伴随矩阵求逆矩阵
    package gaodai.matrix; import gaodai.determinant.DeterminantCalculation; import java.util.ArrayList; import java.util.List; import java.util.Scanner; /** * 矩阵求逆(利用伴随矩阵) * @author 邱万迟
  • 单例（Singleton）模式 aoyouzi 单例模式Singleton
    3.1           概述 如果要保证系统里一个类最多只能存在一个实例时，我们就需要单例模式。这种情况在我们应用中经常碰到，例如缓存池，数据库连接池，线程池，一些应用服务实例等。在多线程环境中，为了保证实例的唯一性其实并不简单，这章将和读者一起探讨如何实现单例模式。 3.2
  • [开源与自主研发]就算可以轻易获得外部技术支持,自己也必须研发 comsci 开源
          现在国内有大量的信息技术产品，都是通过盗版，免费下载，开源，附送等方式从国外的开发者那里获得的。。。。。。        虽然这种情况带来了国内信息产业的短暂繁荣，也促进了电子商务和互联网产业的快速发展，但是实际上，我们应该清醒的看到，这些产业的核心力量是被国外的
  • 页面有两个frame,怎样点击一个的链接改变另一个的内容 Array_06 UIXHTML
    <a src="地址"  targets="这里写你要操作的Frame的名字" />搜索 然后你点击连接以后你的新页面就会显示在你设置的Frame名字的框那里 targerts="",就是你要填写目标的显示页面位置 ===================== 例如： <frame src=&
  • Struts2实现单个/多个文件上传和下载 oloz 文件上传struts
    struts2单文件上传：     步骤01:jsp页面 <!--在进行文件上传时，表单提交方式一定要是post的方式，因为文件上传时二进制文件可能会很大，还有就是enctype属性，这个属性一定要写成multipart/form-data，不然就会以二进制文本上传到服务器端--> 　　<form action="fileUplo
  • 推荐10个在线logo设计网站 362217990 logo
    在线设计Logo网站。 1、http://flickr.nosv.org（这个太简单） 2、http://www.logomaker.com/?source=1.5770.1 3、http://www.simwebsol.com/ImageTool 4、http://www.logogenerator.com/logo.php?nal=1&tpl_catlist[]=2 5、ht
  • jsp上传文件 香水浓 jspfileupload
    1. jsp上传 Notice： 1. form表单 method 属性必须设置为 POST 方法 ，不能使用 GET 方法 2. form表单 enctype 属性需要设置为 multipart/form-data 3. form表单 action 属性需要设置为提交到后台处理文件上传的jsp文件地址或者servlet地址。例如 uploadFile.jsp 程序文件用来处理上传的文
  • 我的架构经验系列文章 - 前端架构 agevs JavaScriptWeb框架UIjQuer
    框架层面：近几年前端发展很快，前端之所以叫前端因为前端是已经可以独立成为一种职业了，js也不再是十年前的玩具了，以前富客户端RIA的应用可能会用flash/flex或是silverlight，现在可以使用js来完成大部分的功能，因此js作为一门前端的支撑语言也不仅仅是进行的简单的编码，越来越多框架性的东西出现了。越来越多的开发模式转变为后端只是吐json的数据源，而前端做所有UI的事情。MVCMV
  • android ksoap2 中把XML(DataSet) 当做参数传递 aijuans android
    我的android app中需要发送webservice ，于是我使用了 ksop2 进行发送，在测试过程中不是很顺利,不能正常工作.我的web service 请求格式如下     [html]  view plain copy   <Envelope xmlns="http://schemas.
  • 使用Spring进行统一日志管理 + 统一异常管理 baalwolf spring
    统一日志和异常管理配置好后，SSH项目中，代码以往散落的log.info() 和 try..catch..finally 再也不见踪影！ 统一日志异常实现类： [java]  view plain copy   package com.pilelot.web.util;      impor
  • Android SDK 国内镜像 BigBird2012 android sdk
    一、镜像地址： 1、东软信息学院的 Android SDK 镜像，比配置代理下载快多了。 配置地址， http://mirrors.neusoft.edu.cn/configurations.we#android 2、北京化工大学的： IPV4:ubuntu.buct.edu.cn  IPV4:ubuntu.buct.cn IPV6:ubuntu.buct6.edu.cn
  • HTML无害化和Sanitize模块 bijian1013 JavaScriptAngularJSLinkySanitize
    一.ng-bind-html、ng-bind-html-unsafe         AngularJS非常注重安全方面的问题，它会尽一切可能把大多数攻击手段最小化。其中一个攻击手段是向你的web页面里注入不安全的HTML，然后利用它触发跨站攻击或者注入攻击。         考虑这样一个例子，假设我们有一个变量存
  • [Maven学习笔记二]Maven命令 bit1129 maven
    mvn compile compile编译命令将src/main/java和src/main/resources中的代码和配置文件编译到target/classes中，不会对src/test/java中的测试类进行编译 MVN编译使用 maven-resources-plugin:2.6:resources maven-compiler-plugin:2.5.1:compile &nbs
  • 【Java命令二】jhat bit1129 Java命令
    jhat用于分析使用jmap dump的文件，，可以将堆中的对象以html的形式显示出来，包括对象的数量，大小等等，并支持对象查询语言。 jhat默认开启监听端口7000的HTTP服务，jhat是Java Heap Analysis Tool的缩写 1. 用法： [hadoop@hadoop bin]$ jhat -help Usage: jhat [-stack <bool&g
  • JBoss 5.1.0 GA:Error installing to Instantiated: name=AttachmentStore state=Desc ronin47
    进到类似目录 server/default/conf/bootstrap，打开文件 profile.xml找到： Xml代码<bean    name="AttachmentStore"  class="org.jboss.system.server.profileservice.repository.AbstractAtta
  • 写给初学者的6条网页设计安全配色指南 brotherlamp UIui自学ui视频ui教程ui资料
    网页设计中最基本的原则之一是，不管你花多长时间创造一个华丽的设计，其最终的角色都是这场秀中真正的明星——内容的衬托     我仍然清楚地记得我最早的一次美术课，那时我还是一个小小的、对凡事都充满渴望的孩子，我摆放出一大堆漂亮的彩色颜料。我仍然记得当我第一次看到原色与另一种颜色混合变成第二种颜色时的那种兴奋，并且我想，既然两种颜色能创造出一种全新的美丽色彩，那所有颜色
  • 有一个数组，每次从中间随机取一个，然后放回去，当所有的元素都被取过，返回总共的取的次数。写一个函数实现。复杂度是什么。 bylijinnan java算法面试
    import java.util.Random; import java.util.Set; import java.util.TreeSet; /** * http://weibo.com/1915548291/z7HtOF4sx * #面试题#有一个数组，每次从中间随机取一个，然后放回去，当所有的元素都被取过，返回总共的取的次数。 * 写一个函数实现。复杂度是什么
  • struts2获得request、session、application方式 chiangfai application
    1、与Servlet API解耦的访问方式。 a.Struts2对HttpServletRequest、HttpSession、ServletContext进行了封装，构造了三个Map对象来替代这三种对象要获取这三个Map对象，使用ActionContext类。 ----->   package pro.action; import java.util.Map; imp
  • 改变python的默认语言设置 chenchao051 python
    import sys sys.getdefaultencoding()  可以测试出默认语言，要改变的话，需要在python lib的site-packages文件夹下新建： sitecustomize.py， 这个文件比较特殊，会在python启动时来加载，所以就可以在里面写上： import sys sys.setdefaultencoding('utf-8') &n
  • mysql导入数据load data infile用法 daizj mysql导入数据
    我们常常导入数据！mysql有一个高效导入方法，那就是load data infile 下面来看案例说明 基本语法： load data  [low_priority] [local] infile 'file_name txt' [replace | ignore] into table tbl_name [fields [terminated by't'] [OPTI
  • phpexcel导入excel表到数据库简单入门示例 dcj3sjt126com PHPExcel
    跟导出相对应的，同一个数据表，也是将phpexcel类放在class目录下，将Excel表格中的内容读取出来放到数据库中 <?php error_reporting(E_ALL); set_time_limit(0); ?> <html> <head> <meta http-equiv="Content-Type"
  • 22岁到72岁的男人对女人的要求 dcj3sjt126com
    22岁男人对女人的要求是：一，美丽，二，性感，三，有份具品味的职业，四，极有耐性，善解人意，五，该聪明的时候聪明，六，作小鸟依人状时尽量自然，七，怎样穿都好看，八，懂得适当地撒娇，九，虽作惊喜反应，但看起来自然，十，上了床就是个无条件荡妇。 32岁的男人对女人的要求，略作修定，是：一，入得厨房，进得睡房，二，不必服侍皇太后，三，不介意浪漫蜡烛配盒饭，四，听多过说，五，不再傻笑，六，懂得独
  • Spring和HIbernate对DDM设计的支持 e200702084 DAO设计模式springHibernate领域模型
    A：数据访问对象     DAO和资源库在领域驱动设计中都很重要。DAO是关系型数据库和应用之间的契约。它封装了Web应用中的数据库CRUD操作细节。另一方面，资源库是一个独立的抽象，它与DAO进行交互，并提供到领域模型的“业务接口”。    资源库使用领域的通用语言，处理所有必要的DAO，并使用领域理解的语言提供对领域模型的数据访问服务。
  • NoSql 数据库的特性比较 geeksun NoSQL
    Redis 是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库，并提供多种语言的API。目前由VMware主持开发工作。   1. 数据模型 作为Key-value型数据库，Redis也提供了键（Key）和值（Value）的映射关系。除了常规的数值或字符串，Redis的键值还可以是以下形式之一： Lists （列表） Sets
  • 使用 Nginx Upload Module 实现上传文件功能 hongtoushizi nginx
    转载自： http://www.tuicool.com/wx/aUrAzm   普通网站在实现文件上传功能的时候，一般是使用Python，Java等后端程序实现，比较麻烦。Nginx有一个Upload模块，可以非常简单的实现文件上传功能。此模块的原理是先把用户上传的文件保存到临时文件，然后在交由后台页面处理，并且把文件的原名，上传后的名称，文件类型，文件大小set到页面。下
  • spring-boot-web-ui及thymeleaf基本使用 jishiweili springthymeleaf
    视图控制层代码demo如下：   @Controller @RequestMapping("/") public class MessageController { private final MessageRepository messageRepository; @Autowired public MessageController(Mes
  • 数据源架构模式之活动记录 home198979 PHP架构活动记录数据映射
    hello!架构 一、概念 活动记录（Active Record）：一个对象，它包装数据库表或视图中某一行，封装数据库访问，并在这些数据上增加了领域逻辑。 对象既有数据又有行为。活动记录使用直截了当的方法，把数据访问逻辑置于领域对象中。   二、实现简单活动记录 活动记录在php许多框架中都有应用，如cakephp。 <?php /** * 行数据入口类 *
  • Linux Shell脚本之自动修改IP pda158 linuxcentosDebian脚本
    作为一名 Linux SA，日常运维中很多地方都会用到脚本，而服务器的ip一般采用静态ip或者MAC绑定，当然后者比较操作起来相对繁琐，而前者我们可以设置主机名、ip信息、网关等配置。修改成特定的主机名在维护和管理方面也比较方便。如下脚本用途为：修改ip和主机名等相关信息，可以根据实际需求修改，举一反三！ #!/bin/sh #auto Change ip netmask ga
  • 开发环境搭建 独浮云 eclipsejdktomcat
           最近在开发过程中，经常出现MyEclipse内存溢出等错误，需要重启的情况，好麻烦。对于一般的JAVA+TOMCAT项目开发，其实没有必要使用重量级的MyEclipse，使用eclipse就足够了。尤其是开发机器硬件配置一般的人。         &n
  • 操作日期和时间的工具类 vipbooks 工具类
       大家好啊，好久没有来这里发文章了，今天来逛逛，分享一篇刚写不久的操作日期和时间的工具类，希望对大家有所帮助。 /* * @(#)DataFormatUtils.java 2010-10-10 * * Copyright 2010 BianJing,All rights reserved. */ package test; impor
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他