uop_hai
uop_hai

javascript dom中的Image对象——图像预加载

在做一些tips效果，或者是一些图片浏览效果时，图片开始是隐藏的，当用户进行一定的操作时，图片会根据需要显示出来。但图片文件都相对比较大，如果一下子都显示出来，很耗时间和流量，如果都不显示，等触发一定事件时再加载，用户体验又不太好，增加用户的等待时间。
     权 衡一下利弊，可以有选择的利用JavaScript预加载一些需要的图片，先将其装入DOM，等到需要的时候，直接调用，省掉等待的时间，直接显示出来。 JavaScript里的Image对象可以很好的实现这一需求，在FF下通过alert(img对象)可以看到“object HTMLImageElement“内容，Image对象可以直接利用append添加到body里面去，调用十分方便。

图像对象：
网页中的图像均会被自动看作图像对象，并依顺序，分别表示为document.images[0]，document.images[1]...

建立图像对象：
格式：

图像对象名称=new Image([宽度],[高度])

图像对象的属性：
border complete height hspace lowsrc name src vspace width

图像对象的事件：
onabort onerror onkeydown onkeypress onkeyup onload

需要注意的是：src属性一定要写到onload的后面，否则程序在IE中会出错。

参考代码：
程序代码
var img=new Image();
img.onload=function(){alert("img is loaded")};
img.onerror=function(){alert("error!")};
img.src="http://i2.cdn.turner.com/cnn/video/tech/2009/02/07/levs.ship.treasure.cnn.88x49.jpg";
function show(){alert("body is loaded");};
window.onload=show;

       运行上面的代码后，在不同的浏览器中进行测试， 发现IE和FF是有区别的，在FF中，img对象的加载包含在body的加载过程中，既是img加载完之后，body才算是加载完毕，触发window.onload事件。
     在IE中，img对象的加载是不包含在body的加载过程之中的，body加载完毕，window.onload事件触发时，img对象可能还未加载结束，img.onload事件会在window.onload之后触发。
     根据上面的问题，考虑到浏览器的兼容性和网页的加载时间，尽量不要在Image对象里放置过多的图片，否则在FF下会影响网页的下载速度。当然如果你在window.onload之后，执行预加载函数，就不会FF中的问题了。

示例：
HTML代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="all">
div{border:#aaaaaa 3px solid;width:200px;padding:2px;margin:2px 9px;font-size:12px;line-height:22px;color:#999999;}
.ipt1{width:160px;font-size:12px;color:#1F6478;border:#999999 1px solid;margin-left:9px;}
.ipt2{border:#999999 1px solid;margin-left:6px;color:#666666}
p{margin:0px;padding:0px;background-image:url(http://www.wxwdesign.cn/attachments/month_0809/v2008925193118.gif);background-position:center;background-repeat:no-repeat;width:200px;height:200px;text-align:center;font-size:12px;color:#999999;line-height:26px;}
</style>
<script language="javascript" type="text/javascript">
function preloadimg(url,obj,ipt){
var img=new Image();
obj.innerHTML="<p>图片加载中...</p>";
img.onload=function(){obj.innerHTML="";obj.style.width=String(img.width)+"px";ipt.style.width=String(img.width-40)+"px";obj.appendChild(img);};
img.onerror=function(){obj.innerHTML="图片加载错误，请检查网络或URL地址！"};
img.src=url; //img.src一定要写在img.onload之后，否则在IE中会出现问题
}
function show(){
var div=document.getElementsByTagName("div")[0];
var input=document.getElementsByTagName("input");
preloadimg("http://book.csdn.net/smallimg/csdbblo2.gif",div,input[0]);
input[0].onclick=function(){this.value=""};
input[1].onclick=function(){preloadimg(input[0].value,div,input[0]);}
}
window.onload=show;
</script>
<title>JavaScript获取图片大小——wxwdesign.cn</title>
</head>

<body>
<div></div>
<br />
<input type="text" value="请输入图片URL地址" class="ipt1"/><input type="button" value="加载" class="ipt2"/>
</body>
</html>

你可能感兴趣的:(JavaScript,.net,浏览器,XHTML,IE)

  • WebSocket：现代实时通信协议的深度解析与实践 这个懒人 websocket网络协议网络
    一、背景与演进历程1.1传统实时通信的困境//典型的HTTP轮询伪代码while(true){autoresponse=http_client.get("/messages");if(response.has_data())process(response);std::this_thread::sleep_for(1s);//固定间隔轮询}高延迟：轮询间隔导致消息传递延迟带宽浪费：重复传输Head
  • 领域驱动设计模式、原理与实践_领域驱动设计学习之路—DDD的原则与实践 餘弦Inverse 领域驱动设计模式原理与实践
    本文是我学习ScottMillett&NickTune编著的《领域驱动设计模式、原理与实践》一书的学习笔记，一共会分为4个部分如下，此文为第1部分：领域驱动设计的原则与实践战略模式：在有界上下文之间通信战术模式：创建有效的领域模型有效应用程序的设计模式一、什么是领域驱动设计脑图浏览：https://www.processon.com/view/5cb49b14e4b0a13c9de1042d#ma
  • （前端开发）网页制作案例 A宝呀 htmljavascriptcss
    HTML（index.html）A宝学成在线首页课程职业规划A宝前端开发后端开发移动开发人工智能商业预测云计算&大数据运维&测试UI设计产品我的课程表数据可视化课程正在学习-echarts使用步骤Vue3医疗项目课程正在学习-认识组合式APIReact核心技术课程正在学习-rudex配合TS使用全部课程精品推荐HTMLCSSJavaScriptNode.jsAjaxVue2.0Vue3.0Type
  • 现代前端测试革命：用「Vitest + Playwright」实现零配置全栈测试 前端极客探险家 前端
    文章目录一、传统前端测试的五大痛点1.1开发者调研数据（N=500+项目）1.2现代测试方案核心优势二、十分钟搭建企业级测试环境2.1零配置初始化2.2核心配置文件三、六大实战测试场景3.1场景一：组件交互测试3.2场景二：跨浏览器E2E测试四、性能对比：传统方案vs现代方案五、企业级测试架构5.1CI/CD集成方案5.2智能测试报告系统六、调试与优化方案6.1调试技巧6.2性能优化策略导语：某大
  • 【后端】【django】【models】【进阶】索引和约束全解 患得患失949 django知识django数据库sqliteormmodels引索与约束
    djangomodels索引和约束Django的Meta类支持索引（Indexes）和约束（Constraints），用于优化查询性能并确保数据完整性。（一）索引(indexes)索引的作用是加速查询，特别是在WHERE条件中经常被筛选的字段上添加索引，可以提高查询效率。classMeta:indexes=[models.Index(fields=['transaction_time']),#给t
  • 【后端】【Django】Django DRF API 单元测试完整方案（基于 `TestCase`） 患得患失949 django知识后端系统功能django单元测试sqlite
    DjangoDRFAPI单元测试完整方案（基于TestCase）一、方案概述使用django.test.TestCase和rest_framework.test.APIClient进行API单元测试，确保API正确性、权限控制、数据返回格式、业务逻辑等。二、基本步骤使用setUp()初始化测试环境创建API客户端APIClient()预先插入数据库测试数据（如普通用户、管理员用户等）生成Token
  • 深入理解 JSX：构建 React 用户界面的利器 码农白衣 前端知识reactreact.jsreact.jsui前端
    目录一、JSX介绍1.JSX概念2.为什么使用JSX，JSX有什么好处？二、JSX基本语法1.基本元素：2.嵌套元素：3.组件：4.属性:5.表达式6.条件渲染：7.样式：三、JSX语法规则四、JSX编译过程五、JSX小案例1.待办事项列表2.计时器应用六、总结一、JSX介绍1.JSX概念JSX（JavaScriptXML）是一种语法扩展，主要用于React开发中。它允许开发者在JavaScrip
  • spring+k8s 功能说明 LCY133 spring后端springkubernetesjava
    以下是一个结合Kubernetes（k8s）和SpringBoot的完整实例，涵盖应用开发、容器化、部署到Kubernetes集群的全流程。1.创建SpringBoot应用1.1项目初始化使用SpringInitializr生成一个简单的RESTAPI项目：•依赖项：SpringWeb、Actuator（用于健康检查）•示例代码：@RestControllerpublicclassHelloCon
  • 机器学习-分类模型-非线性模型 恸流失 数据分析机器学习分类人工智能
    支持向量机(SVM)通过核函数处理非线性分类（如RBF核）小样本非线性数据svm.SVCK近邻(K-NearestNeighbors)基于局部相似性，无需训练模型小数据量，特征空间均匀neighbors.KNeighborsClassifier决策树(DecisionTree)可解释性强，自动处理非线性关系需可视化决策规则tree.DecisionTreeClassifier随机森林(Random
  • 用selenium+ChromeDriver豆瓣电影 肖申克的救赎 短评爬取（pycharm 爬虫） 莓事哒 Python网络爬虫seleniumpycharm爬虫
    一、豆瓣电影肖申克的救赎短评url=https://movie.douban.com/subject/1292052/comments二、基本知识点讲解1.Selenium的基本使用Selenium是一个用于自动化浏览器操作的库，常用于网页测试和爬虫。代码中使用了以下Selenium的核心功能：webdriver.Chrome:启动Chrome浏览器实例。driver.get(url):打开指定的
  • ngrep ：网络嗅探的利器 vortex5 工具命令网络运维服务器linux
    在网络安全、渗透测试和系统调试领域，捕获和分析网络流量是不可或缺的技能。虽然像tcpdump和Wireshark这样的工具广为人知，但有一个轻量级且功能强大的工具却常常被忽视——ngrep。本文将详细介绍ngrep的功能、使用方法及其在实际场景中的应用，同时对比类似工具（如tcpdump、Wireshark和dsniff），帮助读者理解它们的特点和适用场景。一、什么是ngrep？ngrep（Net
  • 模型部署全流程：SavedModel、TFLite、TF.js、ONNX 的导出与实战 AI筑梦师 计算机视觉人工智能学习框架javascriptneo4j开发语言计算机视觉tensorflow持续部署人工智能
    模型部署全流程：SavedModel、TFLite、TF.js、ONNX的导出与实战TensorFlow的最大优势之一，就是拥有“端到端部署闭环”。从训练到导出，用户可根据目标平台灵活选择格式，部署到：服务端（TFServing/TensorRT）移动端（TensorFlowLite）浏览器端（TensorFlow.js）多框架跨平台（ONNX）本章我们将覆盖四大部署格式，逐一讲清其导出方式、平台
  • 关于Docker是否被淘汰&虚拟机实现连接虚拟专用网络&Ubuntu 22.04 LTS部署Harbor仓库全流程 Gold Steps. 技术博文分享docker容器运维linux
    1.今天的第一个主题：第一个主题是关于Docker是否真的被K8S弃用，还是可以继续兼容，因为我们知道在去年的时候，由于不可控的原因，docker的所有国内镜像源都被Ban了，再加上K8S自从V1.20之后，宣布不再仅仅使用docker作为唯一的容器管理工具，很多人都觉得Docker被启用了，那么接下来我来简单阐述一下我自己的观点。主题一：Docker是否已被Kubernetes弃用？兼容性分析1
  • Kubernetes(k8s)的Pod部署到指定的node(节点) 路来了 Kubernetes的学习
    1.在worker节点(computer),配置SSD#kubectllabelnodecomputerdisktype=ssdnode/computerlabeled#kubectlgetnode--show-labelsNAMESTATUSROLESAGEVERSIONLABELScomputerReadyworker23dv1.17.0beta.kubernetes.io/arch=amd6
  • 爬虫1--爬取图像 ballball~~ 爬虫学习爬虫
    简介：个人爬虫学习分享，如有错误，欢迎批评指正。爬虫小案例1:爬取网页图打开浏览器，搜索任意网络图像，如下红圈图像，单击图像，后再点击鼠标右键，选复制图像链接，该链接就是这个图像的url地址。运行如下代码，将上面复制的图像链接（url）代替下面代码中url=''的那串字符串，即可爬下该图像，不同图像如上一样，更换url地址即可。importrequests#网络图像的URL地址url='https
  • TouchGFX之进度指示器 Stone_lu。 STM32arm开发
    代码#ifndefTOUCHGFX_ABSTRACTPROGRESSINDICATOR_HPP#defineTOUCHGFX_ABSTRACTPROGRESSINDICATOR_HPP#include#include#include#include#include#includenamespacetouchgfx{classAbstractProgressIndicator:publicConta
  • TouchGFX之Button Stone_lu。 STM32arm开发
    TouchGFX中的按钮是一种感应触控事件的控件，能够在按钮被按下/释放时发送回调代码#ifndefTOUCHGFX_ABSTRACTBUTTON_HPP#defineTOUCHGFX_ABSTRACTBUTTON_HPP#include#include#includenamespacetouchgfx{/*按键抽象接口类*/classAbstractButton:publicWidget{pub
  • PHPnow 数据库编码 Latin1转换UTF－8 咯拉咯啦 MYSQL
    以PHPnow1.5.6-1为例:打开MySQL的配置文件，位置在PHPnow/MySQL-5.0.90/my.ini，做以下修改，没有的配置请自己添加，路径请自己修改,需要修改三处就可以。一[client]#password=your_passwordport=3306socket=/tmp/mysql.sock后边添加:default-character-set=utf8二[mysqld]de
  • Python爬虫-爬取AliExpress商品搜索词排名数据 写python的鑫哥 爬虫案例1000讲python爬虫AliExpress搜索词排名数据商品
    前言本文是该专栏的第49篇，后面会持续分享python爬虫干货知识，记得关注。本文，笔者以AliExpress平台为例。基于Python爬虫，通过某个指定的“搜索关键词”，批量获取该“搜索关键词”的商品排名数据。具体实现思路和详细逻辑，笔者将在正文结合完整代码进行详细介绍。废话不多说，下面跟着笔者直接往下看正文详细内容。（附带完整代码）注意：在本文中，笔者已整理9篇跨境电商平台相关的爬虫项目案例。
  • 【源码分析设计模式 8】mybatis中的代理模式 2401_84048832 程序员代理模式设计模式mybatis
    六、动态代理======1、动态代理特点代理对象不需要实现接口，但是目标对象要实现接口；代理对象的生成，是利用JDK的API，动态的在内存中构建代理对象；动态代理也叫JDK代理或接口代理；2、使用JDK实现动态代理jdk实现动态代理必须有实现接口InvocationHandler的处理类，用于执行被代理类的方法。（1）接口IMoviepackagedesignMode.advance.proxy.
  • JavaScript 学习精讲：前三天知识点梳理与拓展 梦想是不秃 javascript学习开发语言前端js
    在JavaScript的学习征途中，我们已经迈出了坚实的前三步。第一天，我们初识了JavaScript，了解其基本概念、引入方式以及核心的语法元素，掌握了在HTML中嵌入JavaScript的方法，为后续学习搭建了基础框架。第二天，深入学习了JavaScript中的语句与流程控制，学会了运用条件语句、循环语句和跳转语句编写更具逻辑性和交互性的代码，这让我们能够驾驭更复杂的编程场景，使程序的执行流程
  • 聊聊langchain4j的Code Execution Engine langchain4j
    序本文主要研究一下langchain4j的CodeExecutionEngine步骤pom.xmldev.langchain4jlangchain4j-code-execution-engine-graalvm-polyglot1.0.0-beta2example@Testvoidshould_execute_tool(){GraalVmJavaScriptExecutionTooltool=ne
  • Python---数据分析(Pandas十一:二维数组DataFrame统计计算二) 蹦蹦跳跳真可爱589 数据分析Pythonpandaspython数据分析
    1、std用于计算DataFrame中数值的标准差。DataFrame.std(axis=0,skipna=True,ddof=1,numeric_only=False,**kwargs)描述说明axis{0或‘index’,1或‘columns’,None},默认为0。这个参数决定了计算标准差是在哪个轴上进行：如果axis=0或axis='index'，则对每列进行计算，返回一个Series，其
  • 深入探索Visual Basic 2008编程基础与实践 大熊小清新 VisualBasic2008数组顺序文件数据库管理面向对象编程
    深入探索VisualBasic2008编程基础与实践背景简介自1991年推出以来，VisualBasic(VB)一直是世界上使用最广泛的编程语言之一。最新版本的VisualBasic2008，整合了.NetFramework，将VB带入了互联网时代。本文将探讨VisualBasic2008的核心内容和编程实践，引导读者学习和应用这门强大的编程语言。关于VisualBasic2008的新特性整合.N
  • Electron + Vite + Vue 桌面应用模板 会功夫的李白 electronelectronvue.jsjavascriptvite模版
    一个现代化的桌面应用开发模板，基于Electron、Vite和Vue3。特性Electron-构建跨平台桌面应用⚡Vite-闪电般的构建和热更新Vue3-渐进式JavaScript框架ElementPlus-现代化UI组件库国际化-多语言支持主题切换-亮色/暗色主题️数据库支持-内置SQLite数据库预览开发环境前提条件Node.js>=16npm>=8安装#克隆仓库gitclonehttps:/
  • 数据分析异步进阶：aiohttp与Asyncio性能提升 亿牛云爬虫专家 python代理IP爬虫代理数据分析异步aiohttpAsyncio今日头条www.toutiao.com爬虫代理
    一、时间轴呈现方案进程2023-04-01：需求确认确定目标：使用aiohttp与Asyncio提升采集性能，目标采集今日头条网站的新闻数据（标题、内容、时间等）。同时要求在程序中加入代理IP、Cookie和UserAgent的设置，保证反爬策略应对得当。2023-04-02：初步开发与测试开发基础异步爬虫框架，实现对目标网站的异步请求。初步测试发现由于目标网站限制措施，直接请求经常返回异常或内容
  • claude-3-7-sonnet-20250219 支持深度思考，流式输出 徐同保 前端javascript开发语言
    node代码（美国服务器）：constchatAnthropicAiOnAzureForStream=async(req,res)=>{let{messages,apiKey='sk-xxx',type='1',thinking=false}=req.bodyres.setHeader('Content-Type','text/event-stream;charset=utf-8')res.set
  • 【VUE】后台管理中使用富文本编辑器 短暂又灿烂的 javascript前端
    前言vue后台管理编辑器以下代码均可直接复制，只需要更改一些引入的路径教学文档以及官方文档都有进行备注一.介绍使用的插件介绍wangEditor浏览器兼容性兼容主流PC浏览器，IE11+不支持移动端和ipad插件教学文档教学文档上图看效果二.使用使用npm安装npminstallwangeditor--savecomponents下创建editoritem.vue，将编辑器封装成组件，方便调用管理
  • 利用sofaboot 搭建sofa rpc服务，遇到异常（Failed to start bolt server, see more detail from bolt log.） quan2631 sofabootsofarpcsofabootsofarpcsofastackFailedtostartboltservers
    1、sofaboot-dependencies版本：3.0.02、参考官方网站：https://www.sofastack.tech/projects/sofa-rpc/getting-started-with-sofa-boot/3、源码：https://github.com/quan2631/sofarpc-boot4、服务端启动正常，但是客户端调用时异常。完整异常如下：2019-07-241
  • 富文本编辑器（wangeditor）导入附件 quan2631 javascripthtml5前端框架wangeditormammoth.js
    1、问题描述之前系统接入了一个富文本，采用的wangeditor。本来用着挺好，但是需求无止境。copy单个图片，可以黏贴进去。单个图片+文字，不行。复制到mac备忘录，可以复制；复制到企微邮箱，提示需要授权；猜测：单个图片，大小可控，允许；多个图片，大小不可控。临时存储到本地，但此时涉及到授权问题，是否有权限获取本地目录。而此目录和使用何种office、系统都有关系。加之，浏览器自身的安全，总不
  • VMware Workstation 11 或者 VMware Player 7安装MAC OS X 10.10 Yosemite iwindyforest vmwaremac os10.10workstationplayer
    最近尝试了下VMware下安装MacOS 系统， 安装过程中发现网上可供参考的文章都是VMware Workstation 10以下， MacOS X 10.9以下的文章， 只能提供大概的思路， 但是实际安装起来由于版本问题， 走了不少弯路， 所以我尝试写以下总结， 希望能给有兴趣安装OSX的人提供一点帮助。     写在前面的话： 其实安装好后发现， 由于我的th
  • 关于《基于模型驱动的B/S在线开发平台》源代码开源的疑虑？ deathwknight JavaScriptjava框架
    本人从学习Java开发到现在已有10年整，从一个要自学 java买成javascript的小菜鸟，成长为只会java和javascript语言的老菜鸟（个人邮箱：deathwknight@163.com） 一路走来，跌跌撞撞。用自己的三年多业余时间，瞎搞一个小东西（基于模型驱动的B/S在线开发平台，非MVC框架、非代码生成）。希望与大家一起分享，同时有许些疑虑，希望有人可以交流下 平台
  • 如何把maven项目转成web项目 Kai_Ge mavenMyEclipse
    创建Web工程，使用eclipse ee创建maven web工程 1.右键项目,选择Project Facets,点击Convert to faceted from 2.更改Dynamic Web Module的Version为2.5.(3.0为Java7的,Tomcat6不支持). 如果提示错误,可能需要在Java Compiler设置Compiler compl
  • 主管？？？ Array_06 工作
    转载：http://www.blogjava.net/fastzch/archive/2010/11/25/339054.html 很久以前跟同事参加的培训，同事整理得很详细，必须得转！ 前段时间，公司有组织中高阶主管及其培养干部进行了为期三天的管理训练培训。三天的课程下来，虽然内容较多，因对老师三天来的课程内容深有感触，故借着整理学习心得的机会，将三天来的培训课程做了一个
  • python内置函数大全 2002wmj python
    最近一直在看python的document，打算在基础方面重点看一下python的keyword、Build-in Function、Build-in Constants、Build-in Types、Build-in Exception这四个方面，其实在看的时候发现整个《The Python Standard Library》章节都是很不错的，其中描述了很多不错的主题。先把Build-in Fu
  • JSP页面通过JQUERY合并行 357029540 JavaScriptjquery
    在写程序的过程中我们难免会遇到在页面上合并单元行的情况，如图所示 如果对于会的同学可能很简单，但是对没有思路的同学来说还是比较麻烦的，提供一下用JQUERY实现的参考代码 function mergeCell(){         var trs = $("#table tr"); &nb
  • Java基础 冰天百华 java基础
    学习函数式编程 package base; import java.text.DecimalFormat; public class Main { public static void main(String[] args) { // Integer a = 4; // Double aa = (double)a / 100000; // Decimal
  • unix时间戳相互转换 adminjun 转换unix时间戳
    如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)？ Java time JavaScript Math.round(new Date().getTime()/1000) getTime()返回数值的单位是毫秒 Microsoft .NET / C# epoch = (DateTime.Now.ToUniversalTime().Ticks - 62135
  • 作为一个合格程序员该做的事 aijuans 程序员
    作为一个合格程序员每天该做的事 1、总结自己一天任务的完成情况 最好的方式是写工作日志，把自己今天完成了什么事情，遇见了什么问题都记录下来，日后翻看好处多多 2、考虑自己明天应该做的主要工作 把明天要做的事情列出来，并按照优先级排列，第二天应该把自己效率最高的时间分配给最重要的工作 3、考虑自己一天工作中失误的地方，并想出避免下一次再犯的方法 出错不要紧，最重
  • 由html5视频播放引发的总结 ayaoxinchao html5视频video
    前言   项目中存在视频播放的功能，前期设计是以flash播放器播放视频的。但是现在由于需要兼容苹果的设备，必须采用html5的方式来播放视频。我就出于兴趣对html5播放视频做了简单的了解，不了解不知道，水真是很深。本文所记录的知识一些浅尝辄止的知识，说起来很惭愧。   视频结构   本该直接介绍html5的<video>的，但鉴于本人对视频
  • 解决httpclient访问自签名https报javax.net.ssl.SSLHandshakeException: sun.security.validat bewithme httpclient
         如果你构建了一个https协议的站点，而此站点的安全证书并不是合法的第三方证书颁发机构所签发，那么你用httpclient去访问此站点会报如下错误   javax.net.ssl.SSLHandshakeException: sun.security.validator.ValidatorException: PKIX path bu
  • Jedis连接池的入门级使用 bijian1013 redisredis数据库jedis
    Jedis连接池操作步骤如下：         a.获取Jedis实例需要从JedisPool中获取；         b.用完Jedis实例需要返还给JedisPool；         c.如果Jedis在使用过程中出错，则也需要还给JedisPool； packag
  • 变与不变 bingyingao 不变变亲情永恒
    变与不变    周末骑车转到了五年前租住的小区，曾经最爱吃的西北面馆、江西水饺、手工拉面早已不在，    各种店铺都换了好几茬，这些是变的。    三年前还很流行的一款手机在今天看起来已经落后的不像样子。    三年前还运行的好好的一家公司，今天也已经不复存在。    一座座高楼拔地而起，
  • 【Scala十】Scala核心四：集合框架之List bit1129 scala
    Spark的RDD作为一个分布式不可变的数据集合，它提供的转换操作，很多是借鉴于Scala的集合框架提供的一些函数，因此，有必要对Scala的集合进行详细的了解   1. 泛型集合都是协变的，对于List而言，如果B是A的子类，那么List[B]也是List[A]的子类，即可以把List[B]的实例赋值给List[A]变量   2. 给变量赋值(注意val关键字，a，b
  • Nested Functions in C bookjovi cclosure
      Nested Functions 又称closure，属于functional language中的概念，一直以为C中是不支持closure的，现在看来我错了，不过C标准中是不支持的，而GCC支持。   既然GCC支持了closure，那么 lexical scoping自然也支持了，同时在C中label也是可以在nested functions中自由跳转的
  • Java-Collections Framework学习与总结-WeakHashMap BrokenDreams Collections
            总结这个类之前，首先看一下Java引用的相关知识。Java的引用分为四种：强引用、软引用、弱引用和虚引用。         强引用：就是常见的代码中的引用，如Object o = new Object();存在强引用的对象不会被垃圾收集
  • 读《研磨设计模式》-代码笔记-解释器模式-Interpret bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 解释器（Interpreter）模式的意图是可以按照自己定义的组合规则集合来组合可执行对象 * * 代码示例实现XML里面1.读取单个元素的值 2.读取单个属性的值 * 多
  • After Effects操作&快捷键 cherishLC After Effects
    1、快捷键官方文档 中文版：https://helpx.adobe.com/cn/after-effects/using/keyboard-shortcuts-reference.html 英文版：https://helpx.adobe.com/after-effects/using/keyboard-shortcuts-reference.html 2、常用快捷键
  • Maven 常用命令 crabdave maven
    Maven 常用命令   mvn archetype:generate mvn install mvn clean mvn clean complie mvn clean test mvn clean install mvn clean package mvn test mvn package mvn site   mvn dependency:res
  • shell bad substitution daizj shell脚本
    #!/bin/sh /data/script/common/run_cmd.exp 192.168.13.168 "impala-shell -islave4 -q 'insert OVERWRITE table imeis.${tableName} select ${selectFields}, ds, fnv_hash(concat(cast(ds as string), im
  • Java SE 第二讲（原生数据类型 Primitive Data Type） dcj3sjt126com java
    Java SE  第二讲： 1.   Windows: notepad, editplus, ultraedit, gvim Linux: vi, vim, gedit 2.   Java 中的数据类型分为两大类： 1）原生数据类型  （Primitive Data Type） 2）引用类型（对象类型）  （R
  • CGridView中实现批量删除 dcj3sjt126com PHPyii
    1，CGridView中的columns添加 array( 'selectableRows' => 2, 'footer' => '<button type="button" onclick="GetCheckbox();" style=&
  • Java中泛型的各种使用 dyy_gusi java泛型
    Java中的泛型的使用：1.普通的泛型使用 在使用类的时候后面的<>中的类型就是我们确定的类型。 public class MyClass1<T> {//此处定义的泛型是T private T var; public T getVar() { return var; } public void setVa
  • Web开发技术十年发展历程 gcq511120594 Web浏览器数据挖掘
    回顾web开发技术这十年发展历程： Ajax 03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。 彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，”您填写的信息有误，请重填”。然后跳转回注册页面，以此循环。我现在时常想，如果当时a
  • openSession()与getCurrentSession()区别： hetongfei javaDAOHibernate
    来自 http://blog.csdn.net/dy511/article/details/6166134 1.getCurrentSession创建的session会和绑定到当前线程,而openSession不会。 2. getCurrentSession创建的线程会在事务回滚或事物提交后自动关闭,而openSession必须手动关闭。 这里getCurrentSession本地事务(本地
  • 第一章 安装Nginx+Lua开发环境 jinnianshilongnian nginxluaopenresty
    首先我们选择使用OpenResty，其是由Nginx核心加很多第三方模块组成，其最大的亮点是默认集成了Lua开发环境，使得Nginx可以作为一个Web Server使用。借助于Nginx的事件驱动模型和非阻塞IO，可以实现高性能的Web应用程序。而且OpenResty提供了大量组件如Mysql、Redis、Memcached等等，使在Nginx上开发Web应用更方便更简单。目前在京东如实时价格、秒
  • HSQLDB In-Process方式访问内存数据库 liyonghui160com
        HSQLDB一大特色就是能够在内存中建立数据库，当然它也能将这些内存数据库保存到文件中以便实现真正的持久化。   先睹为快！   下面是一个In-Process方式访问内存数据库的代码示例：     下面代码需要引入hsqldb.jar包 （hsqldb-2.2.8）   import java.s
  • Java线程的5个使用技巧 pda158 java数据结构
    Java线程有哪些不太为人所知的技巧与用法？ 　　萝卜白菜各有所爱。像我就喜欢Java。学无止境，这也是我喜欢它的一个原因。日常 工作中你所用到的工具，通常都有些你从来没有了解过的东西，比方说某个方法或者是一些有趣的用法。比如说线程。没错，就是线程。或者确切说是Thread这个类。当我们在构建高可扩展性系统的时候，通常会面临各种各样的并发编程的问题，不过我们现在所要讲的可能会略有不同。
  • 开发资源大整合：编程语言篇——JavaScript（1） shoothao JavaScript
    概述：本系列的资源整合来自于github中各个领域的大牛，来收藏你感兴趣的东西吧。     程序包管理器   管理javascript库并提供对这些库的快速使用与打包的服务。 Bower - 用于web的程序包管理。 component - 用于客户端的程序包管理，构建更好的web应用程序。 spm - 全新的静态的文件包管
  • 避免使用终结函数 vahoa.ma javajvmC++
    终结函数（finalizer）通常是不可预测的，常常也是很危险的，一般情况下不是必要的。使用终结函数会导致不稳定的行为、更差的性能，以及带来移植性问题。不要把终结函数当做C++中的析构函数（destructors）的对应物。       我自己总结了一下这一条的综合性结论是这样的： 1）在涉及使用资源，使用完毕后要释放资源的情形下，首先要用一个显示的方
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他