移动端网页设计经验与心得

智能手机发展确实很迅速，像今年，我的大部分工作就都在移动端网页上。

再往前些年，看到的手机版/移动版网页，限制于浏览器与手机性能，2g网络速度等

网页设计无非是蓝、黑、白，界面单调，并且要尽可能的设计简单。

 

现在情况就大不相同了，软件上webkit内核浏览器大行其道，硬件突飞猛进，网速来说，4g正炒得火热。

下面就和大家分享一下我的一些移动端网页设计经验与心得。

 

⒈ 分辨率
这应该是移动端网页最关心的问题了，因为移动设备五花八门，各种分辨率都有。要想在这些设备上都能有良好的浏览体验，得花一番功夫。

  • 使用viewport：这已经是移动端网页的必备了，它可以设定页面的宽度，是否允许缩放等等。 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

    一般设置width=device-width，就是设置为设备的屏幕宽度，当然也可以是具体数值

  • 百分比与max(min)-width使用：移动端网页不仅分辨率不一，而且随时可以横竖屏切换，所以百分比宽度设定非常必要，再配合max(min)-width限制最大(小)宽度，能有效的适应各种分辨率，若为此还有特别需求，可看下一条，"使用Media Queries"

  • 使用Media Queries，这也是响应式web设计的一部分

  • <link rel="stylesheet" type="text/css" href="style1.css" media="screen and (min-width: 640px)">

    这里的意思就是在大于640px的屏幕宽度下，使用style1样式，也可以写在样式内部，如：

    @media screen and (min-width: 640px){

        .d1{background:#ccc;}

        }

      

⒉ 内容与缓存
虽才说到现在4g正炒得火热，但不可否认移动设备网络环境上的局限性，所以还是有必要对此做一些处理。

  • 使用manifest缓存 
    <html manifest="/mobile.manifest">

    在html上添加manifest，其中文件格式内容如：

    CACHE MANIFEST

##需要离线的内容

CACHE:



Script/jquery.js

Script/gameconfig.js





Image/home.png

Image/logo.png



##总是访问网络的内容

NETWORK:

*

##访问A失败时访问B

FALLBACK

    浏览器将缓存chache内所有的内容，并且可以离线访问，只要文件发生任何改变都将会重新读取并刷新全部缓存，所以更改注释是个更新缓存的好方法

    这里要注意的是
           1，添加了manifest的当前网页也会被缓存 所以推荐的方式是页面缓存，页面动态内容全部用ajax获取，所以在移动网站项目设计开始就要注意这个问题
           2，页面中添加iframe 然后子页面引用manifest想达到缓存资源而不缓存当前页面内容，是无效的。

  • 尽可能使用css样式来代替图片，由于移动端浏览器对css3的支持，使得以前很多图片可以用样式来代替
    如我们公司项目内用到的一些，下图：
    移动端网页设计经验与心得

    按钮用到了  渐变+圆角+内阴影 
    .btn_red {

display: block;

line-height: 28px;

padding: 1px 0;

border: 1px solid #B81414;

border-radius: 2px;

background: #FF5A5A;

background: -webkit-gradient(linear, 0 0, 0 70%, from(#FF5A5A), to(#FF4444));

overflow: hidden;

margin-top: 3px;

color: #fff;

box-shadow: 0px 1px 1px #FFB5B5 inset;

}

    三角形 就是用border的颜色，改变颜色可以画出指向不同方向的三角形 
    .tip_t{

border-color: transparent transparent #bb0808 transparent;

border-style: solid;

border-width: 10px;

width: 0px;

height: 0px;

}

    箭头是两个三角形叠在一起
    ……
    用样式代替图片之后不仅大小减少了很多，可维护性更大大提高

  • 页面只展示部分内容，多提示用户"点击展开"或者"查看更多"，再异步获取内容，大家都不希望打开一个网站，流量就哗哗没了

⒊ 布局
手机端可视区域小，布局上不同于传统网页，需要充分利用有限的空间去展示信息。

  • 页面流程简单清晰，复杂的操作尽量分段展示，如下图：

    移动端网页设计经验与心得
  • 隐藏不常用的功能，可以将其放在侧边栏或弹出层，如下图：

    移动端网页设计经验与心得
  • 由于移动端是直接用手指操作，而非鼠标。所以，需要响应元素点击区域要相对明显，大
  • 屏幕宽度虽小，但是上下滑动体验好，因此布局上可以多上下排列

⒋ 其他与结语

  • 许多小厂商的手机平板，还有一些rom上的系统默认浏览器版本各异(很头疼..)，所以测试工作要做足
  • html5中<input /> type有好几种新类型，比如<input type="tel" />，移动端上点击会默认弹出数字键盘，可多试试
  • 本文只是总结了我项目上一些小心得，如有纰漏和错误谢谢大家指正，也欢迎大家点赞和讨论

你可能感兴趣的:(网页设计)

  • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
    ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
  • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
  • 《HTML 与 CSS—— 响应式设计》 陈在天box htmlcss前端
    一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在
  • html+css网页设计 旅游网站首页1个页面 html+css+js网页设计 htmlcss旅游
    html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击
  • web前端达到什么水平，才能找到工作？ cj瑾瑜 前端htmljavascriptcsscss3
    一、前端是什么？前端即网站前台部分，也叫前端开发，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。（核心技术：HTML、CSS、JavaScript）核心技术是前端开发中最基本也是最必须的三个技能。前端的开发中，在页面的布局时，HTML将元素进行定义
  • javascript网页设计案例1 2301_79698214 javascript
    javascript网页设计案例1以下是一个简单的JavaScript网页设计案例：JavaScript网页设计案例#container{width:300px;height:200px;background-color:#f2f2f2;text-align:center;padding:20px;}点击按钮显示文本显示文本functiondisplayText(){vartext=documen
  • 相当流畅的js拖拽排序实现 晨曦_子画 javascript开发语言ecmascript
    01拖拽排序是一种在网页设计和应用程序中常见的交互方式，允许用户通过鼠标或触摸操作来重新排列页面或界面上的元素。这种交互方式对于提升用户体验和操作效率具有重要意义。在拖拽排序中，用户可以用鼠标或手指按住某个元素，然后将其拖动到新的位置，从而实现对元素的重新排列。这种操作直观且灵活，使得用户可以根据自己的需求随时调整页面或界面的布局，提升了个性化体验。同时，拖拽排序也增加了用户的参与度和粘性，用户可
  • 《实现 HTML 图片轮播效果》 小刘| html前端
    目录（一）HTML结构（二）CSS样式（三）JavaScript实现轮播逻辑一、轮播效果的重要性与应用场景在网页设计中，轮播效果是非常常见且重要的元素。它可以在有限的空间内展示多张图片或者广告，能够有效地吸引用户的注意力，提高信息展示的效率。常用于网站首页的焦点图展示、商品图片展示等场景。二、HTML轮播效果的实现分析以下是一个简单的HTML、CSS和JavaScript实现的图片轮播代码示例。（
  • 健身运动俱乐部主题网页设计制作 | html网页模板源码 学博星辰 网页成品htmlcssjavascriptjquery前端bootstrap
    文章目录网站主题网站描述网站介绍网站演示学习理念更多干货一、网站主题健身网站、健身房网站、健身网页、健身房网页、健身网页、团操运动网页、健身俱乐部html网页、html健身运动主题网页、html网页设计与制作、学生期末网页大作业二、网站描述编码：A04、页数：6页，技术：html+css+js健身运动是一项通过徒手或利用各种器械，运用专门的动作方式和方法进行锻炼，以发达肌肉、增长体力、改善形体和陶
  • HTML5中`＜ul＞`标签深入全面解析 软考鸭 html5html5前端html
    在HTML5的广阔天地里，标签作为无序列表的代言人，扮演着举足轻重的角色。它不仅能够整洁地罗列信息，还通过丰富的属性和样式选项，为网页设计师提供了无限的创意空间。本文将深入剖析标签的内核，详细解读其属性与样式，助力你打造更加精致、功能强大的网页。一、标签基础概览，即UnorderedList（无序列表）的缩写，用于在网页中展示一系列无特定顺序的项目。每个项目由（ListItem，列表项）标签包裹，
  • CSS前端经典面试题及解析——小白入门必备 2301_82243710 程序员前端css
    12.如何实现一个使用非标准字体的网页设计？使用@font-face并为不同的font-weight定义font-family。13.解释浏览器如何确定哪些元素与CSS选择器匹配。这部分与上面关于编写高效的CSS有关。浏览器从最右边的选择器（关键选择器）根据关键选择器，浏览器从DOM中筛选出元素，然后向上遍历被选元素的父元素，判断是否匹配。选择器匹配语句链越短，浏览器的匹配速度越快。例如，对于形如
  • Matter.js：Web开发者的2D物理引擎 我码玄黄 前端开源github前端javascriptcanvas物理引擎
    Matter.js：Web开发者的2D物理引擎前言在现代网页开发中，交互性和动态效果是提升用户体验的关键因素。Matter.js，一个专为网页设计的2D物理引擎，为开发者提供了一种简单而强大的方式，来实现复杂的物理交互效果。无论是模拟重力、碰撞还是复杂的物体运动，Matter.js都能轻松应对。本文将带你深入了解Matter.js，并提供实际的代码示例，让你一窥其强大功能。官网：https://b
  • HTML与CSS网页制作指南 vvvae1234 html
    在当今数字化的时代，网页已成为信息传递和展示的主要方式。无论是个人博客、企业官网还是在线商店，网页设计都扮演着至关重要的角色。掌握HTML（超文本标记语言）和CSS（层叠样式表）是制作网页的基础。本指南旨在帮助初学者学习如何使用HTML和CSS创建简单而美观的网页，通过实际操作案例提升学习的趣味性。2.HTML与CSS简介2.1什么是HTMLHTML（HyperTextMarkupLanguage
  • javascript网页设计案例 liyy614 javascript
    JavaScript在网页设计中扮演着重要的角色，能够实现动态效果和交互功能，提升用户体验。下面，我将通过一个具体的案例——“动态图片轮播”来展示JavaScript在网页设计中的应用。案例：动态图片轮播1.HTML结构动态图片轮播.carousel{width:600px;margin:50pxauto;overflow:hidden;}.carouselimg{width:100%;float
  • javascript网页设计案例 小绵羊不怕大灰狼 javascript开发语言ecmascript
    JavaScript是一种广泛使用的编程语言，用于实现网页上的交互效果。下面是一些常见的JavaScript网页设计案例及其代码示例。1.动态按钮效果HTML动态按钮效果button{padding:10px20px;font-size:16px;cursor:pointer;}点击我JavaScript(script.js)document.getElementById('myButton').
  • JavaScript在网页设计 shiming8879 javascript开发语言ecmascript
    JavaScript在网页设计中扮演着至关重要的角色，它不仅能够增强网页的交互性，还能为用户提供更加丰富的体验。以下将详细介绍几个典型的JavaScript网页设计案例，每个案例都将从功能描述、实现思路、代码示例等方面进行阐述。1.图片画廊（ImageGallery）功能描述：图片画廊允许用户浏览一组图片，并支持点击放大查看图片细节。这种设计常见于产品展示、摄影作品集等场景。实现思路：使用HTML
  • web期末作业网页设计——我的家乡黑龙江（网页源码） 软件技术NINI html+css+js旅游旅游htmlcss
    一、‍网站题目旅游，当地特色，历史文化，特色小吃等网站的设计与制作。二、✍️网站描述‍静态网站的编写主要是用HTMLDIV+CSS等来完成页面的排版设计‍,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode、Webstorm、Animate等等，用的最多的还是DW，当然不同软件写出的前端Html5代码都是一致的，本网页适合修改成为各种类型的产品展示网页，
  • javascript网页设计案例 Min_nna jsjquery功能ai分析javascript
    以下是一些使用JavaScript进行网页设计的案例，这些案例展示了JavaScript在前端开发中的强大功能和灵活性。每个案例都包含了基本的实现思路和代码示例。图片画廊（ImageGallery）功能：展示一组图片，并支持点击放大查看。实现思路：使用HTML和CSS创建图片网格。使用JavaScript处理图片点击事件，显示放大的图片。代码示例：ImageGallery×consti
  • 前端基础入门三大核心之HTML篇：深入解析PNG8、PNG16、PNG24与PNG32的差异及网页应用指南 DTcode7 HTML网站开发#前端基础入门三大核心之htmlHTML5前端web前端三大核心网页开发
    前端基础入门三大核心之HTML篇：深入解析PNG8、PNG16、PNG24与PNG32的差异及网页应用指南基础概念与作用说明PNG8PNG16PNG24PNG32代码示例与使用场景PNG8示例PNG24示例PNG32示例性能优化与最佳实践防范漏洞提示结语与讨论在网页设计与前端开发中，选择合适的图像格式是至关重要的一步，它直接关系到页面加载速度、视觉效果乃至用户体验。PNG作为一种广泛应用的图像格式
  • 下班后可以做的副业有哪些？（适合晚上做的25个副业推荐快收藏） 帮忙赚赏金
    下班后可以做的副业有哪些？（适合晚上做的25个副业推荐快收藏）导语：现代工作生活节奏快，许多人希望在下班后能够充分利用时间，开展一些副业以提升自己的技能和增加收入。本文将为您推荐25个适合晚上做的副业，希望能给您一些启发和帮助。一、网上兼职：写作兼职：如果您具备一定的写作能力，可以加入一些自媒体平台或者写作团队，为他人撰写文章或者编辑文稿。设计制作：如果您擅长平面设计、网页设计等方面的工作，可以接
  • 制作一个简单HTML旅游网站（HTML+CSS+JS）桂林旅游网页设计与实现5个页面 软件技术NINI html+css+js旅游html旅游css
    一、‍网站题目旅游，当地特色，历史文化，特色小吃等网站的设计与制作。二、✍️网站描述桂林旅游主题的网页一共五个个页面-旅游网页使用htmlcssjs制作有banana图-页面可以相互跳转包含表单三级页面-网页可以使用vscodehbuilderdw等打开修改-里面的图片和文字都可以替换为其他旅游网页-桂林旅游网页介绍了景点，美食，联系我们，桂林旅游等-html静态网页没有复杂效果布局简单原创htm
  • 【Rust】——采用发布配置自定义构建 Y小夜 Rust（官方文档重点总结）rust开发语言后端
    博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，Python机器学习等主页链接：Y小夜-CSDN博客今日学习推荐：在当今这个飞速发展的信息时代，人工智能（AI）已经成为了一个不可或
  • 【Rust】——高级类型 Y小夜 Rust（官方文档重点总结）rust开发语言后端
    博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，Python机器学习等主页链接：Y小夜-CSDN博客目录为了类型安全和抽象而使用的newtype模式类型别名用来创建类型同义词不返回
  • HTML静态网页成品作业(HTML+CSS)——家乡泉州介绍网页(3个页面)（表格布局） 爱码网页 htmlcss前端
    常见网页设计作业题材有**汽车、环保、明星、文化、国家、抗疫、景点、人物、体育、植物、公益、图书、节日、游戏、商城、旅游、家乡、学校、电影、动漫、非遗、动物、个人、企业、美食、婚纱、其他**等网页设计题目,可满足大学生网页大作业网页设计需求都能满足你的需求。原始HTML+CSS+JS页面设计,web大学生网页设计作业源码，画面精明，排版整洁，内容丰富，主题鲜明，非常适合初学者学习使用。文章目录一、
  • CorelDRAW2024无限试用版一键下载安装激活 qq_48396513 CorelDRAW最新版下载CorelDRAWlinuxwindowsmacos学习
    CorelDRAW，简称CDR，是一款功能极其强大的矢量图绘制软件，由加拿大Corel公司开发。经历了超过二十年的发展，CorelDRAW因其卓越的性能和用户友好性，成为了设计师们的首选工具。无论你是在制作矢量动画、网页设计，还是进行位图编辑，CorelDRAW都能满足你的需求。CorelDRAW全系列汉化版下载网盘分享链接：抓紧保存以防失效https://pan.quark.cn/s/31f7e
  • 白骑士的CSS教学进阶篇之CSS变量 3.4.3 动态改变CSS变量 白骑士所长 CSS教学css前端javascripthtml
    CSS变量（自定义属性）的动态改变是一个强大的功能，它允许在网页的不同状态或事件发生时，实时更新样式。通过动态改变CSS变量，可以实现各种动态效果和交互式设计，这种能力使得网页的样式更加灵活和响应迅速。本文将详细介绍如何动态改变CSS变量，包括使用JavaScript修改变量值、结合CSS动画和过渡效果动态更新样式，以及如何利用这些功能创建互动和响应式的网页设计。使用JavaScript动态改变C
  • CSS实现水滴效果图 N201871643 热门相关技术分享css前端
    CSS实现水滴效果图目录一、引言二、定义三、常用属性四、事件五、实操步骤一、引言水滴效果是一种常见的动画效果，常用于网页设计中。通过使用CSS技术，我们可以实现这种效果，为网页增添生动和吸引力。本文将详细介绍如何使用CSS实现水滴效果，并提供相关技术分析。二、定义水滴效果：指在网页上呈现出水滴从上方滴落的效果，通常伴随着水波纹扩散的动画效果。CSS：层叠样式表（CascadingStyleShee
  • 《CSS 3D 变形探秘：开启网页设计新维度》 小刘| css3d前端
    一、移动：精确控制元素位置translate函数为我们提供了强大的移动能力。可以沿x轴、y轴甚至z轴来调整元素的位置。无论是简单地在平面上平移，还是在三维空间中进行精准定位，translate都能轻松胜任。它让元素的布局更加灵活多变，为设计师提供了无限的创意空间。translate(tx[,ty]:沿x轴移动tx距离，沿y轴移动ty的距离ty可以省略，如果省略则ty默认为0ranslate(tx,
  • HTML 标签大合集：一文入门 彼方᭄゛ঞ HTML基础html前端
    导语欢迎来到我们关于HTML标签的全面指南！如果你是网页设计的新手，或者只是想快速回顾一下HTML的基础知识，那么你来对地方了。HTML（超文本标记语言）是构建网页的基石，它定义了网页的结构和内容。在本文中，我们将通过一系列示例来探索HTML的核心元素，帮助你理解如何使用它们来创建引人注目的网页。块级元素与内联元素块级元素块级元素通常用于创建页面结构的“块”，它们在页面中占据整行显示。：块级元素，
  • 解读Servlet原理篇二---GenericServlet与HttpServlet 周凡杨 javaHttpServlet源理GenericService源码
    在上一篇《解读Servlet原理篇一》中提到，要实现javax.servlet.Servlet接口（即写自己的Servlet应用），你可以写一个继承自javax.servlet.GenericServletr的generic Servlet ，也可以写一个继承自java.servlet.http.HttpServlet的HTTP Servlet（这就是为什么我们自定义的Servlet通常是exte
  • MySQL性能优化 bijian1013 数据库mysql
            性能优化是通过某些有效的方法来提高MySQL的运行速度，减少占用的磁盘空间。性能优化包含很多方面，例如优化查询速度，优化更新速度和优化MySQL服务器等。本文介绍方法的主要有：         a.优化查询         b.优化数据库结构  
  • ThreadPool定时重试 dai_lm javaThreadPoolthreadtimertimertask
    项目需要当某事件触发时，执行http请求任务，失败时需要有重试机制，并根据失败次数的增加，重试间隔也相应增加，任务可能并发。 由于是耗时任务，首先考虑的就是用线程来实现，并且为了节约资源，因而选择线程池。 为了解决不定间隔的重试，选择Timer和TimerTask来完成 package threadpool; public class ThreadPoolTest {
  • Oracle 查看数据库的连接情况 周凡杨 sqloracle 连接
    首先要说的是，不同版本数据库提供的系统表会有不同，你可以根据数据字典查看该版本数据库所提供的表。 select * from dict where table_name like '%SESSION%'; 就可以查出一些表，然后根据这些表就可以获得会话信息 select sid,serial#,status,username,schemaname,osuser,terminal,ma
  • 类的继承 朱辉辉33 java
    类的继承可以提高代码的重用行，减少冗余代码；还能提高代码的扩展性。Java继承的关键字是extends 格式:public class 类名（子类）extends 类名（父类）{ } 子类可以继承到父类所有的属性和普通方法，但不能继承构造方法。且子类可以直接使用父类的public和 protected属性，但要使用private属性仍需通过调用。 子类的方法可以重写，但必须和父类的返回值类
  • android 悬浮窗特效 肆无忌惮_ android
    最近在开发项目的时候需要做一个悬浮层的动画，类似于支付宝掉钱动画。但是区别在于，需求是浮出一个窗口，之后边缩放边位移至屏幕右下角标签处。效果图如下：   一开始考虑用自定义View来做。后来发现开线程让其移动很卡，ListView+动画也没法精确定位到目标点。   后来想利用Dialog的dismiss动画来完成。   自定义一个Dialog后，在styl
  • hadoop伪分布式搭建 林鹤霄 hadoop
    要修改4个文件    1: vim hadoop-env.sh  第九行    2: vim core-site.xml            <configuration>     &n
  • gdb调试命令 aigo gdb
    原文：http://blog.csdn.net/hanchaoman/article/details/5517362   一、GDB常用命令简介   r run 运行.程序还没有运行前使用 c             cuntinue 
  • Socket编程的HelloWorld实例 alleni123 socket
    public class Client { public static void main(String[] args) { Client c=new Client(); c.receiveMessage(); } public void receiveMessage(){ Socket s=null; BufferedRea
  • 线程同步和异步 百合不是茶 线程同步异步
    多线程和同步 : 如进程、线程同步，可理解为进程或线程A和B一块配合，A执行到一定程度时要依靠B的某个结果，于是停下来，示意B运行；B依言执行，再将结果给A；A再继续操作。 所谓同步，就是在发出一个功能调用时，在没有得到结果之前，该调用就不返回，同时其它线程也不能调用这个方法   多线程和异步:多线程可以做不同的事情,涉及到线程通知     &
  • JSP中文乱码分析 bijian1013 javajsp中文乱码
            在JSP的开发过程中，经常出现中文乱码的问题。         首先了解一下Java中文问题的由来：         Java的内核和class文件是基于unicode的，这使Java程序具有良好的跨平台性，但也带来了一些中文乱码问题的麻烦。原因主要有两方面，
  • js实现页面跳转重定向的几种方式 bijian1013 JavaScript重定向
            js实现页面跳转重定向有如下几种方式： 一.window.location.href <script language="javascript"type="text/javascript"> window.location.href="http://www.baidu.c
  • 【Struts2三】Struts2 Action转发类型 bit1129 struts2
     在【Struts2一】 Struts Hello World http://bit1129.iteye.com/blog/2109365中配置了一个简单的Action，配置如下   <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configurat
  • 【HBase十一】Java API操作HBase bit1129 hbase
    Admin类的主要方法注释：   1. 创建表 /** * Creates a new table. Synchronous operation. * * @param desc table descriptor for table * @throws IllegalArgumentException if the table name is res
  • nginx gzip ronin47 nginx gzip
    Nginx GZip 压缩 Nginx GZip 模块文档详见：http://wiki.nginx.org/HttpGzipModule 常用配置片段如下： gzip on; gzip_comp_level 2; # 压缩比例，比例越大，压缩时间越长。默认是1 gzip_types text/css text/javascript; # 哪些文件可以被压缩 gzip_disable &q
  • java-7.微软亚院之编程判断俩个链表是否相交 给出俩个单向链表的头指针，比如 h1 ， h2 ，判断这俩个链表是否相交 bylijinnan java
    public class LinkListTest { /** * we deal with two main missions: * * A. * 1.we create two joined-List(both have no loop) * 2.whether list1 and list2 join * 3.print the join
  • Spring源码学习-JdbcTemplate batchUpdate批量操作 bylijinnan javaspring
    Spring JdbcTemplate的batch操作最后还是利用了JDBC提供的方法，Spring只是做了一下改造和封装 JDBC的batch操作： String sql = "INSERT INTO CUSTOMER " + "(CUST_ID, NAME, AGE) VALUES (?, ?, ?)";
  • [JWFD开源工作流]大规模拓扑矩阵存储结构最新进展 comsci 工作流
        生成和创建类已经完成,构造一个100万个元素的矩阵模型,存储空间只有11M大,请大家参考我在博客园上面的文档"构造下一代工作流存储结构的尝试",更加相信的设计和代码将陆续推出.........     竞争对手的能力也很强.......,我相信..你们一定能够先于我们推出大规模拓扑扫描和分析系统的....
  • base64编码和url编码 cuityang base64url
    import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.io.PrintWriter; import java.io.StringWriter; import java.io.UnsupportedEncodingException;
  • web应用集群Session保持 dalan_123 session
    关于使用 memcached 或redis 存储 session ，以及使用 terracotta 服务器共享。建议使用 redis，不仅仅因为它可以将缓存的内容持久化，还因为它支持的单个对象比较大，而且数据类型丰富，不只是缓存 session，还可以做其他用途，一举几得啊。1、使用 filter 方法存储这种方法比较推荐，因为它的服务器使用范围比较多，不仅限于tomcat ，而且实现的原理比较简
  • Yii 框架里数据库操作详解-[增加、查询、更新、删除的方法 'AR模式'] dcj3sjt126com 数据库
        public function getMinLimit () {        $sql = "...";        $result = yii::app()->db->createCo
  • solr StatsComponent（聚合统计） eksliang solr聚合查询solr stats
    StatsComponent 转载请出自出处：http://eksliang.iteye.com/blog/2169134 http://eksliang.iteye.com/ 一、概述        Solr可以利用StatsComponent 实现数据库的聚合统计查询，也就是min、max、avg、count、sum的功能   二、参数
  • 百度一道面试题 greemranqq 位运算百度面试寻找奇数算法bitmap 算法
    那天看朋友提了一个百度面试的题目：怎么找出{1,1,2,3,3,4,4,4,5,5,5,5}  找出出现次数为奇数的数字.   我这里复制的是原话，当然顺序是不一定的，很多拿到题目第一反应就是用map,当然可以解决，但是效率不高。   还有人觉得应该用算法xxx,我是没想到用啥算法好...！   还有觉得应该先排序...   还有觉
  • Spring之在开发中使用SpringJDBC ihuning spring
      在实际开发中使用SpringJDBC有两种方式：   1. 在Dao中添加属性JdbcTemplate并用Spring注入；     JdbcTemplate类被设计成为线程安全的，所以可以在IOC 容器中声明它的单个实例，并将这个实例注入到所有的 DAO 实例中。JdbcTemplate也利用了Java 1.5 的特定(自动装箱，泛型，可变长度
  • JSON API 1.0 核心开发者自述 | 你所不知道的那些技术细节 justjavac json
    2013年5月，Yehuda Katz 完成了JSON API(英文，中文) 技术规范的初稿。事情就发生在 RailsConf 之后，在那次会议上他和 Steve Klabnik 就 JSON 雏形的技术细节相聊甚欢。在沟通单一 Rails 服务器库—— ActiveModel::Serializers 和单一 JavaScript 客户端库——&
  • 网站项目建设流程概述 macroli 工作
    一.概念 网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。 二.需求分析 项目立项 　　我们接到客户的业务咨询，经过双方不断的接洽和了解，并通过基本的可行性讨论够，初步达成制作协议，这时就需要将项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：项目经理，网页设计，程序员，测试员，编辑/文档等必须人员。项目实行项目经理制。 客户的需求说明书 　　第一步是需
  • AngularJs 三目运算 表达式判断 qiaolevip 每天进步一点点学习永无止境众观千象AngularJS
    事件回顾：由于需要修改同一个模板，里面包含2个不同的内容，第一个里面使用的时间差和第二个里面名称不一样，其他过滤器，内容都大同小异。希望杜绝If这样比较傻的来判断if-show or not，继续追究其源码。 var b = "{{", a = "}}"; this.startSymbol = function(a) {
  • Spark算子：统计RDD分区中的元素及数量 superlxw1234 sparkspark算子Spark RDD分区元素
    关键字：Spark算子、Spark RDD分区、Spark RDD分区元素数量     Spark RDD是被分区的，在生成RDD时候，一般可以指定分区的数量，如果不指定分区数量，当RDD从集合创建时候，则默认为该程序所分配到的资源的CPU核数，如果是从HDFS文件创建，默认为文件的Block数。   可以利用RDD的mapPartitionsWithInd
  • Spring 3.2.x将于2016年12月31日停止支持 wiselyman Spring 3
                  Spring 团队公布在2016年12月31日停止对Spring Framework 3.2.x（包含tomcat 6.x）的支持。在此之前spring团队将持续发布3.2.x的维护版本。          请大家及时准备及时升级到Spring
  • fis纯前端解决方案fis-pure zccst JavaScript
    作者：zccst FIS通过插件扩展可以完美的支持模块化的前端开发方案，我们通过FIS的二次封装能力，封装了一个功能完备的纯前端模块化方案pure。 1，fis-pure的安装 $ fis install -g fis-pure $ pure -v 0.1.4 2，下载demo到本地 git clone https://github.com/hefangshi/f
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他