qq_16559905
qq_16559905

调整合适的画布尺寸

1、处理尺寸调整

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
        <title>处理尺寸调整</title>
    </head>
    <style> body{margin: 0 auto;overflow-x: hidden;} #container{margin:0 auto;width:480px;height: 100%;} canvas{background-color:#04be02} </style>
    <script src="../build/jquery.min.js"></script>
    <script src="vconsole.min.js"></script>

    <body>
        <div id="container">
            <canvas id="game" width="480" height="480"></canvas>
        </div>
    </body>
    <script> //等待document.ready回调 $(function(){ window.scrollTo(0,1);//去除地址栏 var maxWidth = 480; var maxHeight = 440; var initalWidth = $("#game").attr("width"); var initalHeight = $("#game").attr("height"); var handleResize = function(){ //获得窗口宽度和高度 var w = window.innerWidth,h = window.innerHeight,newDim; console.log(w +"---" + h + "---" + newDim +"---" + initalWidth + "---" + initalHeight + "---" + (w <= maxWidth)); if(w <= maxWidth){ newDim = { width:Math.min(w,maxWidth), height:Math.min(h,maxHeight) }; $("#game").css({"position":"absolute",left:0,top:0,"z-index":10000}); $("#container").css("width","auto"); }else{ // newDim = { width:initalWidth, height:initalHeight }; $("#game").css("position","relative"); $("#container").css("width",maxWidth); } $("#game").attr(newDim);//让游戏知道页面大小 }; $(window).bind("resize",handleResize) handleResize(); //阻止防止滚动、缩放。 $(document).on("touchmove",function(event){ event.preventDefault(); }); }); </script>

</html>


2、去除地址栏

可以使用另一个技巧来获取更多一点的页面实际使用面积，那就是去除IOS设备上的地址栏，可以使用页面加载完之后稍稍滚动页面的招术来实现。

利用：

window.scrollTo(0,1)//去除地址栏

PS：只有在页面内容长于一整页时，这一招才奏效；那么，就出现问题了，地址栏的移除还会影响所获取的页面的 innerHeight。你希望画布的大小调整成占据整个页面，解决这一问题，可以简单的把容器元素的高度设置成一个比没有没有地址栏情况下的最终高度还要大得已知值，然后滚动窗口，来重新计算 innerHeight。

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
        <title>处理尺寸调整</title>
    </head>
    <style> body{margin: 0 auto;overflow-x: hidden;} #container{margin:0 auto;width:480px;height: 100%;} canvas{background-color:#04be02;} </style>
    <script src="../build/jquery.min.js"></script>
    <script src="vconsole.min.js"></script>

    <body>
        <div id="container">
            <canvas id="game" width="480" height="480"></canvas>
        </div>
    </body>
    <script> //去除地址栏，等待document.ready回调 $(function(){ var maxWidth = 480; var maxHeight = 480; var initalWidth = $("#game").attr("width"); var initalHeight = $("#game").attr("height"); var touchDevice = !!('ontouchstart' in document); var handleResize = function(){ //获得窗口宽度和高度 var w = window.innerWidth,h = window.innerHeight,newDim; console.log("w:"+w +"---h:" + h +"---initalWidth:" + initalWidth + "---initalHeight:" + initalHeight + "---" + (w <= maxWidth)); //确保内容比页面大 if(w <= maxWidth && touchDevice){ $("#container").css({height : h * 2}); } window.scrollTo(0,1)//去除地址栏 //得到的高度了，scrollto可能已经改变了innerheight h = window.innerHeight; if(w <= maxWidth){ newDim = { width:Math.min(w,maxWidth), height:Math.min(h,maxHeight) }; $("#game").css({"position":"absolute",left:0,top:0}); $("#container").css("width","auto"); }else{ // newDim = { width:initalWidth, height:initalHeight }; $("#game").css("position","relative"); $("#container").css("width",maxWidth); } $("#game").attr(newDim);//让游戏知道页面大小 }; var resizeEvent = touchDevice ? 'orientationchange' : 'resize';//用来判断是 $(window).on(resizeEvent,handleResize) //阻止防止滚动、缩放。 $(document).on("touchmove",function(event){ event.preventDefault(); }); handleResize(); }); </script>

</html>

你可能感兴趣的:(canvas)

  • 粒子代码模块 倾听醉梦语 表白html
    粒子特效body{margin:0;overflow:hidden;background:#000;}canvas{position:absolute;top:0;left:0;width:100%;height:100%;}import*asTHREEfrom"https://cdn.skypack.dev/[email protected]";import{OrbitControls}from"htt
  • < HarmonyOS TechTalk 37 > HarmonyOS应用图形绘制能力及解决方案介绍 harmonyos
    课程简介本课程是【HarmonyOSTechTalk】的第37课。课程主要介绍HarmonyOS应用图形绘制相关能力和解决方案，包括Canvas组件绘制、自定义绘制、绘制帧率调整以及绘制效果设置等，帮助开发者实现应用中图形绘制的场景和解决相关问题。标签高级课程HarmonyOS图形绘制能力自定义绘制绘制帧率调整2D图形绘制框架介绍ArkUI绘制组件可变帧率控制Native观看课程点击链接，立马观看
  • Canvas截取视频图像 DTcode7 HTML网站开发#canvas绘图HTML绘图canvasJavaScriptcanvas绘图
    Canvas截取视频图像基本概念和作用说明Canvas和Video的结合点示例一：基本的视频截取功能示例二：使用getUserMediaAPI捕获摄像头视频流示例三：从视频帧中读取像素数据示例四：应用滤镜效果示例五：保存视频帧为图片实际工作中的使用技巧进一步阅读Canvas是一个非常强大的HTML5技术，它允许我们在网页上绘制图形和处理图像数据。结合元素，我们可以利用Canvas来截取视频帧并进行
  • vue videojs使用canvas截取视频画面 叫我OldFe vue.js音视频前端js
    前言刚开始做的时候太多坑，导致一直报错：Uncaught(inpromise)TypeError:Failedtoexecute‘drawImage’on‘CanvasRenderingContext2D’:Theprovidedvalueisnotoftype‘(CSSImageValueorHTMLCanvasElementorHTMLImageElementorHTMLVideoElemen
  • 024：vue+threeJS 创建多面几何体（PolyhedronGeometry） 还是大剑师兰特 #ThreeJS代码示例200+大剑师threejs教程threejs示例threejs基础
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第024个示例文章目录一、示例效果图二、示例简介三、配置说明四、示例源代码（共98行）五、相关文章参考一、
  • 我用trae写了个贪吃蛇 东方佑 量子变法javascript前端android
    代码贪吃蛇游戏按空格开始游戏操作说明：方向键控制移动空格开始/重新开始得分：0游戏结束！按空格重新开始//游戏初始化配置letisPlaying=false;constcanvas=document.getElementById('gameCanvas');constctx=canvas.getContext('2d');constGRID_SIZE=20;letsnake=[{x:10,y:10
  • 初识 Flutter 的绘图组件 — CustomPaint 岛上码农 Flutter绘图Flutter入门与实战flutterandroid前端ios跨平台开发
    简介在有些场景中，我们会需要绘制一些高度定制化的组件，比如UI设计师给我们出了个难题——弄一个奇形怪状的边框。看在UI设计师是一个漂亮小姐姐的份上，又不好意思说这个做不了（那样也很没面子）。这个时候我们就不能直接使用Flutter自带的那些组件了，而是需要手动绘制组件，那就会需要用到CuntomPaint组件。CustomPaint组件和前端的Canvas差不多，允许我们在一个画布上绘制各种元素，
  • Unity学习笔记之——ugui的性能优化 Summer_3416 unity学习笔记
    在Unity中UI优化的核心问题就是重绘和批处理之间的平衡一、Canvas优化要点1.优化原因：（1）Unity为了性能优化，会合并Canvas下的所有元素；（2）如果把所有面板放到一个Canvas下，会造成重绘Redraw（反复绘制）；下面列出了Unity中导致Canvas变脏的地方：·设置顶点脏——SetVerticesDirty，如RectTransform、Image中各种参数修改等；·设
  • 自学微信小程序的第七天 breaking_lxt 微信小程序小程序
    DAY71、canvas组件用于自定义绘制图形，该组件支撑2D和WebGl的绘图。表38：canvas组件的常用属性属性类型说明typestring指定canvas组件的类型，支持2D和WebDLcanvas-idstringCanvas组件的唯一标识符，若指定了type属性则无需再指定该属性disable-scrollboolean当在canvas组件中移动时且有绑定手势事件时，禁止屏幕滚动及下
  • 微信小程序自定义圆形进度条实现指南 金融先生-Frank
    本文还有配套的精品资源，点击获取简介：该指南详细讲解了如何在微信小程序中利用canvas组件创建圆形进度条，涵盖了微信小程序基础、Canvas绘图技术、进度条实现、动态角度计算、动画效果实现、事件监听与交互、样式定制以及项目结构和调试发布等关键知识点。开发者通过本指南可以全面掌握微信小程序中自定义图形的实现方法，并深入理解相关技术细节。1.微信小程序框架和API基础在微信小程序的世界里，一个开发者
  • HarmonyNext应用开发实战：ArkTS实现高性能动画引擎 前端
    本文面向具备HarmonyOS基础知识的开发者，通过实现一个复杂动画引擎案例，深入解析HarmonyNext中ArkTS的高级特性与性能优化策略。第一章：案例背景与核心技术解析本案例将构建一个可交互的粒子动画系统，包含以下技术栈：ArkUI声明式语法：通过组合式组件构建界面动画引擎架构：基于Canvas的底层渲染控制性能优化：Worker线程与渲染主线程协同数学计算：向量运算与三角函数应用技术选型
  • 微信小程序 底部导航栏实现凸出内凹效果 hujie9371 微信小程序
    话不多说，首先上效果展示:在微信小程序开发中，开发者往往需要根据自定义的需求实现底部导航栏，而这种凸出与内凹的效果往往使人头疼。主要难点是背景色、圆切角的过渡、透明、阴影遮挡等问题。一般的解决方案是使用图片或者svg显示凹凸，或者利用css阴影效果遮挡切角。但在【SkylineUI组件库】小程序中的底部导航栏，我则是直接使用canvas绘制，并且使用skyline渲染框架，不仅解决了以上问题，并且
  • Canvas绘制简易雨滴碰撞效果 DTcode7 HTML网站开发#canvas绘图HTML绘图canvasJavaScriptcanvas绘图
    Canvas绘制简易雨滴碰撞效果基本概念与作用说明示例一：基本的雨滴生成与移动HTML结构JavaScript逻辑示例二：添加碰撞检测更新JavaScript示例三：动态改变雨滴的速度和大小更新JavaScript示例四：添加用户交互更新JavaScript示例五：模拟风的影响更新JavaScript实际工作中的技巧在Web开发中，HTML5Canvas提供了一个强大且灵活的绘图环境，可以用来创建
  • Canvas高级动画：文字瀑布流 DTcode7 HTML网站开发#canvas绘图HTML绘图canvasJavaScriptcanvas绘图
    Canvas高级动画：文字瀑布流1.基本概念与作用1.1文字瀑布流简介1.2Canvas在动画中的作用2.示例一：基本的文字瀑布流实现代码解释3.示例二：增强版文字瀑布流新增功能4.示例三：互动版文字瀑布流新增功能5.示例四：使用WebWorkers进行优化工作线程文件`worker.js`新增功能6.不同角度的功能使用思路6.1自定义字符集6.2透明度变化6.3响应式设计7.实际工作中的技巧7.
  • ThreeJS入门（036）：THREE.RawShaderMaterial 知识详解，示例代码 还是大剑师兰特 #ThreeJS中文API全解大剑师threejs教程threejs示例
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第036篇入门文章文章目录构造函数常用属性示例使用统一变量使用宏定义使用扩展使
  • WPF7-布局元素 Zy100Papa wpf.netxamlc#
    目录1.WPF布局原则--不应设置具体大小2.WPF中布局容器2.1.Grid控件（网格布局）2.2.StackPanel控件（栈式布局）2.3.WrapPanel控件（环绕布局）2.4.DockPanel控件（停靠布局）2.5.Canvas面板控件（绝对定位布局）2.6.UniformGrid控件2.7.GridSplitter网格分割器2.8.TabPanel：选项卡面板1.WPF布局原则–不
  • 第76节 绘制文字（fillText 和 stroke) 川石课堂软件测试 harmonyos鸿蒙鸿蒙系统华为华为云
    在HarmonyOS中，使用TS（TypeScript）语法进行画布（Canvas）开发时，fillText和strokeText是两个常用的方法，分别用于填充文本和绘制文本边框。以下是这两个方法的详细用法：fillText方法fillText方法用于在画布上绘制填充文本。语法：fillText(text:string,x:number,y:number,maxWidth?:number):voi
  • Web网页开发——水果忍者 大道归简 AI模型探索前端javascripthtml
    1.介绍复刻经典小游戏——水果忍者2.预览3.代码FruitNinjaWebDemobody{margin:0;padding:0;overflow:hidden;background-color:#333;font-family:Arial,sans-serif;touch-action:none;}#gameCanvas{background-color:#87CEEB;display:blo
  • html5代码_HTML5篇（一） weixin_39713317 html5代码html5标签属性大全
    html5是html最新的修订版本，2014年10月由万维网联盟(W3C)完成标准制定。其设计目的是为了在移动设备上支持多媒体，当前大部分现代浏览器已经具备了某些HTML5支持。如上图，html5的新增的api，如在翻页时的动画效果、右上角的音频播放等，便利开发的同时也提升了用户体验。html5新特性：用于绘画的canvas元素用于媒介回放的video和audio元素对本地离线存储的更好的支持新的
  • canvas保存图片 初晨未凉 javascript前端开发语言
    需求：上面有几个按钮，其中有一个切换是图片用v-if会导致图片加载慢实现方法：一进来就加载，通过监听元素显示，用于控制canvas的宽高，从而达到隐藏的效果组件dowolad.vue保存二维码exportdefault{props:['show'],data(){return{show:true,canvasId:'myCanvas',imagePath:'',canvaseAttr:{width
  • Canvas 和 SVG 有什么区别？ 晚夜微雨问海棠呀 前端javascript开发语言
    Canvas与SVG核心差异解析1.渲染模式本质维度CanvasSVG图形类型位图（像素级操作）矢量图（数学公式描述）渲染模式立即模式（绘制后无对象保留）保留模式（DOM树维护图形对象）更新机制全量重绘增量更新constctx=document.getElementById('myCanvas').getContext('2d');ctx.fillStyle='red';ctx.fillRect(
  • 第73节 绘制图像(ImageData) 川石课堂软件测试 harmonyos鸿蒙鸿蒙系统华为华为云华为od
    在HarmonyOS中，ImageData对象可以存储canvas渲染的像素数据，这对于图像的绘制和处理至关重要。以下是关于HarmonyOS中如何使用ImageData绘制图像的一些关键点：一、ImageData的基本概念ImageData对象是一个包含像素数据的对象，通常与CanvasAPI一起使用。它提供了对Canvas上特定区域的像素数据的访问和操作。二、获取ImageData对象在Har
  • SCOT 500M Operations Analytics: Simulation 后端
    FinalExamOperationsAnalytics:SimulationSCOT500M,Spring2025IndividualFinalExam:DueFriday,February28,11p.m.OnCanvasAfewguidelinesfortheexam:•Thisassignmentistobedoneentirelyindividually.•Youmaydiscussit
  • 089：vue+cesium 粒子系统定点喷射红色烟雾效果 还是大剑师兰特 #cesium综合教程200+大剑师cesium配置cesium教程cesium示例
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第089篇文章文章目录一、示例效果图二、示例介绍三、配置说明四、示例源代码（共122行）一、示例效果图二、
  • 微信小程序-二维码绘制 lvbb66 微信小程序小程序
    wxmlwxss/*pages/QRcode/QRcode.wxss*/.canvas{width:100%;height:-webkit-calc(100%-44px);height:-moz-calc(100%-44px);height:calc(100%-44px);background:#fff;}js//pages/index/index.jsimportQRCodefrom'./wea
  • 【JavaScript】《JavaScript高级程序设计 (第4版) 》笔记-Chapter18-动画与 Canvas 图形 江湖人称菠萝包 【HTML&CSS&JS】相关javascript开发语言前端
    十八、动画与Canvas图形动画与Canvas图形图形和动画已经日益成为浏览器中现代Web应用程序的必备功能，但实现起来仍然比较困难。视觉上复杂的功能要求性能调优和硬件加速，不能拖慢浏览器。目前已经有一套日趋完善的API和工具可以用来开发此类功能。毋庸置疑，是HTML5最受欢迎的新特性。这个元素会占据一块页面区域，让JavaScript可以动态在上面绘制图片。最早是苹果公司提出并准备用在控制面板中
  • 鸿蒙原生绘图API：从基础到高阶的绘制之旅（基础版）
    theme:hydrogen大家好，欢迎来到莓创IT技术分享频道，我是陈杨。由于经常有小伙伴一直给我反馈说莓创图表（mccharts）数据多的时候经常卡顿，很无奈之前做动画的时候没考虑ArkTs的性能瓶颈，导致现在又要重构开发。于是我重新翻阅文档，看看有没有新的方式来解决。在翻阅官网文档的时候，无意间看到这句话。发现了@ohos.graphics.drawing模块性能竟然比canvas好，所以最
  • uniApp小程序保存图片canvas 裴嘉靖 uni-app画布
    邀请好友领积分微信好友保存图片保存图片exportdefault{components:{},data(){return{app:getApp().globalData.peiImg,result:'',//生成海报的urler:'',imgurl:'',canvasShow:true,canvasercode:'',bj:'',writePhotosAlbum:undefined};},onSh
  • Compose 组件渲染流程 Boo_Wang ComposeandroiduiCompose
    Compose组件渲染流程概述组合布局LayoutModifierLayoutComposable固有特性测量Intrinsic使用内置组件的固有特性测量自定义固有特性测量SubcomposeLayout绘制CanvasComposableDrawModifierdrawWithContentdrawBehinddrawWithCache概述在传统的view系统中，组件渲染可分为三步：测量，布局与
  • cocos creator从零开发五子棋(03)-棋盘网格绘制 cocos
    新建scripts/Game.ts，内容如下，把它挂载到Canvas节点上。拖拽Canvas/grid/bg节点到bgNode属性上，拖拽Canvas/grid/root节点到rootNode属性上。const{ccclass,property}=cc._decoratorconstGRID_SIZE=15constGRID_WIDTH=50@ccclassexportdefaultclassGa
  • LeetCode[Math] - #66 Plus One Cwind javaLeetCode题解AlgorithmMath
    原题链接：#66 Plus One   要求： 给定一个用数字数组表示的非负整数，如num1 = {1, 2, 3, 9}, num2 = {9, 9}等，给这个数加上1。 注意： 1. 数字的较高位存在数组的头上，即num1表示数字1239 2. 每一位（数组中的每个元素）的取值范围为0~9   难度：简单   分析： 题目比较简单，只须从数组
  • JQuery中$.ajax()方法参数详解 AILIKES JavaScriptjsonpjqueryAjaxjson
    url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和    delete也可以使用，但仅部分浏览器支持。 timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局
  • JConsole & JVisualVM远程监视Webphere服务器JVM Kai_Ge JVisualVMJConsoleWebphere
        JConsole是JDK里自带的一个工具，可以监测Java程序运行时所有对象的申请、释放等动作，将内存管理的所有信息进行统计、分析、可视化。我们可以根据这些信息判断程序是否有内存泄漏问题。 　　使用JConsole工具来分析WAS的JVM问题，需要进行相关的配置。 　　首先我们看WAS服务器端的配置. 　　1、登录was控制台https://10.4.119.18
  • 自定义annotation 120153216 annotation
    Java annotation 自定义注释@interface的用法 一、什么是注释      说起注释，得先提一提什么是元数据(metadata)。所谓元数据就是数据的数据。也就是说，元数据是描述数据的。就象数据表中的字段一样，每个字段描述了这个字段下的数据的含义。而J2SE5.0中提供的注释就是java源代码的元数据，也就是说注释是描述java源
  • CentOS 5/6.X 使用 EPEL YUM源 2002wmj centos
    CentOS 6.X 安装使用EPEL YUM源1. 查看操作系统版本[root@node1 ~]# uname -a Linux node1.test.com 2.6.32-358.el6.x86_64 #1 SMP Fri Feb 22 00:31:26 UTC 2013 x86_64 x86_64 x86_64 GNU/Linux [root@node1 ~]#
  • 在SQLSERVER中查找缺失和无用的索引SQL 357029540 SQL Server
    --缺失的索引 SELECT  avg_total_user_cost * avg_user_impact * ( user_scans + user_seeks ) AS PossibleImprovement ,          last_user_seek ,    
  • Spring3 MVC 笔记（二） —json+rest优化 7454103 Spring3 MVC
    接上次的 spring mvc 注解的一些详细信息！                          其实也是一些个人的学习笔记  呵呵！
  • 替换“\”的时候报错Unexpected internal error near index 1 \ ^ adminjun java“\替换”
    发现还是有些东西没有刻子脑子里,,过段时间就没什么概念了,所以贴出来...以免再忘...   在拆分字符串时遇到通过 \ 来拆分，可是用所以想通过转义 \\ 来拆分的时候会报异常   public class Main {          /*
  • POJ 1035 Spell checker(哈希表) aijuans 暴力求解--哈希表
    /* 题意：输入字典，然后输入单词，判断字典中是否出现过该单词，或者是否进行删除、添加、替换操作，如果是，则输出对应的字典中的单词 要求按照输入时候的排名输出 题解：建立两个哈希表。一个存储字典和输入字典中单词的排名，一个进行最后输出的判重 */ #include <iostream> //#define using namespace std; const int HASH =
  • 通过原型实现javascript Array的去重、最大值和最小值 ayaoxinchao JavaScriptarrayprototype
    用原型函数（prototype）可以定义一些很方便的自定义函数，实现各种自定义功能。本次主要是实现了Array的去重、获取最大值和最小值。 实现代码如下：   <script type="text/javascript"> Array.prototype.unique = function() { var a = {}; var le
  • UIWebView实现https双向认证请求 bewithme UIWebViewhttpsObjective-C
              什么是HTTPS双向认证我已在先前的博文 ASIHTTPRequest实现https双向认证请求 中有讲述，不理解的读者可以先复习一下。本文是用UIWebView来实现对需要客户端证书验证的服务请求，网上有些文章中有涉及到此内容，但都只言片语，没有讲完全，更没有完整的代码，让人困扰不已。但是此知
  • NoSQL数据库之Redis数据库管理(Redis高级应用之事务处理、持久化操作、pub_sub、虚拟内存) bijian1013 redis数据库NoSQL
    3.事务处理         Redis对事务的支持目前不比较简单。Redis只能保证一个client发起的事务中的命令可以连续的执行，而中间不会插入其他client的命令。当一个client在一个连接中发出multi命令时，这个连接会进入一个事务上下文，该连接后续的命令不会立即执行，而是先放到一个队列中，当执行exec命令时，redis会顺序的执行队列中
  • 各数据库分页sql备忘 bingyingao oraclesql分页
    ORACLE 下面这个效率很低 SELECT * FROM ( SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_FS_RETURN order by id desc) A ) WHERE RN <20; 下面这个效率很高 SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_
  • 【Scala七】Scala核心一：函数 bit1129 scala
    1. 如果函数体只有一行代码，则可以不用写{},比如 def print(x: Int) = println(x) 一行上的多条语句用分号隔开，则只有第一句属于方法体，例如   def printWithValue(x: Int) : String= println(x); "ABC"   上面的代码报错，因为，printWithValue的方法
  • 了解GHC的factorial编译过程 bookjovi haskell
    GHC相对其他主流语言的编译器或解释器还是比较复杂的，一部分原因是haskell本身的设计就不易于实现compiler，如lazy特性，static typed，类型推导等。 关于GHC的内部实现有篇文章说的挺好，这里，文中在RTS一节中详细说了haskell的concurrent实现，里面提到了green thread，如果熟悉Go语言的话就会发现，ghc的concurrent实现和Go有点类
  • Java-Collections Framework学习与总结-LinkedHashMap BrokenDreams LinkedHashMap
            前面总结了java.util.HashMap，了解了其内部由散列表实现，每个桶内是一个单向链表。那有没有双向链表的实现呢？双向链表的实现会具备什么特性呢？来看一下HashMap的一个子类——java.util.LinkedHashMap。       
  • 读《研磨设计模式》-代码笔记-抽象工厂模式-Abstract Factory bylijinnan abstract
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * Abstract Factory Pattern * 抽象工厂模式的目的是： * 通过在抽象工厂里面定义一组产品接口，方便地切换“产品簇” * 这些接口是相关或者相依赖的
  • 压暗面部高光 cherishLC PS
    方法一、压暗高光&重新着色 当皮肤很油又使用闪光灯时，很容易在面部形成高光区域。 下面讲一下我今天处理高光区域的心得： 皮肤可以分为纹理和色彩两个属性。其中纹理主要由亮度通道（Lab模式的L通道）决定，色彩则由a、b通道确定。 处理思路为在保持高光区域纹理的情况下，对高光区域着色。具体步骤为：降低高光区域的整体的亮度，再进行着色。 如果想简化步骤，可以只进行着色（参看下面的步骤1
  • Java VisualVM监控远程JVM crabdave visualvm
    Java VisualVM监控远程JVM    JDK1.6开始自带的VisualVM就是不错的监控工具. 这个工具就在JAVA_HOME\bin\目录下的jvisualvm.exe, 双击这个文件就能看到界面   通过JMX连接远程机器, 需要经过下面的配置: 1. 修改远程机器JDK配置文件 (我这里远程机器是linux).    
  • Saiku去掉登录模块 daizj saiku登录olapBI
    1、修改applicationContext-saiku-webapp.xml <security:intercept-url pattern="/rest/**" access="IS_AUTHENTICATED_ANONYMOUSLY" />  <security:intercept-url pattern=&qu
  • 浅析 Flex中的Focus dsjt htmlFlexFlash
    关键字：focus、 setFocus、 IFocusManager、KeyboardEvent 焦点、设置焦点、获得焦点、键盘事件 一、无焦点的困扰——组件监听不到键盘事件 原因：只有获得焦点的组件（确切说是InteractiveObject）才能监听到键盘事件的目标阶段；键盘事件（flash.events.KeyboardEvent）参与冒泡阶段，所以焦点组件的父项（以及它爸
  • Yii全局函数使用 dcj3sjt126com yii
    由于YII致力于完美的整合第三方库，它并没有定义任何全局函数。yii中的每一个应用都需要全类别和对象范围。例如，Yii::app()->user;Yii::app()->params['name'];等等。我们可以自行设定全局函数，使得代码看起来更加简洁易用。(原文地址) 我们可以保存在globals.php在protected目录下。然后，在入口脚本index.php的，我们包括在
  • 设计模式之单例模式二（解决无序写入的问题） come_for_dream 单例模式volatile乱序执行双重检验锁
                    在上篇文章中我们使用了双重检验锁的方式避免懒汉式单例模式下由于多线程造成的实例被多次创建的问题，但是因为由于JVM为了使得处理器内部的运算单元能充分利用，处理器可能会对输入代码进行乱序执行（Out Of Order Execute）优化，处理器会在计算之后将乱序执行的结果进行重组，保证该
  • 程序员从初级到高级的蜕变 gcq511120594 框架工作PHPandroidhtml5
    软件开发是一个奇怪的行业，市场远远供不应求。这是一个已经存在多年的问题，而且随着时间的流逝，愈演愈烈。 我们严重缺乏能够满足需求的人才。这个行业相当年轻。大多数软件项目是失败的。几乎所有的项目都会超出预算。我们解决问题的最佳指导方针可以归结为——“用一些通用方法去解决问题，当然这些方法常常不管用，于是，唯一能做的就是不断地尝试，逐个看看是否奏效”。 现在我们把淫浸代码时间超过3年的开发人员称为
  • Reverse Linked List hcx2013 list
    Reverse a singly linked list.   /** * Definition for singly-linked list. * public class ListNode { * int val; * ListNode next; * ListNode(int x) { val = x; } * } */ p
  • Spring4.1新特性——数据库集成测试 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • C# Ajax上传图片同时生成微缩图(附Demo) liyonghui160com
        1.Ajax无刷新上传图片,详情请阅我的这篇文章。（jquery + c# ashx）         2.C#位图处理  System.Drawing。         3.最新demo支持IE7,IE8,Fir
  • Java list三种遍历方法性能比较 pda158 java
    从c/c++语言转向java开发，学习java语言list遍历的三种方法，顺便测试各种遍历方法的性能，测试方法为在ArrayList中插入1千万条记录，然后遍历ArrayList，发现了一个奇怪的现象，测试代码例如以下： package com.hisense.tiger.list; import java.util.ArrayList; import java.util.Iterator;
  • 300个涵盖IT各方面的免费资源（上）——商业与市场篇 shoothao seo商业与市场IT资源免费资源
    A.网站模板+logo+服务器主机+发票生成 HTML5 UP:响应式的HTML5和CSS3网站模板。 Bootswatch:免费的Bootstrap主题。 Templated:收集了845个免费的CSS和HTML5网站模板。 Wordpress.org|Wordpress.com:可免费创建你的新网站。 Strikingly:关注领域中免费无限的移动优
  • localStorage、sessionStorage uule localStorage
    W3School 例子   HTML5 提供了两种在客户端存储数据的新方法： localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储   之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他