诱僧
诱僧

html中的viewport分析

最近做的一个推广性质的web页遇到了适配问题，在移动浏览器（iphone 5s的safari）上显示文字很小，整个网页有种被缩小的感觉，但内容显示是全的。解决方法很简单，在head标签中加入

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

即可。

之前了解过viewport的知识，但云里雾里，于是趁吃完饭空闲时间在深入一番。

在深入viewport之前，先了解一个变量devicePixelRatio（简写为dpr），dpr可以理解为css样式中的1px需要真实设备屏幕横向或纵向多少个像素来表示，这个变量是window的属性，通过

alert(window.devicePixelRatio);

可以打印不同设备浏览器的dpr值。我的5s中safari打印出来是2，也就是css中一1px需要2x2个像素点来显示。通过这个概念要知道我们写的样式里的px并非设备的像素。这其中的转化是浏览器做的，由浏览器保证我们写的样式在高分屏和普通屏显示效果是差不多的，这点跟android的dp很像。下文css中涉及到像素我用npx来表示，防止跟设备像素搞混。

那么viewport到底是个什么东西。好多文章译为“视口”，其实跟tcp协议中的滑动窗口有异曲同工之妙，可以简单理解为在原始文档上蒙上黑布，viewport就是在黑布上切开一个矩形的口子，这个口子的大小决定了我能看到的内容的多少。比如一个网页文档的html源码如下（求简便，直接在style中写样式了）

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
html, body {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div style="width:1200npx;height:400npx;background:red;">
我是div中的文字
</div>
</body>
</html>

那么该文档的长为1200npx，而我的浏览器为我开了个长为1440npx（边边角角忽略掉）的扣子，那么这个文档我能全部看到，两边还能看到留白。如果很不幸我的浏览器只能给我开个长为980npx的口子，那我只能看到文档的左边的那部分，滚动条就会出现啦，需要向右滑动才能看到后面的内容。

但是我的5s 的safari默认就给我开的是长为980npx的口子（不设置viewport），于是打开上面的网页就会出现滚动条。我把网页中div的宽度改成320px，那safari浏览器中左上角会出现一个红矩形，其他地方是空白。

如果设置了viewport

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

的话，由于device-width等于320npx（在我的5s上的safari是这样），所以相当于开了个长为320npx的口子，所以div就满屏显示了，这里要说明下，虽然div满屏显示并且5s的屏幕是640px的宽度，但浏览器内部给css的最大宽度仍然是320npx，width为320npx的元素就是会满屏显示，这个npx到真实物理px的转换是不需要我们去考虑的，这点之前给我理解viewport造成了很大的困扰。同样的，如果我们设置了viewport的width=device-width的话，再把div的css宽度改为640npx，那么就会出现滚动条。

这下再回到之前的问题，以kuqin.com为例（未设置viewport，所以默认为980npx），网页内容的宽度是960npx（即有div设置了宽度为960npx），在5s中是不会出现滚动条的，浏览器把整个内容都显示出来并且放到一块640px真实像素宽的屏幕上，不怪内容会缩小。

而我们看到的缩小的效果是走样式->浏览器->屏幕->人眼这个流程的，不要因为我们眼睛看到的东西干扰对viewport的认识。


你可能感兴趣的:(浏览器,viewport)

  • 用于 AI 驱动的 Web 自动化的开源 Chrome 扩展程序（本地化运行）。使用您自己的 LLM API 密钥运行多代理工作流程。OpenAI Operator 的替代品。 struggle2025 人工智能自动化运维chromedeepseek
    一、软件介绍文末提供程序和源码下载Nanobrowser是一种在浏览器中运行的开源AIWeb自动化工具。OpenAIOperator的免费替代品，具有灵活的LLM选项和多代理系统。Nanobrowser的多智能体系统实时分析HuggingFace，Planner在遇到障碍物时智能地自我纠正，并动态指示Navigator调整其方法——所有这些都在您的浏览器中本地运行。二、为什么选择Nanobrows
  • C#客户端嵌入Chrome浏览器的实现（非IE） 赖龙 工具
    客户端软件，也就是传统的Winform软件，在很多时候是很好用的。因为在做一些打印、本地设备操作的时候，纯Web系统还是存在很多局限性的。例如很多驱动你需要单独写cab包啦，交互式实现调试很困难啦，浏览器适配问题啦等等。这个时候，Winform结合Web的方式，就是一种比较好的选择。虽然.net本身支持WebBrowser，但是WebBrowser这个东西是基于本地操作系统IE浏览器的，一些CSS
  • 【转】C# 开发Chrome内核浏览器(WebKit.net) weixin_34163741
    WebKit.net是对WebKit的.Net封装，使用它.net程序可以非常方便的集成和使用webkit作为加载网页的容器。这里介绍一下怎么用它来显示一个网页这样的一个最简单的功能。第一步：下载WebKit.net的bin文件。别小看这一步，你不一定能下载成功，原因你懂的。WebKit.net的主页是http://webkitdotnet.sourceforge.net/直接下载0.5版本的wi
  • C# 开发Chrome内核浏览器(WebKit.net) weixin_33739646 c#javascriptruntimeViewUI
    WebKit.net是对WebKit的.Net封装，使用它.net程序可以非常方便的集成和使用webkit作为加载网页的容器。这里介绍一下怎么用它来显示一个网页这样的一个最简单的功能。第一步：下载WebKit.net的bin文件。别小看这一步，你不一定能下载成功，原因你懂的。WebKit.net的主页是http://webkitdotnet.sourceforge.net/直接下载0.5版本的wi
  • 浏览器多开分组框架 莫生灬灬 前端chrome计算机网络个人开发自动化c++安全性测试
    功能列表无限多开设备分组自动排列缩小放大自动脚本，只写了UI，无实际功能截图GIF视频浏览器多开分组框架-火山编写-64位
  • 【C#成品】FBro浏览器多开分组框架 莫生灬灬 c#开发语言edge浏览器容器chrome
    杀毒报告：https://habo.qq.com/file/showdetail?pk=ADEGZV1vB24IP1s6U2oHYA%3D%3Dhttps://habo.qq.com/file/showdetail?pk=ADEGZV1vB24IPls6U2oHYQ%3D%3D浏览器多开分组框架介绍FBro浏览器多开分组框架独立缓存每个浏览器左上角有序号显示两种方式：放大+缩小浏览器，1、点击设备
  • 探秘sharpWebview：跨平台的轻量级浏览器控件库 蓬玮剑
    探秘sharpWebview：跨平台的轻量级浏览器控件库webview_csharpC#bindingsforwebview/webview-Batteriesincluded项目地址:https://gitcode.com/gh_mirrors/we/webview_csharpsharpWebview是一个小巧而强大的C#绑定库，它为你的项目提供了对webview的无缝集成。这个开源项目只支持
  • Python爬虫：Feapder 的详细使用和案例 数据知道 2025年爬虫和逆向教程python爬虫开发语言
    更多内容请见：爬虫和逆向教程-专栏介绍和目录文章目录1.Feapder概述1.1Feapder介绍1.2Feapder核心特点1.3Feapder主要组件1.4Feapder的安装2.基础爬虫编写2.1创建爬虫2.2运行爬虫3.数据采集案例3.1新闻网站采集3.2电商商品采集3.3使用Spider类创建更强大爬虫4.高级功能使用4.1分布式爬虫4.2浏览器渲染4.3文件下载4.4监控与报警5.数据
  • Csharp中使用CEF浏览器 a13219405905 C#C#CEFgooglechrome
    关于C#使用CEF的详解欢迎观赏此教程如何快速集成CefSharp到项目？如何使用初始运行简单的项目？进阶版：一.网页右键菜单`：IContextMenuHandler`进阶版：二.网页操作回调`：ILifeSpanHandler`进阶版：三.操作Cookies`：ICookieManager`进阶版：四.Request的回调`：IRequestHandler`结尾欢迎观赏此教程这是一篇帮助萌新进
  • pythonjson数据_一文看懂Python类型数据JSON序列化 weixin_39582569 pythonjson数据
    现代网络应用WebAPP或大型网站的后台一般只有一个，然后客户端却是各种各样的(iOS,android,浏览器),而且客户端的开发语言很可能与后台的开发语言不一样。这时我们需要后台能够提供可以跨平台跨语言的一种标准的数据交换格式供前后端沟通(这就是WebAPI的作用)。如今大家最常用的跨平台跨语言数据交换格式就是JSON（JavaScriptObjectNotation）了。JSON是一种文本序列
  • package.json browserslist 82年的辣鸡 JavaScriptVue.jsvue
    作用：根据提供的目标浏览器的环境来，智能添加css前缀，js的polyfill垫片,来兼容旧版本浏览器。避免不必要的兼容代码，以提高代码的编译质量。共享使用browserslist的组件们：组件名功能Autoprefixerpostcss添加css前缀组件bable-preset-env编译预设环境智能添加polyfill垫片代码postcss-normalize基础语法：只要package.js
  • npm: browserslist插件 （webpack搭配.browserslistrc筛选符合要求的版本浏览器） 小强有个dream webpacknodewebpackjavascript前端
    官网文档链接BrowsersDataUpdating浏览器数据更新QueryComposition查询组合Browsers现存的浏览器ConfigFile配置文件ShareableConfigs可以共享的配置ConfiguringforDifferentEnvironments针对不同环境进行配置CustomUsageData自定义使用数据JSAPIEnvironmentVariables环境变量
  • Babel 从入门到精通（五）： @babel/traverse 提高代码转换效率 乐闻x 前端知识图谱javascript前端babel
    前言在现代JavaScript开发中，Babel是一个不可或缺的工具。它帮助我们把现代JavaScript代码转换成兼容性更好的旧版本代码，以便在各种浏览器环境中运行。Babel的生态系统中有很多强大的插件和工具，而@babel/traverse正是其中之一。@babel/traverse是一个用于遍历和操作AST（抽象语法树）的库。在解释这个库之前，我们先来理解一下什么是AST。什么是AST？A
  • 处理前端兼容性的重要工具：Browserslist AvskBug 前端
    在前端开发中，处理CSS和JavaScript兼容性问题是一个常见的挑战。不同的浏览器对于CSS和JavaScript的解析和支持程度各不相同，因此开发人员需要采取一些措施来确保他们的网站在各种浏览器中都能正确地显示和运行。在这方面，一个非常重要的工具是Browserslist。Browserslist是一个用于配置目标浏览器的工具，它使用一种简单的查询语言来指定要支持的浏览器范围。通过在项目中使
  • web服务器 恐龙撞击的危机感 服务器运维
    1.web服务器简介www是worldwideweb的缩写，即全球信息广播系统。它通过结合文字、图形、影像和声音等多媒体元素，使用超链接技术，使用户可以通过Internet访问和获取所需的信息。当用户连接到一个www网站时，该网站会提供数据，用户的客户端需要使用浏览器来解析这些数据。2.web服务器的类型（1）静态网页：这些网页是单向的，仅提供信息浏览，不涉及用户与服务器之间的互动。用户可以查看内
  • CSS多设备兼容-媒体查询以及在SCSS中的应用！
    CSS媒体查询为你提供了一种应用CSS的方法，仅在浏览器和设备的环境与你指定的规则相匹配的时候CSS才会真的被应用，例如“视口宽于480像素”的时候。我们可以利用媒体查询来实现响应式布局，适应各种设备(pc、ipad、phone)视口大小。媒体查询参考：媒体查询媒体查询的类型有一下4种：类型说明all默认值，所有设备（可省略不写）print打印设备(用于打印机和打印预览）screen用于电脑屏幕，
  • Vue学习记录之二十 postcss自定义插件及Unocss的使用 LvManBa vue.js学习postcss
    一、实例1使用postCss自定义px转vw插件编写css插件:一、在项目根目录下建立一个plugins文件夹，然后建立一个postcss-px-to-viewport.ts文件。//vite内置了postCss无需安装import{Plugin}from'postcss'//定义一个变量constOptions={viewportWidth:375,//UI设计稿上的宽度，这里我们默认的视口宽度
  • 一个接口请求不通（或页面无法访问）该如何排查？ 海姐软件测试 接口测试测试工具面试
    一、确认问题现象基础验证检查请求的URL、HTTP方法（GET/POST等）是否完全正确（注意拼写和大小写）。确认请求参数（Headers、Body、Query参数）是否符合接口文档要求。尝试用工具（如Postman、curl、浏览器）直接访问，排除客户端代码逻辑问题。区分问题范围是否所有环境（开发/测试/生产）都不可用？还是仅特定环境？是否所有用户都无法访问？还是仅部分用户（可能涉及IP限制或账
  • 浏览器 http 状态码 weixin_44356698 前端面试2025http前端
    在面试中回答关于HTTP状态码的问题时，可以按照以下结构来组织你的回答，确保既专业又清晰：1.简要介绍HTTP状态码定义：HTTP状态码是服务器对客户端请求的响应结果，用于表示请求的成功、失败或需要进一步操作。分类：状态码分为5类，分别是：1xx（信息性状态码）：表示请求已被接收，需要继续处理。2xx（成功状态码）：表示请求已成功处理。3xx（重定向状态码）：表示需要进一步操作以完成请求。4xx（
  • 股票数据接口API实例代码python、JAVA等多种语言演示免费获取实时数据、历史数据、CDMA、KDJ等指标数据配有API说明文档 蝶澈乐乐 pythonjava开发语言股票数据接口API
    本文中所有接口均可直接在浏览器打开获取数据，为了便于大家验证有效性，已经做好了超链接，直接点击即可！沪深两市股票列表API接口链接（可点击验证）：https://api.mairui.club/hslt/list/LICENCE-66D8-9F96-0C7F0FBCD073【实时数据接口】沪深两市实时交易数据接口API接口链接（可点击验证）：https://api.mairui.club/hsrl
  • 【前端扫盲】node.js npm nvm都是什么以及他们之间的关系 Tipriest_ 前端扫盲前端node.jsnpmnvm
    1.Node.js：JavaScript运行时环境定义：基于ChromeV8引擎的JavaScript运行平台，让JavaScript可以脱离浏览器在服务器端运行。作用：执行JavaScript代码（如运行Hexo博客生成器）。提供系统级API（如文件操作、网络通信等）。关键点：版本更新频繁，不同版本可能对项目兼容性产生重大影响（例如Node.js18+可能破坏旧插件）。2.npm(NodePac
  • java:实现图片浏览器（附带源码） Katie。 Java实战项目java开发语言
    Java实现图片浏览器项目详细介绍一、项目简介在现代应用中，图片浏览器是一种常见且实用的工具，能够帮助用户方便地浏览、预览和管理大量图片。无论是在桌面端还是嵌入到大型系统中，图片浏览器都能极大提升用户体验。本文将介绍如何使用Java语言（主要借助Swing框架）来实现一个简单的图片浏览器。项目包括如下主要功能：加载图片：从用户指定的文件夹中加载所有图片文件（常见格式如JPG、PNG、GIF等）。图
  • 2025年01月13日字节（本地生活）前端面试 uperficialyu 前端面试实战前端面试
    目录自我介绍项目介绍（拷问）js事件循环浏览器如何解析html文件输入url到页面呈现的过程http与https，https为什么安全，证书是如何获取的？require引入与import的引入的区别vite打包工具相比webpack优势手写promise手写发布订阅模式3.js事件循环以下是对JavaScript事件循环的更深入解释：基本概念单线程执行模型：JavaScript是单线程的，即在同一
  • Post请求formdata 里面嵌套字典data，解决请求格式不正确 muttry 简单爬虫
    问题描述：近期写爬虫，发送请求时，返回同一个静态页面，检查之后是post请求里的参数格式不正确。因为data的参数直接从谷歌浏览器考下来，手动加引号改格式的。form_data={'Data':'{"appid":"123","checkin_type":"6","role":"1","stunum":"15812086122"}''MsgType':'APP_SEND_CARDCHECKIN_B
  • 利用命令注入getshell carefree798 漏洞复现安全安全漏洞powershellshell
    利用命令注入getshell靶机ip：192.168.41.129kali：192.168.41.128任务：靶机存在命令注入漏洞，获取靶机权限。漏洞原理命令执行直接调用操作系统命令。其原理是，在操作系统中，“&、|、I都可以作为命令连接符使用，用户通过浏览器提交执行命令，由于服务器端没有针对执行函数做过滤，将用户的输入作为系统命令的参数拼接到命令行中，在没有过滤用户输入的情况下，造成命令执行漏洞
  • http 和 https weixin_44356698 前端面试2025前端
    1.简要介绍HTTP和HTTPSHTTP：HTTP（HyperTextTransferProtocol）是用于在Web浏览器和服务器之间传输超文本（如HTML）的应用层协议。它是无状态的，意味着每个请求都是独立的，服务器不会保留之前请求的任何信息。HTTPS：HTTPS（HyperTextTransferProtocolSecure）是HTTP的安全版本，通过SSL/TLS协议对数据进行加密，确保
  • SpringMVC中的跨域请求配置解决方案 AI天才研究院 Python实战自然语言处理人工智能语言模型编程实践开发语言架构设计
    作者：禅与计算机程序设计艺术1.简介跨域（Cross-originresourcesharing）是由一个资源从一个域名访问另一个不同的域名而发生的一种行为。由于同源策略的限制，默认情况下浏览器禁止从不同域向当前域发送HTTP请求。跨域请求会受到各个浏览器厂商自己的处理方式不同，但浏览器为了保护用户信息不被盗用或篡改，一般都会阻止跨域请求，所以开发者需要在实际项目中做一些额外的设置来允许跨域请求。
  • 如何使用 Postman 在线版？新手教程 一个幽默的程序员 Postmanpostman测试工具
    除了桌面应用程序外，Postman还提供了在线版本，可以通过任何Web浏览器访问。那么该如何使用Postman的在线版呢？Postman在线版使用教程
  • HTML5大文件分片上传/多线程上传 aryasei html5前端html
    HTML5大文件分片上传/多线程上传前端实现浏览器端大文件分片上传,VUE大文件上传和断点续传的实现，VUE–实现文件的上传-字节流下载详细过程，VUE实现大文件分片上传与断点续传到七牛云，VUE.JS实现大文件分片MD5断点续传，大文件、视频分片上传，断点续传，VUE大文件分片上传/多线程上传，大文件传输解决方案：分片上传/下载限速，原生JS上传大文件分片，浏览器批量大文件上传下载，VUE项目性
  • 学Python爬虫的第一天 没事玩Python Python爬虫
    一、什么是爬虫？通过编写程序，模拟浏览器上网，让后让其去互联网抓取数据的过程。二、爬虫有什么用？-实际应用-就业三、爬虫究竟是合法还是违法的？法律中是不被禁止的，但是具有违法的风险，因此要合理利用爬虫，及时优化自己的程序，适可而止。
  • java线程的无限循环和退出 3213213333332132 java
    最近想写一个游戏，然后碰到有关线程的问题，网上查了好多资料都没满足。 突然想起了前段时间看的有关线程的视频，于是信手拈来写了一个线程的代码片段。 希望帮助刚学java线程的童鞋 package thread; import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.Date
  • tomcat 容器 BlueSkator tomcatWebservlet
    Tomcat的组成部分 1、server A Server element represents the entire Catalina servlet container. (Singleton) 2、service service包括多个connector以及一个engine，其职责为处理由connector获得的客户请求。   3、connector 一个connector
  • php递归,静态变量,匿名函数使用 dcj3sjt126com PHP递归函数匿名函数静态变量引用传参
      <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Current To-Do List</title> </head> <body>
  • 属性颜色字体变化 周华华 JavaScript
    function changSize(className){ var diva=byId("fot") diva.className=className; } </script> <style type="text/css"> .max{ background: #900; color:#039;
  • 将properties内容放置到map中 g21121 properties
    代码比较简单： private static Map<Object, Object> map; private static Properties p; static { //读取properties文件 InputStream is = XXX.class.getClassLoader().getResourceAsStream("xxx.properti
  • [简单]拼接字符串 53873039oycg 字符串
             工作中遇到需要从Map里面取值拼接字符串的情况，自己写了个，不是很好，欢迎提出更优雅的写法，代码如下：           import java.util.HashMap; import java.uti
  • Struts2学习 云端月影
    最近开始关注struts2的新特性，从这个版本开始，Struts开始使用convention-plugin代替codebehind-plugin来实现struts的零配置。 配置文件精简了，的确是简便了开发过程，但是，我们熟悉的配置突然disappear了，真是一下很不适应。跟着潮流走吧，看看该怎样来搞定convention-plugin。 使用Convention插件，你需要将其JAR文件放
  • Java新手入门的30个基本概念二 aijuans java新手java 入门
    基本概念:　　1.OOP中唯一关系的是对象的接口是什么,就像计算机的销售商她不管电源内部结构是怎样的,他只关系能否给你提供电就行了,也就是只要知道can or not而不是how and why.所有的程序是由一定的属性和行为对象组成的,不同的对象的访问通过函数调用来完成,对象间所有的交流都是通过方法调用,通过对封装对象数据,很大限度上提高复用率。　　2.OOP中最重要的思想是类,类是模板是蓝图,
  • jedis 简单使用 antlove javarediscachecommandjedis
    jedis.RedisOperationCollection.java package jedis; import org.apache.log4j.Logger; import redis.clients.jedis.Jedis; import java.util.List; import java.util.Map; import java.util.Set; pub
  • PL/SQL的函数和包体的基础 百合不是茶 PL/SQL编程函数包体显示包的具体数据包
    由于明天举要上课,所以刚刚将代码敲了一遍PL/SQL的函数和包体的实现(单例模式过几天好好的总结下再发出来);以便明天能更好的学习PL/SQL的循环,今天太累了,所以早点睡觉,明天继续PL/SQL总有一天我会将你永远的记载在心里,,,   函数; 函数:PL/SQL中的函数相当于java中的方法;函数有返回值 定义函数的 --输入姓名找到该姓名的年薪 create or re
  • Mockito(二)--实例篇 bijian1013 持续集成mockito单元测试
            学习了基本知识后，就可以实战了，Mockito的实际使用还是比较麻烦的。因为在实际使用中，最常遇到的就是需要模拟第三方类库的行为。         比如现在有一个类FTPFileTransfer，实现了向FTP传输文件的功能。这个类中使用了a
  • 精通Oracle10编程SQL(7)编写控制结构 bijian1013 oracle数据库plsql
    /* *编写控制结构 */ --条件分支语句 --简单条件判断 DECLARE v_sal NUMBER(6,2); BEGIN select sal into v_sal from emp where lower(ename)=lower('&name'); if v_sal<2000 then update emp set
  • 【Log4j二】Log4j属性文件配置详解 bit1129 log4j
    如下是一个log4j.properties的配置   log4j.rootCategory=INFO, stdout , R log4j.appender.stdout=org.apache.log4j.ConsoleAppender log4j.appender.stdout.layout=org.apache.log4j.PatternLayout log4j.appe
  • java集合排序笔记 白糖_ java
    public class CollectionDemo implements Serializable,Comparable<CollectionDemo>{ private static final long serialVersionUID = -2958090810811192128L; private int id; private String nam
  • java导致linux负载过高的定位方法 ronin47
    定位java进程ID 可以使用top或ps -ef |grep java ![图片描述][1] 根据进程ID找到最消耗资源的java pid 比如第一步找到的进程ID为5431 执行 top -p 5431 -H ![图片描述][2] 打印java栈信息 $ jstack -l 5431 > 5431.log 在栈信息中定位具体问题 将消耗资源的Java PID转
  • 给定能随机生成整数1到5的函数，写出能随机生成整数1到7的函数 bylijinnan 函数
    import java.util.ArrayList; import java.util.List; import java.util.Random; public class RandNFromRand5 { /** 题目：给定能随机生成整数1到5的函数，写出能随机生成整数1到7的函数。 解法1： f(k) = (x0-1)*5^0+(x1-
  • PL/SQL Developer保存布局 Kai_Ge
          近日由于项目需要，数据库从DB2迁移到ORCAL，因此数据库连接客户端选择了PL/SQL Developer。由于软件运用不熟悉，造成了很多麻烦，最主要的就是进入后，左边列表有很多选项，自己删除了一些选项卡，布局很满意了，下次进入后又恢复了以前的布局，很是苦恼。在众多PL/SQL Developer使用技巧中找到如下这段：   &n
  • [未来战士计划]超能查派[剧透,慎入] comsci 计划
           非常好看,超能查派,这部电影......为我们这些热爱人工智能的工程技术人员提供一些参考意见和思想........        虽然电影里面的人物形象不是非常的可爱....但是非常的贴近现实生活....    &nbs
  • Google Map API V2 dai_lm google map
    以后如果要开发包含google map的程序就更麻烦咯 http://www.cnblogs.com/mengdd/archive/2013/01/01/2841390.html 找到篇不错的文章，大家可以参考一下 http://blog.sina.com.cn/s/blog_c2839d410101jahv.html 1. 创建Android工程 由于v2的key需要G
  • java数据计算层的几种解决方法2 datamachine javasql集算器
    2、SQL     SQL/SP/JDBC在这里属于一类，这是老牌的数据计算层，性能和灵活性是它的优势。但随着新情况的不断出现，单纯用SQL已经难以满足需求，比如： JAVA开发规模的扩大，数据量的剧增，复杂计算问题的涌现。虽然SQL得高分的指标不多，但都是权重最高的。     成熟度：5星。最成熟的。   
  • Linux下Telnet的安装与运行 dcj3sjt126com linuxtelnet
    Linux下Telnet的安装与运行   linux默认是使用SSH服务的 而不安装telnet服务  如果要使用telnet 就必须先安装相应的软件包  即使安装了软件包 默认的设置telnet 服务也是不运行的 需要手工进行设置 如果是redhat9，则在第三张光盘中找到 telnet-server-0.17-25.i386.rpm
  • PHP中钩子函数的实现与认识 dcj3sjt126com PHP
    假如有这么一段程序： function fun(){ fun1(); fun2(); }   首先程序执行完fun1()之后执行fun2()然后fun()结束。   但是，假如我们想对函数做一些变化。比如说，fun是一个解析函数，我们希望后期可以提供丰富的解析函数，而究竟用哪个函数解析，我们希望在配置文件中配置。这个时候就可以发挥钩子的力量了。   我们可以在fu
  • EOS中的WorkSpace密码修改 蕃薯耀 修改WorkSpace密码
    EOS中BPS的WorkSpace密码修改 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 201
  • SpringMVC4零配置--SpringSecurity相关配置【SpringSecurityConfig】 hanqunfeng SpringSecurity
     SpringSecurity的配置相对来说有些复杂，如果是完整的bean配置，则需要配置大量的bean，所以xml配置时使用了命名空间来简化配置，同样，spring为我们提供了一个抽象类WebSecurityConfigurerAdapter和一个注解@EnableWebMvcSecurity，达到同样减少bean配置的目的，如下：   applicationContex
  • ie 9 kendo ui中ajax跨域的问题 jackyrong AJAX跨域
    这两天遇到个问题，kendo ui的datagrid，根据json去读取数据，然后前端通过kendo ui的datagrid去渲染，但很奇怪的是，在ie 10,ie 11,chrome,firefox等浏览器中，同样的程序， 浏览起来是没问题的，但把应用放到公网上的一台服务器， 却发现如下情况： 1） ie 9下，不能出现任何数据，但用IE 9浏览器浏览本机的应用，却没任何问题
  • 不要让别人笑你不能成为程序员 lampcy 编程程序员
    在经历六个月的编程集训之后，我刚刚完成了我的第一次一对一的编码评估。但是事情并没有如我所想的那般顺利。 说实话，我感觉我的脑细胞像被轰炸过一样。 手慢慢地离开键盘，心里很压抑。不禁默默祈祷：一切都会进展顺利的，对吧？至少有些地方我的回答应该是没有遗漏的，是不是？ 难道我选择编程真的是一个巨大的错误吗——我真的永远也成不了程序员吗？ 我需要一点点安慰。在自我怀疑，不安全感和脆弱等等像龙卷风一
  • 马皇后的贤德 nannan408
       马皇后不怕朱元璋的坏脾气，并敢理直气壮地吹耳边风。众所周知，朱元璋不喜欢女人干政，他认为“后妃虽母仪天下，然不可使干政事”，因为“宠之太过，则骄恣犯分，上下失序”，因此还特地命人纂述《女诫》，以示警诫。但马皇后是个例外。 　　有一次，马皇后问朱元璋道：“如今天下老百姓安居乐业了吗？”朱元璋不高兴地回答：“这不是你应该问的。”马皇后振振有词地回敬道：“陛下是天下之父，
  • 选择某个属性值最大的那条记录（不仅仅包含指定属性，而是想要什么属性都可以） Rainbow702 sqlgroup by最大值max最大的那条记录
    好久好久不写SQL了，技能退化严重啊！！！   直入主题： 比如我有一张表，file_info， 它有两个属性（但实际不只，我这里只是作说明用）： file_code, file_version 同一个code可能对应多个version 现在，我想针对每一个code，取得它相关的记录中，version 值 最大的那条记录， SQL如下： select *
  • VBScript脚本语言 tntxia VBScript
      VBScript 是基于VB的脚本语言。主要用于Asp和Excel的编程。   VB家族语言简介   Visual Basic 6.0           源于BASIC语言。           由微软公司开发的包含协助开发环境的事
  • java中枚举类型的使用 xiao1zhao2 javaenum枚举1.5新特性
    枚举类型是j2se在1.5引入的新的类型,通过关键字enum来定义,常用来存储一些常量.   1.定义一个简单的枚举类型 public enum Sex { MAN, WOMAN }   枚举类型本质是类,编译此段代码会生成.class文件.通过Sex.MAN来访问Sex中的成员,其返回值是Sex类型.   2.常用方法 静态的values()方
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他