移动端重构——图标

 我们把图标分为三种：背景图片，直接绘制，@font-face。如无特殊情况，图标的标签采用i标签。

1.背景图片

我们会选择sprite形式，吧所有的图标放大一个大图上， 考虑到retina屏，所以我们图标设计为实际大小的2倍，然后设置background-size 为实际大小。示例：

图标大小为24px,实际为12px,

.icon-msg,.icon-info{

    display: inline-block;

    vertical-align: -2px;

    background:url(../images/icon-msg.png) no-repeat;

    background-size:26px 26px; // 整个sprite图片大小的一半，注意不要采用50%，百分比是按元素大小来计算的，而不是背景图片大小

}

.icon-info{

  

    background-position: -14px 0;

    width: 12px;

    height: 12px;

}

当然有时候图标比较少，我们为了减少请求，也可以直接把图片转成base64格式写在css中，这里推荐一个在线转的工具：Encode Data URL

 

2.借助css3直接绘制

<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8">

  <meta content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" name="viewport">

  <meta name="apple-mobile-web-app-capable" content="yes">

  <meta name="apple-mobile-web-app-status-bar-style" content="black">

  <meta content="telphone=no" name="format-detection">

  <title>图标</title>

 

  <style type="text/css">

    .icon_checkbox{ width: 16px; height: 16px; display: inline-block; vertical-align: middle; 

      border:1px solid #ccc; background-color: #fff; line-height:1px; text-align:center; 

      position: relative; margin-left: 200px;}

      .active{ border-color: #0078e7;}

      .active::after{

        content: ""; width: 8px; height: 3px; border-bottom: 2px solid #0078e7; border-left: 2px solid #0078e7;

        display: block; margin-top: 3px; margin-left: 2px; -webkit-transform:rotate(-45deg); 

      }

  </style>

</head>

<body>

  <i class="icon_checkbox active"></i>

  <i class="icon_checkbox"></i>

</body>   

</html>

凭借优秀的css3，我们可以应用其中一些属性绘制一些简单的图标，如箭头等，这里我们以绘制checkbox两种状态为例：

active状态，通过::after生成一个长方形，然后设置其border-bottom和border-left，再通过css3的 rotate旋转45 即可，那个勾就是两条边框。

 

3. @font-face 字体图标

   字体图标  http://www.bootcss.com/p/font-awesome/  

   阿里图标  http://www.iconfont.cn/

 

漠大博客原文http://www.w3cplus.com/mobile/mobile-terminal-refactoring-icons.html

你可能感兴趣的:(移动端)

  • 移动端城市区县二级联动选择功能实现包 good2know
    本文还有配套的精品资源，点击获取简介：本项目是一套为移动端设计的jQuery实现方案，用于简化用户在选择城市和区县时的流程。它包括所有必需文件：HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项，实现城市到区县的联动效果，支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用，并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery
  • 【移动端知识】移动端多 WebView 互访方案：Android、iOS 与鸿蒙实现 问道飞鱼 前端开发技术harmonyosandroidios多webview互访
    移动端多WebView互访方案：Android、iOS与鸿蒙实现移动端多WebView互访方案：Android、iOS与鸿蒙实现一、核心架构设计二、Android平台实现1.基础通信架构2.控制器实现3.WebView安全配置三、iOS平台实现(Swift)1.WKWebView通信桥接2.AppDelegate路由控制四、鸿蒙平台实现(HarmonyOS)1.WebView通信桥接2.Abili
  • 移动端适配rem方案 简单的码农
    1.rem+动态html的font-size1.rem单位是相对于html元素的font-size来设置的，那么如果我们需要在不同的屏幕下有不同的尺寸，可以动态的修改html的font-size尺寸。2.比如如下案例：设置一个盒子的宽度是2rem；设置不同的屏幕上html的font-size不同；image这样在开发中，我们只需要考虑两个问题：问题一：针对不同的屏幕，设置html不同的font-s
  • 全栈工程师必备开发利器 东风牧野 全栈开发技术网络全栈开发工具
    一、团队协作工具团队协作软件Teambition：团队协作工具创导者有道云协作：企业知识管理与协作平台tower：深受用户喜爱的团队协作工具笔记备忘印象笔记：工作必备效率应用有道云笔记：网易出品，获得5000万用户青睐的笔记软件。提供了PC端、移动端、网页端等多端应用，用户可以随时随地对线上资料进行编辑、分享以及协同。日事清：怕工作进度延误就用日事清滴答清单：一个帮你高效完成任务和规划时间的应用远
  • 移动端布局 小唱同学
    viewport详解viewport:视口,指的是浏览器中放网页内容的区域移动端的viewport不会自动随着设备的变化而变化,被设定为一个固定值980或者1024,为了能够在移动端正常查看pc端页面.做移动端布局时,需要把viewport设置为随着设备的变化而变化参数说明:width:设置视口的宽度device-width设备宽度initial-scale:页面的初始缩放比例1.0原始大小max
  • Python,Go, C ++开发升学宝典APP
    为了开发一个高效、可扩展的“升学宝典”APP，结合Python、Go和C++的优势，以下是技术架构设计和实现方案：###一、整体技术架构```mermaidgraphLRA[移动端]-->B[Go网关]B-->C[Python微服务]B-->D[C++微服务]C-->E[MySQL]D-->F[Redis]```###二、技术栈分工1.**Python(Django/FastAPI)**-核心业务
  • Python, Go, Rust 开发全球海岛坐标定位APP Geeker-2025 pythongolangrust
    以下是一个基于**Python、Go和Rust**协同开发的全球海岛坐标定位APP设计方案，结合三者的优势实现高精度地理计算、实时数据处理和跨平台部署：---###系统架构```mermaidgraphTDA[卫星遥感数据源]-->B(Python数据处理)B-->C{Rust地理引擎}C-->D[Go微服务集群]D-->E[移动端/Web端]E-->F[用户终端]```---###模块分工及技术
  • 【YOLO系列】YOLOv4详解：模型结构、损失函数、训练方法及代码实现 一碗白开水一 yolo系列助你拿捏AI算法YOLO目标跟踪人工智能目标检测计算机视觉论文阅读
    YOLOv4详解：模型结构、损失函数、训练方法及代码实现motivationYOLO系列作者JosephRedmon与AlexeyBochkovskiy致力于解决目标检测领域的核心矛盾：精度与速度的平衡。YOLOv4的诞生源于两大需求：工业落地：在移动端/边缘设备实现实时检测（>30FPS）学术突破：无需昂贵算力（如1080Ti即可训练），在MSCOCO数据集达到SOTAmethods1.数据加载
  • Python移动端爬虫实战：模拟User-Agent与反反爬策略全解析 Python爬虫项目 python爬虫开发语言自动化宽度优先
    摘要本文将深入探讨2024年最新的Python移动端爬虫技术，重点讲解如何通过模拟移动设备User-Agent绕过网站反爬机制。文章包含移动端爬虫的优势分析、最新User-Agent库使用、完整移动端爬虫实现、高级反反爬技巧以及移动端爬虫的伦理法律考量，并附有多个实战代码示例。关键词：Python爬虫、移动端爬虫、User-Agent、反反爬、selenium-wire、playwright1.移
  • 百度大涨，AIGC视频生成模型蒸汽机将会给百度带来什么？
    百度7月23日盘中表现强势，盘中一度涨4.49%。消息面上，百度旗下百度商业研发团队自研的AIGC视频生成模型蒸汽机(MuseSteamer)正式上线手机网页版，支持用户通过移动端一键生成电影级视频。百度的大涨我们该怎么分析？首先，百度股价的上涨反映了市场对其新推出的AIGC视频生成模型蒸汽机的高度认可和期待。这款模型能够支持用户通过移动端一键生成电影级视频，显示出百度在人工智能技术应用领域的持续
  • 微信小程序动态柱状图实现案例分析
    本文还有配套的精品资源，点击获取简介：微信小程序是一种面向移动端的应用开发平台，利用WXML和WXSS以及JavaScript进行开发。本文介绍了如何在微信小程序中实现动态柱状图的实例，涵盖了数据驱动、使用图表库、生命周期方法、动画效果、事件处理、布局与样式设计、API调用以及调试与发布等关键知识点。通过实际案例源码分析，帮助开发者深入理解动态柱状图的实现过程和技术要点。1.微信小程序开发基础微信
  • 3步掌握JMeter与Jenkins自动化性能测试！ 爱吃 香菜 软件测试自动化测试职场经验jmeterjenkins自动化测试职场经验软件测试程序员深度学习
    面试求职：「面试试题小程序」，内容涵盖测试基础、Linux操作系统、MySQL数据库、Web功能测试、接口测试、APPium移动端测试、Python知识、Selenium自动化测试相关、性能测试、性能测试、计算机网络知识、Jmeter、HR面试，命中率杠杠的。（大家刷起来…）职场经验干货：软件测试工程师简历上如何编写个人信息（一周8个面试）软件测试工程师简历上如何编写专业技能（一周8个面试）软件测
  • 用ADB实现自动化抓取移动端数据 小小小小小台
    【介绍】ADB全称是AndroidDebugBrige，其作用是可以连接电脑和安卓手机，以及通过命令去控制手机。【ADB工作原理】把Androiddevelopmenttools的路径设置为环境变量后，可以通过linux命令直接和移动设备沟通adbdevices可以查看连接设备查看连接设备其工作原理是在开发机上起一个服务器，并通过tcp协议和安卓设备进行信息交换【程序】程序组成·脚本包含两个模块：
  • 2025年计算机毕业设计springboot高校班级事务管理系统 zhihao508 课程设计springboot后端
    本系统（程序+源码）带文档lw万字以上文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容选题背景关于高校班级管理数字化工具的研究，现有系统多聚焦基础信息存储或单一功能（如成绩录入），缺乏对班级事务全流程的整合支持。例如，多数平台仅提供通知发布功能，却未实现任务反馈、文件共享与综合测评的联动；部分系统虽引入移动端，但班委权限分配、学生参与度提升等核心需求仍被忽视。本研究针对
  • 全方位掌握 Kivy：用 Python 构建跨平台图形界面与移动应用
    随着Python在数据科学和自动化领域的广泛应用，越来越多开发者也开始关注使用Python开发图形用户界面（GUI）甚至移动应用的可能性。在众多GUI库中，Kivy是一款极具特色和强大能力的框架，它支持跨平台运行、现代化UI设计，并天然支持多点触控和手势交互。本文将全面介绍Python的Kivy库，包括其架构、安装方法、核心组件、布局系统、事件机制、与PyQt/PySide对比、移动端开发支持、项
  • el-select移动端唤不出软键盘 汪叽家的兔子羡 elementuivuejavascript前端
    一、场景：移动端使用elementUI，select组件点击未唤起软键盘二、原因：el-select组件在移动端会默认加上readonly属性在ElementPlus中已经优化了该问题三、解决办法：获取对应select组件，手动移除readonly属性，代码如下：clear(async){this.$nextTick(()=>{if(!async){//ios手机有延迟问题setTimeout((
  • 腾讯云前端面经（笔试+3技术面+HR面）
    （3）:bfc布局规则（4）项目怎么做的移动端适配？flexible原理（1px问题，通过viewport）2、说一下原型链，原型链实现继承。3、http和tcp协议？4、缓存相关（对比缓存？强缓存？对应请求头）cookie有哪些属性？5、简单请求？跨域？6、vue中nextTick的实现，结合浏览器事件循环机制说一下？7、说说commonjs和esmodule？6、最近在看什么新东西吗？vue3
  • 【知识扫盲】per-token/per-channel/per-token量化 zjun3021 量化per-tokenper-channelter-tensor
    per-token、per-channel和per-tensor量化的区别。这三种是模型量化中常见的不同粒度策略，主要区别在于它们应用量化的维度不同。以下是它们的详细对比：1.定义与核心区别量化类型量化维度主要应用对象计算粒度典型场景Per-Tensor整个张量权重/激活所有数据共享一组(scale,zero_point)简单硬件支持（如早期移动端）Per-Channel张量的每个通道权重（如卷积
  • JavaScript 书写规范详解 —— 编写高质量、可维护的代码 玖程 JavaScript基础入门JavaScriptjavascript开发语言ecmascript
    在现代前端开发中，JavaScript不仅是构建交互式网页的核心语言，还广泛应用于后端（Node.js）、移动端（ReactNative）、桌面应用（Electron）等多个领域。随着项目规模的增长，良好的代码规范成为团队协作和长期维护的关键。本文将详细介绍JavaScript的常见书写规范，帮助你写出结构清晰、可读性强、易于维护的代码。一、命名规范类型命名规则示例变量名小驼峰（camelCase
  • 爱奇艺星钻、白金会员和黄金会员区别，哪个可以在电视端观看？ 小小编007
    爱奇艺会员分为黄金VIP会员，白金VIP会员和星钻VIP会员三种。其中黄金会员只限在手机移动端使用，白金和星钻会员可以在电视端直接使用。三个会员权益区分如下：黄金VIP会员：适用手机、平板、电脑三端，同时播放设备2台白金VIP会员：适用手机、平板、电脑、电视四端，同时播放设备2台星钻VIP会员：适用手机、平板、电脑、电视、VR五段，同时播放设备3台价格方面：黄金会员最便宜，年卡100多；白金会员年
  • 从零开始手把手教你：创建第一个 React Native 自动化测试工具 Detox，轻松实现移动端 UI 自动化 有事的没事人 reactnative自动化测试工具
    从零开始手把手教你：创建第一个ReactNative自动化测试工具Detox，轻松实现移动端UI自动化在ReactNative跨平台开发中，确保iOS和Android两端UI表现一致、功能稳定是测试的核心挑战。Detox作为专为ReactNative打造的灰盒自动化测试框架，通过直接与应用代码交互，解决了传统UI测试工具速度慢、稳定性差的问题。本文将手把手教你搭建Detox环境，编写第一个自动化测
  • 别再忽略API安全了！Spring Boot三大防御手段全解析 随风九天 安全之道spring安全springboot后端限流防重放签名验证
    1.引言：为什么API安全不容忽视1.1API在现代系统架构中的核心地位随着微服务、前后端分离、Serverless等架构的普及，API已成为系统间通信的核心方式。无论是移动端、Web端还是第三方接入，都依赖API接口完成数据交互。1.2常见API攻击类型与风险案例DDoS攻击：大量请求压垮服务器重放攻击（ReplayAttack）：伪造历史请求再次调用签名伪造：绕过权限验证获取非法访问暴力破解接
  • 安全逆向工程学习路线
    安全逆向工程学习路线一、基础准备阶段计算机体系结构理解CPU工作原理（寄存器、指令周期）内存管理：堆栈结构、内存分段与分页汇编语言基础：x86/x64（重点）、ARM/MIPS（移动端/嵌入式）操作系统核心概念Windows/Linux内核机制（系统调用、进程/线程管理）可执行文件格式：PE（Windows）、ELF（Linux）、Mach-O（macOS/iOS）动态链接库（DLL/SO）加载机
  • AI创作系列第22篇：前端缓存与更新机制重构 - 表情包系统的全面升级 「、皓子~ 前端缓存重构IM社交软件开源软件uniapp
    AI创作系列第22篇：前端缓存与更新机制重构-表情包系统的全面升级本文是海狸IMAI创作系列的第22篇文章，详细介绍前端缓存系统的重构和表情包功能的全面升级。本次更新重点优化了文件缓存机制、表情包管理系统，以及消息管理器的模块化重构，为用户提供更流畅的即时通讯体验。前言在移动端开发中，缓存机制是提升用户体验的关键技术。特别是在IM系统中，大量的图片、音频、视频文件需要高效的缓存管理。经过前期的开发
  • 模型优化-------模型压缩 AI扶我青云志 人工智能模型优化
    模型压缩是一种优化技术，目标是在尽量保留模型性能的前提下，减少模型的体积、计算成本和内存占用。特别适合模型部署在边缘设备、移动端、嵌入式系统等资源受限环境中。其中，“剪枝（Pruning）、量化（Quantization）和知识蒸馏（KnowledgeDistillation）”是最常用且研究最深入的三种方法。一、剪枝（Pruning）原理：剪枝的核心思想是去掉对模型输出影响较小的参数或结构，使得
  • YOLO 目标检测的改进方法
    YOLO目标检测的改进方法可以从模型架构、训练策略、损失函数等多个方面入手，以下是一些常见的改进方法方向及参考文献：模型架构改进骨干网络替换：使用更轻量或更强大的网络替换原始骨干网络。轻量级网络如MobileNetV3、ShuffleNetV2等适合移动端部署，可提高推理速度；高性能网络如ConvNeXt、SwinTransformer等能提取更丰富的语义特征，提升检测精度。还可添加CBAM、SE
  • 边缘计算与量子模型优化驱动医疗诊断新突破
    内容概要在医疗人工智能领域，边缘计算与量子模型优化的协同演进正重构诊断系统的技术范式。通过将计算节点前置至医疗设备端，边缘架构有效解决了传统云端模型面临的实时性瓶颈，配合量子优化算法对复杂特征空间的快速寻优能力，使得CT、MRI等高维影像数据的解析效率提升显著。值得关注的是，框架选型直接影响着模型部署的可行性——TensorFlow在移动端推理优化方面的工具链完备性，与PyTorch动态图机制对迭
  • OpenHarmony外设驱动移植指南 你我皆是牛马星人 鸿蒙开发HarmonyOSOpenHarmonyharmonyosOpenHarmony鸿蒙开发源码分析迁移学习嵌入式硬件驱动开发
    往期推文全新看点（文中附带最新·鸿蒙全栈学习笔记）鸿蒙（HarmonyOS）北向开发知识点记录~鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~鸿蒙应用开发与鸿蒙系统开发哪个更有前景？嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~对于大前端开发来说，转鸿蒙开发究竟是福还是祸？鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？记录一场鸿蒙开发岗位面试经历~持续更新中……外设驱动子
  • 【OpenHarmony】鸿蒙开发：轻量系统服务管理|存储机制详解(一) 你我皆是牛马星人 HarmonyOS鸿蒙开发OpenHarmonyharmonyos鸿蒙开发OpenHarmony嵌入式硬件SAStore模块物联网
    往期推文全新看点（文中附带最新·鸿蒙全栈学习笔记）鸿蒙（HarmonyOS）北向开发知识点记录~鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~鸿蒙应用开发与鸿蒙系统开发哪个更有前景？嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~对于大前端开发来说，转鸿蒙开发究竟是福还是祸？鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？记录一场鸿蒙开发岗位面试经历~持续更新中……一、前言本
  • 社交应用全栈开发实战：前后端与数据库整合
    本文还有配套的精品资源，点击获取简介：本资源包详细介绍了构建一个社交应用程序的全过程，包括前端、后端以及数据库管理的核心组件和关键功能。Uniapp框架用于开发跨平台的移动端用户界面，Java后端负责处理业务逻辑和数据交互，MySQL数据库用于管理用户信息和动态数据。项目还包括前后端通信、身份验证、性能优化和推送通知服务的实现。学习这些代码可以提升开发者的技能，帮助快速构建社交应用。1.社交APP
  • 多线程编程之理财 周凡杨 java多线程生产者消费者理财
          现实生活中，我们一边工作，一边消费，正常情况下会把多余的钱存起来，比如存到余额宝，还可以多挣点钱，现在就有这个情况：我每月可以发工资20000万元 （暂定每月的1号），每月消费5000（租房+生活费）元（暂定每月的1号），其中租金是大头占90%，交房租的方式可以选择（一月一交，两月一交、三月一交），理财：1万元存余额宝一天可以赚1元钱，
  • [Zookeeper学习笔记之三]Zookeeper会话超时机制 bit1129 zookeeper
    首先，会话超时是由Zookeeper服务端通知客户端会话已经超时，客户端不能自行决定会话已经超时，不过客户端可以通过调用Zookeeper.close()主动的发起会话结束请求，如下的代码输出内容 Created /zoo-739160015 CONNECTEDCONNECTED .............CONNECTEDCONNECTED CONNECTEDCLOSEDCLOSED
  • SecureCRT快捷键 daizj secureCRT快捷键
    ctrl + a : 移动光标到行首ctrl + e ：移动光标到行尾crtl + b: 光标前移1个字符crtl + f: 光标后移1个字符crtl + h : 删除光标之前的一个字符ctrl + d ：删除光标之后的一个字符crtl + k ：删除光标到行尾所有字符crtl + u : 删除光标至行首所有字符crtl + w:  删除光标至行首
  • Java 子类与父类这间的转换 周凡杨 java 父类与子类的转换
        最近同事调的一个服务报错，查看后是日期之间转换出的问题。代码里是把 java.sql.Date 类型的对象 强制转换为 java.sql.Timestamp 类型的对象。报java.lang.ClassCastException。       代码：            
  • 可视化swing界面编辑 朱辉辉33 eclipseswing
          今天发现了一个WindowBuilder插件，功能好强大，啊哈哈，从此告别手动编辑swing界面代码，直接像VB那样编辑界面，代码会自动生成。       首先在Eclipse中点击help，选择Install New Software,然后在Work with中输入WindowBui
  • web报表工具FineReport常用函数的用法总结（文本函数） 老A不折腾 finereportweb报表工具报表软件java报表
    文本函数 CHAR CHAR(number):根据指定数字返回对应的字符。CHAR函数可将计算机其他类型的数字代码转换为字符。 Number:用于指定字符的数字，介于1Number:用于指定字符的数字，介于165535之间（包括1和65535）。 示例: CHAR(88)等于“X”。 CHAR(45)等于“-”。   CODE CODE(text):计算文本串中第一个字
  • mysql安装出错 林鹤霄 mysql安装
    [root@localhost ~]# rpm -ivh MySQL-server-5.5.24-1.linux2.6.x86_64.rpm Preparing...                #####################
  • linux下编译libuv aigo libuv
    下载最新版本的libuv源码，解压后执行： ./autogen.sh   这时会提醒找不到automake命令，通过一下命令执行安装（redhat系用yum，Debian系用apt-get）： # yum -y install automake # yum -y install libtool     如果提示错误：make: *** No targe
  • 中国行政区数据及三级联动菜单 alxw4616
    近期做项目需要三级联动菜单,上网查了半天竟然没有发现一个能直接用的! 呵呵,都要自己填数据....我了个去这东西麻烦就麻烦的数据上. 哎,自己没办法动手写吧. 现将这些数据共享出了,以方便大家.嗯,代码也可以直接使用   文件说明 lib\area.sql -- 县及县以上行政区划分代码（截止2013年8月31日)来源：国家统计局 发布时间：2014-01-17 15:0
  • 哈夫曼加密文件 百合不是茶 哈夫曼压缩哈夫曼加密二叉树
     在上一篇介绍过哈夫曼编码的基础知识,下面就直接介绍使用哈夫曼编码怎么来做文件加密或者压缩与解压的软件,对于新手来是有点难度的,主要还是要理清楚步骤;   加密步骤:  1,统计文件中字节出现的次数,作为权值   2,创建节点和哈夫曼树   3,得到每个子节点01串   4,使用哈夫曼编码表示每个字节  
  • JDK1.5 Cyclicbarrier实例 bijian1013 javathreadjava多线程Cyclicbarrier
    CyclicBarrier类 一个同步辅助类，它允许一组线程互相等待，直到到达某个公共屏障点 (common barrier point)。在涉及一组固定大小的线程的程序中，这些线程必须不时地互相等待，此时 CyclicBarrier 很有用。因为该 barrier 在释放等待线程后可以重用，所以称它为循环的 barrier。 CyclicBarrier支持一个可选的 Runnable 命令，
  • 九项重要的职业规划 bijian1013 工作学习
    一. 学习的步伐不停止        古人说，活到老，学到老。终身学习应该是您的座右铭。        世界在不断变化，每个人都在寻找各自的事业途径。        您只有保证了足够的技能储
  • 【Java范型四】范型方法 bit1129 java
    范型参数不仅仅可以用于类型的声明上，例如   package com.tom.lang.generics; import java.util.List; public class Generics<T> { private T value; public Generics(T value) { this.value =
  • 【Hadoop十三】HDFS Java API基本操作 bit1129 hadoop
      package com.examples.hadoop; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.fs.FSDataInputStream; import org.apache.hadoop.fs.FileStatus; import org.apache.hadoo
  • ua实现split字符串分隔 ronin47 lua split
    LUA并不象其它许多"大而全"的语言那样，包括很多功能，比如网络通讯、图形界面等。但是LUA可以很容易地被扩展：由宿主语言(通常是C或 C++)提供这些功能，LUA可以使用它们，就像是本来就内置的功能一样。LUA只包括一个精简的核心和最基本的库。这使得LUA体积小、启动速度快，从 而适合嵌入在别的程序里。因此在lua中并没有其他语言那样多的系统函数。习惯了其他语言的字符串分割函
  • java-从先序遍历和中序遍历重建二叉树 bylijinnan java
    public class BuildTreePreOrderInOrder { /** * Build Binary Tree from PreOrder and InOrder * _______7______ / \ __10__ ___2 / \ / 4
  • openfire开发指南《连接和登陆》 开窍的石头 openfire开发指南smack
    第一步     官网下载smack.jar包     下载地址：http://www.igniterealtime.org/downloads/index.jsp#smack 第二步     把smack里边的jar导入你新建的java项目中 开始编写smack连接openfire代码 p
  • [移动通讯]手机后盖应该按需要能够随时开启 comsci 移动
        看到新的手机，很多由金属材质做的外壳，内存和闪存容量越来越大，CPU速度越来越快，对于这些改进，我们非常高兴，也非常欢迎      但是，对于手机的新设计，有几点我们也要注意      第一：手机的后盖应该能够被用户自行取下来，手机的电池的可更换性应该是必须保留的设计,
  • 20款国外知名的php开源cms系统 cuiyadll cms
    内容管理系统，简称CMS，是一种简易的发布和管理新闻的程序。用户可以在后端管理系统中发布，编辑和删除文章，即使您不需要懂得HTML和其他脚本语言，这就是CMS的优点。 在这里我决定介绍20款目前国外市面上最流行的开源的PHP内容管理系统，以便没有PHP知识的读者也可以通过国外内容管理系统建立自己的网站。 1. Wordpress WordPress的是一个功能强大且易于使用的内容管
  • Java生成全局唯一标识符 darrenzhu javauuiduniqueidentifierid
    How to generate a globally unique identifier in Java http://stackoverflow.com/questions/21536572/generate-unique-id-in-java-to-label-groups-of-related-entries-in-a-log http://stackoverflow
  • php安装模块检测是否已安装过, 使用的SQL语句 dcj3sjt126com sql
    SHOW [FULL] TABLES [FROM db_name] [LIKE 'pattern'] SHOW TABLES列举了给定数据库中的非TEMPORARY表。您也可以使用mysqlshow db_name命令得到此清单。 本命令也列举数据库中的其它视图。支持FULL修改符，这样SHOW FULL TABLES就可以显示第二个输出列。对于一个表，第二列的值为BASE T
  • 5天学会一种 web 开发框架 dcj3sjt126com Web框架framework
    web framework层出不穷，特别是ruby/python,各有10+个,php/java也是一大堆 根据我自己的经验写了一个to do list,按照这个清单，一条一条的学习，事半功倍，很快就能掌握 一共25条，即便很磨蹭，2小时也能搞定一条，25*2=50。只需要50小时就能掌握任意一种web框架 各类web框架大同小异:现代web开发框架的6大元素，把握主线，就不会迷路 建议把本文
  • Gson使用三(Map集合的处理,一对多处理) eksliang jsongsonGson mapGson 集合处理
    转载请出自出处：http://eksliang.iteye.com/blog/2175532 一、概述        Map保存的是键值对的形式，Json的格式也是键值对的，所以正常情况下，map跟json之间的转换应当是理所当然的事情。 二、Map参考实例 package com.ickes.json; import java.lang.refl
  • cordova实现“再点击一次退出”效果 gundumw100 android
    基本的写法如下： document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { //navigator.splashscreen.hide(); document.addEventListener("b
  • openldap configuration leaning note iwindyforest configuration
    hostname // to display the computer name hostname <changed name> // to change go to: /etc/sysconfig/network, add/modify HOSTNAME=NEWNAME to change permenately dont forget to change /etc/hosts
  • Nullability and Objective-C 啸笑天 Objective-C
    https://developer.apple.com/swift/blog/?id=25   http://www.cocoachina.com/ios/20150601/11989.html   http://blog.csdn.net/zhangao0086/article/details/44409913   http://blog.sunnyxx
  • jsp中实现参数隐藏的两种方法 macroli JavaScriptjsp
    在一个JSP页面有一个链接，//确定是一个链接?点击弹出一个页面，需要传给这个页面一些参数。//正常的方法是设置弹出页面的src="***.do?p1=aaa&p2=bbb&p3=ccc"//确定目标URL是Action来处理?但是这样会在页面上看到传过来的参数，可能会不安全。要求实现src="***.do"，参数通过其他方法传！//////
  • Bootstrap A标签关闭modal并打开新的链接解决方案 qiaolevip 每天进步一点点学习永无止境bootstrap纵观千象
    Bootstrap里面的js modal控件使用起来很方便，关闭也很简单。只需添加标签 data-dismiss="modal" 即可。 可是偏偏有时候需要a标签既要关闭modal，有要打开新的链接，尝试多种方法未果。只好使用原始js来控制。   <a href="#/group-buy" class="btn bt
  • 二维数组在Java和C中的区别 流淚的芥末 javac二维数组数组
    Java代码：   public class test03 { public static void main(String[] args) { int[][] a = {{1},{2,3},{4,5,6}}; System.out.println(a[0][1]); } }  运行结果： Exception in thread "mai
  • systemctl命令用法 wmlJava linuxsystemctl
    对比表，以 apache / httpd 为例 任务 旧指令 新指令 使某服务自动启动 chkconfig --level 3 httpd on systemctl enable httpd.service 使某服务不自动启动 chkconfig --level 3 httpd off systemctl disable httpd.service 检查服务状态 service h
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他