lunhui_zsf
lunhui_zsf

移动web开发之移动端真机测试

chrome的开发者工具可以很好地做好模拟工作，但毕竟模拟和实际还是有差别的。所以，真机测试是一定要做的，如何高效地进行真机测试呢。个人感觉，还是BrowserSync用得比较称手。本文将详细介绍如何应用BrowserSync进行移动端真机测试

特性
　　BrowserSync能让PC、各移动设备上的页面同时实时地响应文件的更改，而不用刷新操作。而且，当在其他一个设备上进行点击等行为时，该行为也会同步到其他浏览器中

移动web开发之移动端真机测试_第1张图片

安装
　　BrowserSync是基于Node.js的，是一个Node模块，所以需要先安装nodejs

【nodejs安装】

　　虽然nodejs官网提供了node的msi文件，但本人在window7系统下多次尝试，均无法安装成功，且会有your system has not been modified…的提示。最终本人使用了另一种方法成功安装了nodejs

　　【1】下载node.exe

　　【2】下载最新版本的npm zip格式压缩包

　　【3】在硬盘某个位置，如D盘下建立一个文件nodejs，把上面两个下载的东西都放在这里，npm要解压

　　【4】配置两个环境变量：一个是PATH上增加node.exe的目录D:\nodejs，一个是增加环境变量NODE_PATH，值为D:\nodejs\node_modules

移动web开发之移动端真机测试_第2张图片


　　【5】安装express：打开cmd命令行(在nodejs目录下，先按住shift按键，再点击右键，出现”在此处打开命令窗口”选项并点击)，使用命令行定位到这Node目录下，键入指令npm install express

　　【6】安装完成后，在命令行里面输入node -v如果输出nodejs的版本则安装成功

设置
　　nodejs安装完成后，需要对BrowserSync进行些简单设置，包括安装与监听

　　【1】BrowserSync安装

　　打开一个终端窗口，运行以下命令：

npm install -g browser-sync

　　【2】BrowserSync监听

　　files 路径是相对于运行该命令的项目（目录）。如果需要监听多个类型的文件，需要用逗号隔开

browser-sync start --server --files "css/*.css, *.html"

注意，这样只是当你的项目是静态项目的时候可以，当你的本地已经部署好了服务器环境并且已经设置好了vhost的指向，例如测试中我使用的wamp集成，本地设置的localhost指向wamp64/www/那么我就需要这么输入BrowserSync监听

browser-sync start  --proxy localhost --files "css/*.css, *.html"

　　【3】在nodejs目录下新建一个index.html的文件，并设置如下代码

复制代码


<html lang="en">
<head>
<meta charset="UTF-8">
<title>Documenttitle>
<style>
div{
    height: 100px;
    width: 100px;
    background-color: lightblue;
}    
style>
head>
<body>
<div>测试文字div>    
body>
html>

复制代码
　　桌面端页面打开如下：

移动端设置
　　若使用移动端则首先先保证移动端设备和桌面端设备处于同一局域网(一般地，都连入一个路由器即可)。而且，移动端无法访问localhost，需要查找电脑的内网ip。通过在命令行中输入ipconfig，查看ip地址为192.168.1.100。所以手机端访问的地址为http://192.168.1.100:3000

　　则移动端显示如下:

　　当把html文件修改为如下代码时

复制代码


<html lang="en">
<head>
<meta charset="UTF-8">
<title>Documenttitle>
<style>
html{
    background-color: pink;
}
style>
head>
<body>
<div>测试文字div>    
body>
html>

复制代码
　　无需刷新，移动端的网页自动变化为如下显示:

　　这样，就可以开始轻松地测试移动端设备了。

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

  • 移动WEB开发（第四天）__响应式布局 加蓓努力我先飞 5.移动web开发资料前端
    移动WEB开发（第四天）__响应式布局移动端WEB开发之响应式布局1.0响应式开发原理1.1响应式开发原理1.2响应式布局容器2.0bootstrap的介绍2.1Bootstrap简介2.2bootstrap优点2.3版本简介2.4bootstrap基本使用2.5bootstrap布局容器2.6bootstrap栅格系统3.0阿里百秀案例制作3.1技术选型移动端WEB开发之响应式布局1.0响应式开
  • 探秘Appium：自动化移动应用测试的新篇章 房耿园Hartley
    探秘Appium：自动化移动应用测试的新篇章项目简介Appium是一个开源的自动化测试框架，它允许开发者对原生（Native）、混合（Hybrid）以及移动Web应用程序进行自动化测试。无论你的应用程序是基于iOS还是Android平台，Appium都能提供一套统一的API，让你以熟悉的编程语言如Java、Python、Ruby等编写测试脚本。技术分析WebDriver接口Appium的核心理念是
  • appium自动化测试完整项目 自动化测试薰儿 软件测试技术分享appium
    前言Appium是一个开源的自动化测试框架，支持跨平台，支持多种编程语言，可用于原生，混合和移动web应用程序，使用webdriver驱动ios，android应用程序、那么为了学习app自动化测试首要任务肯定就是搭建测试开发环境，因此在这里记一次搭建Appium自动化测试环境的完整过程，文章较长，需要花费一定的时间，请耐心阅读，如果文中有什么错误请指正安装JavaJDKJDK环境可以看我之前安装
  • 2024年首发！高级界面控件Kendo UI全新发布2024 Q1 界面开发小八哥 ui界面控件kendouiUI开发
    KendoUI是带有jQuery、Angular、React和Vue库的JavaScriptUI组件的最终集合，无论选择哪种JavaScript框架，都可以快速构建高性能响应式Web应用程序。通过可自定义的UI组件，KendoUI可以创建数据丰富的桌面、平板和移动Web应用程序。通过响应式的布局、强大的数据绑定、跨浏览器兼容性和即时使用的主题，KendoUI将开发时间加快了50%。KendoUI2
  • 移动开发中“单位”的那些事儿 小灯光环 前端开发移动开发pxviewportandroidwebapp
    前言在移动开发中我们常常会考虑度量单位的问题，在传统pc的web开发中用的比较多的是px（css像素），在android开发中一般则用dp、sp、px（物理像素）等，而移动web开发中同样也是用px（css像素）做单位，通常会结合viewport进行缩放。本篇blog就梳理一下在移动开发中用到的各种单位以及他们之间的联系和区别。绝对单位和相对单位如题，首先来看看什么是绝对单位和相对单位：绝对单位：
  • 【元芳-微信小程序系列一】微信小程序开发入门 元芳Q代码 微信小程序微信小程序小程序
    【元芳-微信小程序系列一】微信小程序开发入门本章我们介绍下开发微信小程序需要的准备工作，以及微信小程序发布流程。结尾会简单介绍下三方平台代开发微信小程序和普通小程序开发的区别。1、微信小程序简介1.1、小程序技术发展史小程序并非凭空冒出来的一个概念。当微信中的WebView逐渐成为移动Web的一个重要入口时，微信就有相关的JSAPI了。下面代码使用WeixinJSBridge预览图片WeixinJ
  • 自动化测试工具 三希 自动化测试工具运维
    自动化测试工具有很多种，比如：Appium。Appium是一个移动端自动化测试开源工具，支持iOS和Android平台，支持Python、Java等语言，即同一套Java或Python脚本可以同时运行在iOS和Android平台。Appium是一个开源测试自动化框架，用于原生、混合或移动Web应用程序的自动化测试。Appium的特点：支持多平台，如Android、iOS等。支持多语言，如Pytho
  • 移动web字体图标、平面转换、渐变 L_飘洋过海
    一、字体图标1.iconfont矢量图标的网址（https://www.iconfont.cn/）2.网页字体图标是需要用"link"引入iconfont.css文件才能生效3.1使用字体图标的步骤（unicode写法）：先引入字体图标文件引入字体图标.png通过i标签(大部分情况下都是i标签承接字体图标)把unicode编码复制过来unicode编码.png声明字体图标库声明图标库.png3.2
  • 移动Web——Bootstrap 越努力越幸运` HTML5+css3前端bootstraphtml
    1、Bootstrap-简介Bootstrap是由Twitter公司开发维护的前端UI框架，它提供了大量编写好的CSS样式，允许开发者结合一定HTML结构及JavaScript，快速编写功能完善的网页及常见交互效果体验Bootstrap11112、Bootstrap-下载中文官网：Bootstrap中文网(bootcss.com)使用步骤：1.下载：BootstrapV5中文文档--->进入中文文
  • 移动Web——响应式网页 越努力越幸运` HTML5+css3前端
    响应式网页是指能够根据用户设备的屏幕大小、分辨率和浏览器窗口大小等因素自动调整布局和显示效果的网页设计方式。通过使用响应式设计技术，网页可以在不同的设备上提供一致的用户体验，无论是在桌面电脑、平板电脑还是手机等移动设备上访问网页都能够适应不同的屏幕尺寸。响应式网页设计通常使用流体网格布局、弹性图片和媒体查询等技术来实现。流体网格布局让网页元素相对于视口宽度进行相对调整，使得网页可以自动适应不同的屏
  • 2024年 复习 HTML5+CSS3+移动web 笔记 之CSS遍 PieroPc 前端csshtml5
    目录1.0CSS第一天基础选择器、文字控制属性1.1引入方式1.2选择器1.3画盒子1.4文字控制1.5综合案例一新闻详情2.0CSS第二天2.1复合选择器2.2伪类选择器2.3CSS特性2.4Emmet写法2.5背景属性2.6显示模式2.6综合案例一热词（设计稿？）2.7综合案例一banner效果（设计稿？）3.0CSS第三天选择器、PxCook软件、盒子模型3.1结构伪类选择器3.2伪元素选择
  • 2024年 复习 HTML5+CSS3+移动web 笔记 之CSS遍 第6天 PieroPc 前端csshtml5
    6.1定位-相对和绝对和固定6.2相对和绝对和固定6.3堆叠顺序z-index6.4定位总结6.5CSS精灵基本使用6.6案例CSS精灵京东服务6.7字体图标-下载和使用6.8字体图标-上传6.9垂直对齐方式vertical-align6.10过渡属性6.11修饰属性-透明度与光标类型6.12综合案例-淘宝轮播图html代码：淘宝轮播图index.css代码：*{margin:0;padding:
  • Web前端-移动web开发_rem布局 北方的南& Web笔记前端
    文章目录移动web开发之rem布局1.0rem基础1.1rem单位(重点)1.2em单位(了解)1.3媒体查询什么是媒体查询媒体查询语法规范1.4less基础维护css弊端Less介绍Less安装Less使用之变量使用node编译less的指令Less编译vocodeLess插件Less嵌套Less运算Less中的Mixin混入Less中的导入2.0rem适配方案2.1rem实际开发适配方案12.
  • HTML5+CSS3+移动web——HTML 基础 星空椰 HTML+CSShtmlhtml5css3
    目录一、标签语法HTML的基本框架1.标题标签2.段落标签3.换行和水平线4.文本格式化标签5.图像标签6.路径相对路径绝对路径7.超链接标签8.音频9.视频10.注释二、标签结构一、标签语法HTML超文本标记语言——HyperTextMarkupLanguage。HTML的基本框架html：整个网页head：网页头部，用来存放给浏览器看的信息，例如CSStitle：网页标题body：网页主体，用
  • 跟着pink老师前端入门教程-day20 axiu呀 移动端HTML5+CSS3前端开发语言html5css3vscodecss
    二、移动WEB开发之flex布局1、flex布局体验1.1传统布局与flex布局传统布局：兼容性好、布局繁琐、局限性、不能再移动端很好的布局flex弹性布局：操作方便，布局极为简单，移动端应用很广泛；PC端浏览器支持情况较差；IE11或更低版本，不支持或仅部分支持建议：1.如果是PC端页面布局，我们还是传统布局。2.如果是移动端或者不考虑兼容性问题的PC端页面布局，我们还是使用flex弹性布局1.
  • 跟着pink老师前端入门教程-day19 axiu呀 HTML5+CSS3移动端前端开发语言html5css3vscode
    一、移动WEB开发之流式布局1、移动端基础1.1浏览器现状PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。移动端常见浏览器：UC浏览器，QQ浏览器，欧朋浏览器，百度手机浏览器，360安全浏览器，谷歌浏览器，搜狗手机浏览器，猎豹浏览器，以及其他杂牌浏览器。总结：兼容移动端主流浏览器，处理Webkit内核浏览器即可。1.2常见移动屏幕尺寸注：以上
  • 移动Web——移动适配 越努力越幸运` HTML5+css3css前端
    移动适配当屏幕宽度变化了，网页元素的宽高都要等比例变化，而且像间距、像素、字体等都是等比例变化的移动适配方案remvw1、谷歌模拟器2、屏幕分辨率屏幕分辨率：纵横向上的像素点数，单位是pxpc分辨率：1920*10801366*768…缩放150%1920/150%1080/150%总结硬件分辨率——物理分辨率（出厂设置）缩放调节的分辨率--->逻辑分辨率（软件/驱动设置）3、视口手机屏幕尺寸不同
  • 移动Web——rem适配方案 越努力越幸运` HTML5+css3前端
    1、rem适配方案体验remdiv{width:5rem;height:3rem;background-color:pink;}1.1rem基本使用rem单位，是相对单位rem单位是相对于HTML标签的字号计算结果1rem=1HTML字号大小rem基本使用*{margin:0;padding:0;}/*1.给HTML标签加字号*/html{font-size:30px;}/*2.使用rem单位书写
  • 移动Web——vw 越努力越幸运` HTML5+css3前端
    vw移动适配效果：当手机屏幕的尺寸发生变化的时候，网页元素的宽高都要等比例变化相对单位相对视口的尺寸计算结果vw：viewportwidth1vw=1/100视口宽度vh：viewportheight1vh=1/100视口高度体验vw和vh*{margin:0;padding:0;}/*vw和vh是相对视口宽高计算结果，可以直接实现移动端适配效果*//*.box{width:50vw;height
  • 移动Web——less 越努力越幸运` HTML5+css3前端lesscss
    1、less-简介less是一个CSS预处理器，Less文件后缀是.less。扩充了CSS语言，使CSS具备一定的逻辑性、计算能力注意：浏览器不识别Less代码，目前阶段，网页要引入对应的CSS文件VScode插件：EasyLESS，保存less文件后自动生产对应的CSS文件2、less体验less文件.father{color:red;width:(68/37.5rem);.son{height
  • 前端学习笔记 | CSS动画+移动web 简·AI 前端前端htmlcss笔记学习
    一、平面转换为元素添加动态效果，一般与过渡配合使用。1、设置transition给元素本身，表示过渡变换方式和时间2、在元素hover设置transform（动态效果）transform:【移动】translate(x方向，y方向)、translateX（x、translateY(y)位移【旋转】rotate(数字+deg）【缩放】scele(数字)大于1放大，小于1缩小【倾斜】skew（数字+d
  • 2024年 复习 HTML5+CSS3+移动web 笔记 之CSS遍 第5天 PieroPc 前端csshtml5
    第五天整个网站例5.1准备工作项目目录与版心base.css5.2网页制作思路5.3header区域-整体布局5.4header区域-logo5.5header区域-导航index.html学成在线学成在线首页课程职业search用户base.css/*基础公共样式：清除默认样式+设置通用样式*/*{margin:0;padding:0;box-sizing:border-box;}li{list
  • 移动web第一天-字体图标/位移/渐变 前端wenyq
    1、字体图标下载字体图标(https://www.iconfont.cn/)1.1步骤：百度搜索iconfont搜索字体图标并添加购物车点击右上角购物车并添加至项目（如果没有项目就新建项目）下载至本地，解压文件并放在需要使用的文件夹得根目录1.2unicode编码使用步骤：引入iconfont文件夹中的iconfont.css文件通过i标签(大部分情况下都是i标签承接字体图标)把unicode编码
  • 移动Web——渐变 越努力越幸运` HTML5+css3css前端
    渐变是多个颜色逐渐变化的效果，一般用于设置盒子背景分类线性渐变径向渐变1、线性渐变属性取值渐变方向：可选to方位名词角度度数终点位置：可选百分比Documentdiv{width:200px;height:200px;background-color:green;background-image:linear-gradient(red,green);background-image:linear-
  • 移动Web——平面转换-多重转换 越努力越幸运` HTML5+css3css前端
    1、平面转换-多重转换多重转换技巧：先平移再旋转多重转换.box{width:800px;height:200px;border:1pxsolid#000;}img{width:200px;transition:all5s;}/*鼠标移入box，图片边走边转*/.box:hoverimg{/*先平移再旋转*/transform:translate(600px)rotate(360deg);/*旋转
  • 移动web第三天 flex布局 怪怪乌
    一、移动端特点（1）PC端网页与移动端的不同PC端：屏幕大，网页有固定版心；移动端：屏幕小，网页宽度多数为100%。（2）分辨率◆屏幕尺寸：☞屏幕对角线的长度，一般用英寸度量◆分辨率分类：1、物理分辨率是生产屏幕时就固定的，它是不可被改变的2、逻辑分辨率是由软件（驱动）决定的。（3）视口使用meta标签设置视口宽度，制作适配不同设备宽度的网页视口.png（4）二倍图二倍.png二、百分比布局（流式
  • 移动web网页开发——2D转换 一条咸鱼o*v*o html
    一、平面转换1.1平面转换概念平面转换改变盒子在平面内的形态（位移、旋转、缩放）2D转换平面转换属性transform1.2位移语法transform:translate(水平移动距离，垂直移动距离);取值（正负均可）像素单位数值百分比（参照物为盒子自身尺寸）注意：x轴正向为右，Y轴正向为下技巧translate()如果只给出一个值，表示x轴方向移动距离单独设置某个方向的移动距离：translat
  • Web进化——移动Web WEB废啦 csshtml5css3
    1.平面转换transform作用：为元素添加动态效果，一般与过渡配合使用概念：改变盒子在平面内的形态（位移、旋转、缩放、倾斜）平面转换又叫2D转换1.1平面转换-平移属性：transform:translate(X轴移动距离，Y轴移动距离);取值：像素单位数值百分比（参照盒子自身尺寸计算结果）正负均可技巧：translate()只写一个值，表示沿着X轴移动单独设置X或Y轴移动距离:transla
  • 移动Web——平面转换-平移 越努力越幸运` HTML5+css3css前端
    1、平面转换-平移取值像素单位数值百分比（参照盒子自身尺寸计算结果）正负均可技巧translate()只写一个值，表示沿着X轴移动单独设置X或Y轴移动距离：translateX()或translateY()Document.father{width:500px;height:300px;margin:100pxauto;border:1pxsolid#000;}.son{width:200px;h
  • 移动Web——平面转换-旋转 越努力越幸运` HTML5+css3前端css
    1、平面转换-旋转Documentimg{width:200px;transition:all2s;}/*鼠标悬停到图片上面，添加旋转效果*/img:hover{/*正数：顺时针旋转；负数：逆时针旋转*/transform:rotate(360deg);transform:rotate(-360deg);}2、平面旋转-改变转换原点默认情况下，转换原点是盒子中心点取值方位名词（left、top、r
  • tomcat基础与部署发布 暗黑小菠萝 Tomcat java web
    从51cto搬家了，以后会更新在这里方便自己查看。 做项目一直用tomcat，都是配置到eclipse中使用，这几天有时间整理一下使用心得，有一些自己配置遇到的细节问题。 Tomcat：一个Servlets和JSP页面的容器，以提供网站服务。 一、Tomcat安装     安装方式：①运行.exe安装包      &n
  • 网站架构发展的过程 ayaoxinchao 数据库应用服务器网站架构
    1.初始阶段网站架构：应用程序、数据库、文件等资源在同一个服务器上 2.应用服务和数据服务分离：应用服务器、数据库服务器、文件服务器 3.使用缓存改善网站性能：为应用服务器提供本地缓存，但受限于应用服务器的内存容量，可以使用专门的缓存服务器，提供分布式缓存服务器架构 4.使用应用服务器集群改善网站的并发处理能力：使用负载均衡调度服务器，将来自客户端浏览器的访问请求分发到应用服务器集群中的任何
  • [信息与安全]数据库的备份问题 comsci 数据库
          如果你们建设的信息系统是采用中心-分支的模式,那么这里有一个问题   如果你的数据来自中心数据库,那么中心数据库如果出现故障,你的分支机构的数据如何保证安全呢?    是否应该在这种信息系统结构的基础上进行改造,容许分支机构的信息系统也备份一个中心数据库的文件呢?  &n
  • 使用maven tomcat plugin插件debug关联源代码 商人shang mavendebug查看源码tomcat-plugin
    *首先需要配置好'''maven-tomcat7-plugin'''，参见[[Maven开发Web项目]]的'''Tomcat'''部分。 *配置好后，在[[Eclipse]]中打开'''Debug Configurations'''界面，在'''Maven Build'''项下新建当前工程的调试。在'''Main'''选项卡中点击'''Browse Workspace...'''选择需要开发的
  • 大访问量高并发 oloz 大访问量高并发
    大访问量高并发的网站主要压力还是在于数据库的操作上，尽量避免频繁的请求数据库。下面简 要列出几点解决方案： 01、优化你的代码和查询语句，合理使用索引 02、使用缓存技术例如memcache、ecache将不经常变化的数据放入缓存之中 03、采用服务器集群、负载均衡分担大访问量高并发压力 04、数据读写分离 05、合理选用框架，合理架构(推荐分布式架构)。
  • cache 服务器 小猪猪08 cache
    Cache   即高速缓存.那么cache是怎么样提高系统性能与运行速度呢？是不是在任何情况下用cache都能提高性能？是不是cache用的越多就越好呢？我在近期开发的项目中有所体会，写下来当作总结也希望能跟大家一起探讨探讨，有错误的地方希望大家批评指正。 　　1.Cache   是怎么样工作的? 　　Cache   是分配在服务器上
  • mysql存储过程 香水浓 mysql
    Description:插入大量测试数据 use xmpl; drop procedure if exists mockup_test_data_sp; create procedure mockup_test_data_sp( in number_of_records int ) begin declare cnt int; declare name varch
  • CSS的class、id、css文件名的常用命名规则 agevs JavaScriptUI框架Ajaxcss
      CSS的class、id、css文件名的常用命名规则     (一)常用的CSS命名规则 　　头：header 　　内容：content/container 　　尾：footer 　　导航：nav 　　侧栏：sidebar 　　栏目：column 　　页面外围控制整体布局宽度：wrapper 　　左右中：left right
  • 全局数据源 AILIKES javatomcatmysqljdbcJNDI
    实验目的：为了研究两个项目同时访问一个全局数据源的时候是创建了一个数据源对象，还是创建了两个数据源对象。 1：将diuid和mysql驱动包（druid-1.0.2.jar和mysql-connector-java-5.1.15.jar）copy至%TOMCAT_HOME%/lib下；2：配置数据源，将JNDI在%TOMCAT_HOME%/conf/context.xml中配置好,格式如下：&l
  • MYSQL的随机查询的实现方法 baalwolf mysql
    MYSQL的随机抽取实现方法。举个例子，要从tablename表中随机提取一条记录，大家一般的写法就是：SELECT * FROM tablename ORDER BY RAND() LIMIT 1。但是，后来我查了一下MYSQL的官方手册，里面针对RAND()的提示大概意思就是，在ORDER BY从句里面不能使用RAND()函数，因为这样会导致数据列被多次扫描。但是在MYSQL 3.23版本中，
  • JAVA的getBytes()方法 bijian1013 javaeclipseunixOS
        在Java中，String的getBytes()方法是得到一个操作系统默认的编码格式的字节数组。这个表示在不同OS下，返回的东西不一样！      String.getBytes(String decode)方法会根据指定的decode编码返回某字符串在该编码下的byte数组表示，如： byte[] b_gbk = "
  • AngularJS中操作Cookies bijian1013 JavaScriptAngularJSCookies
            如果你的应用足够大、足够复杂，那么你很快就会遇到这样一咱种情况：你需要在客户端存储一些状态信息，这些状态信息是跨session(会话)的。你可能还记得利用document.cookie接口直接操作纯文本cookie的痛苦经历。         幸运的是，这种方式已经一去不复返了，在所有现代浏览器中几乎
  • [Maven学习笔记五]Maven聚合和继承特性 bit1129 maven
    Maven聚合   在实际的项目中，一个项目通常会划分为多个模块，为了说明问题，以用户登陆这个小web应用为例。通常一个web应用分为三个模块： 1. 模型和数据持久化层user-core, 2. 业务逻辑层user-service以 3. web展现层user-web， user-service依赖于user-core user-web依赖于user-core和use
  • 【JVM七】JVM知识点总结 bit1129 jvm
      1. JVM运行模式 1.1 JVM运行时分为-server和-client两种模式，在32位机器上只有client模式的JVM。通常，64位的JVM默认都是使用server模式，因为server模式的JVM虽然启动慢点，但是，在运行过程，JVM会尽可能的进行优化 1.2 JVM分为三种字节码解释执行方式：mixed mode, interpret mode以及compiler
  • linux下查看nginx、apache、mysql、php的编译参数 ronin47
    在linux平台下的应用，最流行的莫过于nginx、apache、mysql、php几个。而这几个常用的应用，在手工编译完以后，在其他一些情况下（如：新增模块），往往想要查看当初都使用了那些参数进行的编译。这时候就可以利用以下方法查看。 1、nginx [root@361way ~]# /App/nginx/sbin/nginx -V nginx: nginx version: nginx/
  • unity中运用Resources.Load的方法？ brotherlamp unity视频unity资料unity自学unityunity教程
    问：unity中运用Resources.Load的方法？ 答：Resources.Load是unity本地动态加载资本所用的方法,也即是你想动态加载的时分才用到它,比方枪弹,特效,某些实时替换的图像什么的,主张此文件夹不要放太多东西,在打包的时分,它会独自把里边的一切东西都会集打包到一同,不论里边有没有你用的东西,所以大多数资本应该是自个建文件放置 1、unity实时替换的物体即是依据环境条件
  • 线段树-入门 bylijinnan java算法线段树
    /** * 线段树入门 * 问题：已知线段[2,5] [4,6] [0,7]；求点2,4,7分别出现了多少次 * 以下代码建立的线段树用链表来保存，且树的叶子结点类似[i,i] * * 参考链接：http://hi.baidu.com/semluhiigubbqvq/item/be736a33a8864789f4e4ad18 * @author lijinna
  • 全选与反选 chicony 全选
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>全选与反选</title>
  • vim一些简单记录 chenchao051 vim
    mac在/usr/share/vim/vimrc linux在/etc/vimrc   1、问：后退键不能删除数据，不能往后退怎么办？       答：在vimrc中加入set backspace=2   2、问：如何控制tab键的缩进？       答：在vimrc中加入set tabstop=4 (任何
  • Sublime Text 快捷键 daizj 快捷键sublime
    [size=large][/size]Sublime Text快捷键：Ctrl+Shift+P：打开命令面板Ctrl+P：搜索项目中的文件Ctrl+G：跳转到第几行Ctrl+W：关闭当前打开文件Ctrl+Shift+W：关闭所有打开文件Ctrl+Shift+V：粘贴并格式化Ctrl+D：选择单词，重复可增加选择下一个相同的单词Ctrl+L：选择行，重复可依次增加选择下一行Ctrl+Shift+L：
  • php 引用(&)详解 dcj3sjt126com PHP
    在PHP 中引用的意思是：不同的名字访问同一个变量内容. 与Ｃ语言中的指针是有差别的．Ｃ语言中的指针里面存储的是变量的内容在内存中存放的地址 变量的引用 PHP 的引用允许你用两个变量来指向同一个内容  复制代码代码如下: <?  $a="ABC";  $b =&$a;  echo
  • SVN中trunk,branches,tags用法详解 dcj3sjt126com SVN
    Subversion有一个很标准的目录结构，是这样的。比如项目是proj，svn地址为svn://proj/，那么标准的svn布局是svn://proj/|+-trunk+-branches+-tags这是一个标准的布局，trunk为主开发目录，branches为分支开发目录，tags为tag存档目录（不允许修改）。但是具体这几个目录应该如何使用，svn并没有明确的规范，更多的还是用户自己的习惯。
  • 对软件设计的思考 e200702084 设计模式数据结构算法ssh活动
    软件设计的宏观与微观    软件开发是一种高智商的开发活动。一个优秀的软件设计人员不仅要从宏观上把握软件之间的开发，也要从微观上把握软件之间的开发。宏观上，可以应用面向对象设计，采用流行的SSH架构，采用web层，业务逻辑层，持久层分层架构。采用设计模式提供系统的健壮性和可维护性。微观上，对于一个类，甚至方法的调用，从计算机的角度模拟程序的运行情况。了解内存分配，参数传
  • 同步、异步、阻塞、非阻塞 geeksun 非阻塞
    同步、异步、阻塞、非阻塞这几个概念有时有点混淆，在此文试图解释一下。   同步：发出方法调用后，当没有返回结果，当前线程会一直在等待（阻塞）状态。 场景：打电话，营业厅窗口办业务、B/S架构的http请求-响应模式。   异步：方法调用后不立即返回结果，调用结果通过状态、通知或回调通知方法调用者或接收者。异步方法调用后，当前线程不会阻塞，会继续执行其他任务。 实现：
  • Reverse SSH Tunnel 反向打洞實錄 hongtoushizi ssh
    實際的操作步驟： # 首先，在客戶那理的機器下指令連回我們自己的 Server，並設定自己 Server 上的 12345 port 會對應到幾器上的 SSH port ssh -NfR 12345:localhost:22 [email protected] # 然後在 myhost 的機器上連自己的 12345 port，就可以連回在客戶那的機器 ssh localhost -p 1
  • Hibernate中的缓存 Josh_Persistence 一级缓存Hiberante缓存查询缓存二级缓存
    Hibernate中的缓存   一、Hiberante中常见的三大缓存：一级缓存，二级缓存和查询缓存。 Hibernate中提供了两级Cache，第一级别的缓存是Session级别的缓存，它是属于事务范围的缓存。这一级别的缓存是由hibernate管理的，一般情况下无需进行干预；第二级别的缓存是SessionFactory级别的缓存，它是属于进程范围或群集范围的缓存。这一级别的缓存
  • 对象关系行为模式之延迟加载 home198979 PHP架构延迟加载
    形象化设计模式实战     HELLO!架构   一、概念 Lazy Load：一个对象，它虽然不包含所需要的所有数据，但是知道怎么获取这些数据。 延迟加载貌似很简单，就是在数据需要时再从数据库获取，减少数据库的消耗。但这其中还是有不少技巧的。     二、实现延迟加载 实现Lazy Load主要有四种方法：延迟初始化、虚
  • xml 验证 pengfeicao521 xmlxml解析
    有些字符，xml不能识别，用jdom或者dom4j解析的时候就报错 public static void testPattern() { // 含有非法字符的串 String str =       "Jamey&#52828;&#01;&#02;&#209;&#1282
  • div设置半透明效果 spjich css半透明
    为div设置如下样式：   div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}        说明： 1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认2、-moz-opaci
  • 你真的了解单例模式么？ w574240966 java单例设计模式jvm
        单例模式，很多初学者认为单例模式很简单，并且认为自己已经掌握了这种设计模式。但事实上，你真的了解单例模式了么。   一，单例模式的5中写法。（回字的四种写法，哈哈。）     1，懒汉式           （1）线程不安全的懒汉式 public cla
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他