尘世中人
尘世中人

HTML Help WorkShop制作chm图解

一位做共享软件做得很成功的同行说过：“一个好的共享软件，首先操作要简单容易上手，其次一定附带一个详尽的帮助手册。”可见，对于一个软件来说，帮助文件的重要性。不过大部分程序人员（包括我）都忽略了帮助文件的重要性，都认为自己做的软件相当简单，一看就会，殊不知我们是一个连底层都了解的开发人员。

前段时间本人做了一个图片处理软件，免费给一些同学和朋友使用，很多人的反馈是不知道怎么用，于是本人花时间做了一个帮助手册，得到了很多好的反馈，本人准备在结合他们的反馈意见之后发布一个Realease版本。在使用的过程中，我使用了微软提供的HTML Help WorkShop这个软件，可惜是英文的，为了方便广大对英语不是很熟悉的朋友，本人写了一份制作图解，希望对大家有帮助。
HTML Help WorkShop制作chm图解_第1张图片
图1 HTML Help WorkShop运行界面

HTML Help WorkShop制作chm图解_第2张图片
图2 新建一个工程

HTML Help WorkShop制作chm图解_第3张图片
图3 是否从WinHelp项目转换

HTML Help WorkShop制作chm图解_第4张图片
图4 设置项目文件的保存位置

HTML Help WorkShop制作chm图解_第5张图片
图5 如果已经制作了hhc、hhk和htm文件，可以勾选上面的相应项

HTML Help WorkShop制作chm图解_第6张图片
图6 新建帮助文件工程向导结束

HTML Help WorkShop制作chm图解_第7张图片
图7 新建工程向导结束之后的界面

HTML Help WorkShop制作chm图解_第8张图片
图8 contens选项卡

HTML Help WorkShop制作chm图解_第9张图片
图9 添加一个内容页

HTML Help WorkShop制作chm图解_第10张图片
图10 指定内容页的位置

HTML Help WorkShop制作chm图解_第11张图片
图11 选取内容页

HTML Help WorkShop制作chm图解_第12张图片
图12 填写标题（对比图9）

HTML Help WorkShop制作chm图解_第13张图片
图13 Index选项卡

HTML Help WorkShop制作chm图解_第14张图片
图14 添加Index向导第一步

HTML Help WorkShop制作chm图解_第15张图片
图15 添加Index向导第二步

HTML Help WorkShop制作chm图解_第16张图片
图16 填写完成之后的状况

HTML Help WorkShop制作chm图解_第17张图片
图17 指定chm文件的起始页

HTML Help WorkShop制作chm图解_第18张图片
图18 编译生成chm文件

说明：在制作过程中用到了.hhp、.hhk和.hhc三种文件，它们的作用分别如下：
.hhp：保存项目文件配置的有关内容，如便以后生成chm的语言以及打开chm的起始页；
.hhk：保存关键词索引目录的内容，其实是一个html文件，可以用记事本等打开查看和编辑。
.hhc：保存内容页的配置。其实是一个html文件，可以用记事本等打开查看和编辑。

通过记事本查看上面文件的内容之后，如果我们以网页的标题作为索引关键词，我们会发现.hhk和.hhc，这样可以直接copy，省去很多步骤。

附：.hhp文件内容（项目文件内容）

[ OPTIONS ]
Auto Index=Yes
Compatibility=1.1 or later
Compiled file=DotNet.chm
Contents file=Table of Contents.hhc
Default topic=dotnethelpIndex.html
Display compile progress=No
Index file=Index.hhk
Language=0x804 中文(中国)


[ INFOTYPES ]

Index.hhk文件（索引文件资源）内容

DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN" >
< HTML >
< HEAD >
< meta name ="GENERATOR" content ="Microsoft® HTML Help Workshop 4.1" >

HEAD >< BODY >
< UL >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="首页" >
< param name ="Local" value ="dotnethelpIndex.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="C#调用API" >
< param name ="Local" value ="dotnethelpC＃调用API.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="C#调用API详解" >
< param name ="Local" value ="dotnethelpC＃调用API详解.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="C#中调用Windows API时的数据类型对应关系" >
< param name ="Local" value ="dotnethelpC＃中调用Windows API时的数据类型对应关系.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="自己用C#做屏保" >
< param name ="Local" value ="dotnethelp自己用C＃做屏保.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="基于C#实现用于显示照片的屏保" >
< param name ="Local" value ="dotnethelp基于C＃实现用于显示照片的屏保.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="NHibernate 小纸条" >
< param name ="Local" value ="dotnethelpNHibernate 小纸条.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="用Nhibernate怎么实现数据的添加、删除、修改简单程序" >
< param name ="Local" value ="dotnethelp用Nhibernate怎么实现数据的添加、删除、修改简单程序.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="VS2005打包时加入卸载功能" >
< param name ="Local" value ="dotnethelpVS2005打包时加入卸载功能.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="VS2005项目的安装与布署" >
< param name ="Local" value ="dotnethelpVS2005项目的安装与布署.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="VS 2005中安装包的制作" >
< param name ="Local" value ="dotnethelpVS 2005中安装包的制作.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="使用VS2005制作安装包" >
< param name ="Local" value ="dotnethelp使用VS2005制作安装包.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="安装程序时读取路径的问题" >
< param name ="Local" value ="dotnethelp安装程序时读取路径的问题.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="iexpress的作用及使用方法" >
< param name ="Local" value ="dotnethelpiexpress的作用及使用方法.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="把.NET程序部署到没有安装.NET Framwork的机器上" >
< param name ="Local" value ="dotnethelp把.NET程序部署到没有安装.NET Framwork的机器上.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="VS2005怎么制作安装包" >
< param name ="Local" value ="dotnethelp初学者问一下，VS2005怎么制作安装包.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="日志记录组件[Log4net]详细介绍" >
< param name ="Local" value ="dotnethelp日志记录组件[Log4net]详细介绍.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="HTML Help WorkShop帮助手册" >
< param name ="Local" value ="dotnethelpHTML Help WorkShop帮助手册.html" >
OBJECT >
UL >
BODY > HTML >

Table of Contents.hhc文件（内容页项目资源）内容

DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN" >
< HTML >
< HEAD >
< meta name ="GENERATOR" content ="Microsoft® HTML Help Workshop 4.1" >

HEAD >< BODY >
< OBJECT type ="text/site properties" >
< param name ="ImageType" value ="Folder" >
OBJECT >
< UL >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="首页" >
< param name ="Local" value ="dotnethelpIndex.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="C#调用API" >
< param name ="Local" value ="dotnethelpC＃调用API.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="C#调用API详解" >
< param name ="Local" value ="dotnethelpC＃调用API详解.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="C#中调用Windows API时的数据类型对应关系" >
< param name ="Local" value ="dotnethelpC＃中调用Windows API时的数据类型对应关系.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="自己用C#做屏保" >
< param name ="Local" value ="dotnethelp自己用C＃做屏保.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="基于C#实现用于显示照片的屏保" >
< param name ="Local" value ="dotnethelp基于C＃实现用于显示照片的屏保.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="NHibernate 小纸条" >
< param name ="Local" value ="dotnethelpNHibernate 小纸条.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="用Nhibernate怎么实现数据的添加、删除、修改简单程序" >
< param name ="Local" value ="dotnethelp用Nhibernate怎么实现数据的添加、删除、修改简单程序.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="VS2005打包时加入卸载功能" >
< param name ="Local" value ="dotnethelpVS2005打包时加入卸载功能.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="VS2005项目的安装与布署" >
< param name ="Local" value ="dotnethelpVS2005项目的安装与布署.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="VS 2005中安装包的制作" >
< param name ="Local" value ="dotnethelpVS 2005中安装包的制作.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="使用VS2005制作安装包" >
< param name ="Local" value ="dotnethelp使用VS2005制作安装包.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="安装程序时读取路径的问题" >
< param name ="Local" value ="dotnethelp安装程序时读取路径的问题.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="iexpress的作用及使用方法" >
< param name ="Local" value ="dotnethelpiexpress的作用及使用方法.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="把.NET程序部署到没有安装.NET Framwork的机器上" >
< param name ="Local" value ="dotnethelp把.NET程序部署到没有安装.NET Framwork的机器上.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="VS2005怎么制作安装包" >
< param name ="Local" value ="dotnethelp初学者问一下，VS2005怎么制作安装包.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="日志记录组件[Log4net]详细介绍" >
< param name ="Local" value ="dotnethelp日志记录组件[Log4net]详细介绍.html" >
OBJECT >
< LI > < OBJECT type ="text/sitemap" >
< param name ="Name" value ="HTML Help WorkShop帮助手册" >
< param name ="Local" value ="dotnethelpHTML Help WorkShop帮助手册.html" >
OBJECT >
UL >
BODY > HTML >

你可能感兴趣的:(HTML Help WorkShop制作chm图解)

  • Web 开发都需要学什么？ Duiz33237 前端html5css3web
    Web开发是指开发和构建用于互联网的网站和应用程序的过程。它涉及使用各种编程语言、框架和技术来创建功能丰富、用户友好的网站和应用程序。常见的web开发技术包括HTML、CSS和JavaScript。HTML用于创建网页的结构，CSS用于样式和布局，而JavaScript用于实现交互和动态效果。此外，还有许多其他的编程语言和框架，如Python、PHP、Ruby、React、Angular等，用于开
  • 关于stable diffusion的lora训练在linux远程工作站的部署 回天一梦 stablediffusionpython经验分享
    在学校Arc中部署loratraining，一大问题就是依赖缺失和冲突。可以利用miniconda或者anaconda建立虚拟环境来解决。安装anaconda或者miniconda（官网上也有教程）：wgethttps://repo.anaconda.com/archive/Anaconda3-5.3.0-Linux-x86_64.shchmod+xAnaconda3-5.3.0-Linux-x8
  • 如何使用Jsoup提取商品信息：实战指南 数据小爬虫@ python爬虫java
    在使用Java进行Web爬虫开发时，Jsoup是一个非常强大的HTML解析库，可以帮助你轻松地提取网页中的数据。本文将详细介绍如何使用Jsoup提取商品信息，包括商品标题、价格、描述和图片链接等。一、环境准备（一）Java开发环境确保你的系统中已安装Java开发环境，推荐使用JDK11或更高版本。（二）安装所需库使用Maven管理项目依赖，主要包括以下库：Jsoup：用于解析HTML内容。在pom
  • 前端高级CSS用法 二川bro 前端前端css
    前端高级CSS用法在前端开发中，CSS（层叠样式表）不仅是用来控制网页的外观和布局，更是实现复杂交互和动态效果的关键技术之一。随着前端技术的不断发展，CSS的用法也日益丰富和高级。本文将深入探讨前端高级CSS的用法，并通过表格和流程图来直观展示。一、CSS高级选择器CSS选择器是选择HTML元素并应用样式的基础。高级选择器使得我们能够更加精确地选择元素，从而实现更复杂的样式效果。属性选择器：根据元
  • 【STM32】Fatfs文件系统（1）—结构体配置 _Yeps stm32嵌入式硬件单片机
    1.FatFs结构体配置1.1FunctionConfigurations功能配置FF_FS_READONLY定义FatFs是否工作在只读模式0:读/写。默认值。1：只读。只读模式下，写相关的函数f_write(),f_sync(),f_unlink(),f_mkdir(),f_chmod(),f_rename(),f_truncate(),f_getfree()以及其他和写操作相关的函数都将被移
  • 简易C语言Web服务器 mzg__ c语言前端服务器
    概述：这个项目是一个用C语言实现的简易Web服务器，使用了套接字（sockets）和pthread。服务器能够处理基本的HTTP请求，提供静态HTML和图片文件。它采用多线程以同时处理多个客户端连接。主要特点：HTTP服务器：在指定的端口（这里是8080）监听传入的HTTP请求。多线程：利用pthread以同时处理多个客户端连接，提高服务器的响应性。文件处理：根据客户端请求，支持提供HTML和JP
  • Azure Kubernetes Service (AKS) Workshop 教程 黎玫洵Errol
    AzureKubernetesService(AKS)Workshop教程aksworkshopAzureKubernetesService(AKS)workshopwebsitecontent项目地址:https://gitcode.com/gh_mirrors/ak/aksworkshop1、项目介绍AzureKubernetesService(AKS)Workshop是一个开源项目，旨在帮助
  • 《恐龙餐厅菜单页面代码说明文档》 欣然～ html5
    一、整体概述此HTML文件构建了一个恐龙餐厅的菜单页面，用户能够浏览菜品、将菜品添加到购物车，并进行支付操作。页面运用HTML搭建结构，CSS进行样式设计，JavaScript实现交互功能。二、HTML结构1.文档头部（）html恐龙餐厅菜单/*CSS样式代码*/：声明文档类型为HTML5。：指定文档语言为中文（中国大陆）。：设置字符编码为UTF-8，确保中文等字符能正确显示。：让页面在不同设备上
  • 使用python制作网站 欣然～ pythonsqlite数据库
    新建一个名为pizzeria的项目，并在其中添加一个名为pizzas的应用程序。定义一个名为Pizza的模型，它包含字段name，用于存储比萨名称，如Hawaiian和MeatLovers。定义一个名为Topping的模型，它包含字段pizza和name，其中字段pizza是一个关联到Pizza的外键，而字段name用于存储配料，如pineapple、Canadianbacon和sausage。使
  • 基于html5QrCode实现的H5扫码功能（uni-app v2版本） _虾仁不眨眼_ 移动端H5uni-apphtml5
    1.安装（选择一种方式）使用npmHtml5Qrcodenpm链接npmihtml5-qrcode直接引入html5-qrcode.min.js文件（本例使用此方法）2.扫码组件代码（先引入Html5Qrcode资源）exportdefault{name:'Scan',model:{props:'value',event:'close'},props:{value:{type:Boolean,de
  • input限制只能输入正整数 _虾仁不眨眼_ javascripthtml5
    要限制input元素只能输入正整数，可以使用以下几种方法：1.使用HTML5的type="number"属性这种方式可以限制输入框只接受数字输入，并且可以通过min和step属性设置最小值和步长。2.使用正则表达式进行输入验证使用@input事件监听输入框的输入事件，并在validateInput方法中使用正则表达式过滤掉非数字和非正整数的字符。//html//jsmethods:{validat
  • 前端大屏触摸签名实现 风无雨 前端前端
    参考：JavaScript实现手写签名，可触屏手写，支持移动端与PC端双端保存_js手写签名-CSDN博客https://www.cnblogs.com/smileZAZ/p/17219400.html1.新建一个canvas元素获取canvas上下文，绘制初始矩形，设置高度宽度，初始绘制位置0,0//创建上下文constctx=canvas.getContext('2d')2.监听touchst
  • 小程序 实现手写签名功能 小星落 小程序javascriptjscanvas小程序
    小程序利用canvas实现手写签名设置小程序横屏在page.json或对应页面.json文件中设置landscape代表固定横屏"pageOrientation":"landscape"手写签名创建canvas画布设置监听触摸开始移动结束等时间此处为uniapp示例原生小程序的也可参考进行修改(只需将@touchmove等事件换为bindtouchmove等微信事件即可)重签完成签名page{ba
  • 移动端Canvas实现手写签名 不知名靓仔 canvas
    引言在移动应用开发中，手写签名功能的集成已经成为许多业务场景的标配，比如电子合同签署、医疗记录确认或是物流配送签收等。本文将详细阐述如何在移动端实现手写签名，包括技术选型、具体实现步骤以及优化建议，帮助开发者快速上手并构建高质量的手写签名体验。技术选型1.使用CanvasAPIHTML5的CanvasAPI提供了在网页上绘制图形的能力，包括路径、文本、图像等，非常适合用来捕捉和展示手写签名。在移动
  • 最新微信小程序面试题集结 江湖二哥 微信小程序前端面试小程序
    1、微信小程序与H5的区别?第一条是运行环境的不同传统的HTML5的运行环境是浏览器，包括webview，而微信小程序的运行环境并非完整的浏览器，是微信开发团队基于浏览器内核完全重构的一个内置解析器，针对小程序专门做了优化，配合自己定义的开发语言标准，提升了小程序的性能。第二条是开发成本的不同只在微信中运行，所以不用再去顾虑浏览器兼容性，不用担心生产环境中出现不可预料的奇妙BuG第三条是获取系统级
  • 使用yolov8+flask实现精美登录界面+图片视频摄像头检测系统 FL1623863129 深度学习YOLOflaskpython
    这个是使用flask实现好看登录界面和友好的检测界面实现yolov8推理和展示，代码仅仅有2个html文件和一个python文件，真正做到了用最简洁的代码实现复杂功能。测试通过环境：windowsx64anaconda3+python3.8ultralytics==8.3.81flask==1.1.2torch==2.3.0运行步骤：安装好环境执行pythonlogin.py后端实现代码：from
  • 深度好文 图解 RocketMQ 的系统架构 橘野禾 系统架构kafkajava分布式后端
    今天给大家分享一篇学习RocketMQ系统架构核心知识点的梳理和总结,在讲解时力求精简、通俗易懂，通过图解来给正在学习RocketMQ的小伙伴带来帮助。RocketMQ是阿里巴巴的分布式消息中间件，在2012年开源，在2017年成为Apache顶级项目。1集群架构RocketMQ的集群架构如下图：从上图可以看到，整个集群中有四个角色：NameServer集群、Broker主从集群、Producer
  • torch-torchvision-python版本对应问题 Thirtyaoe python深度学习pytorch
    module‘torch.onnx.symbolic_helper’hasnoattribute‘quantized_args’今日在联系pytorch时，importtorchvision时报错：module‘torch.onnx.symbolic_helper’hasnoattribute‘quantized_args’查阅后发现是版本不兼容的问题，于是查看了正确的对应版本，对自己的进行修改。
  • 78. Harmonyos NEXT 懒加载数据源实现解析 harmonyos-next
    温馨提示：本篇博客的详细代码已发布到git:https://gitcode.com/nutpi/HarmonyosNext可以下载运行哦！HarmonyosNEXT懒加载数据源实现解析：BasicDataSource与CommonLazyDataSourceModel详解一、核心类关系图解二、基础数据源实现（BasicDataSource）1.监听器管理机制privatelisteners:Dat
  • 订单管理系统 大学生数据库大作业/数据库实践MYSQL 陌路物是人非 数据库课程设计
    订单管理系统从入门到入土下载Maven，Nodejs创建一个数据库sql_end，创建四个数据库表，并确保用户名为root用户密码为123456再IDEA中加载Springboot依赖（可以直接新建一个任意名称的文件夹，项目导入spring的框架），启动spring项目打开index.html输入用户名和密码，点击注册，再点击登录点击个人中心，点击修改用户信息，修改自己的余额点击逛店铺，选择一个商
  • 默默的学python——两个重要的函数dir()、help() xiaoli_panpan #python基础python
    一、dir()函数dir()函数在Python中用于返回一个对象的所有属性和方法的列表，当你对一个函数使用dir()时，它会返回函数对象的所有可访问的属性和方法的名字列表。具体的说，dir()函数获取的内容包括：1.特殊方法和魔法方法如call、code、defaults、doc、globals、__name__等，这些方法和属性是函数对象的一部分，提供了对函数元数据的访问。2.基础自基类的属性和
  • python xpath定位元素方法_关于python中的xpath解析定位 weixin_39975366 pythonxpath定位元素方法
    爬取的网站：http://jbk.39.net/chancegz/这里只针对个别属性值：#例如：'别名'下的span标签文本，‘发病部位'下的span标签文本以及‘挂号科室‘下的span标签文本#defdisease(url):text=get_html(url)tree=etree.HTML(text)bm=tree.xpath('//ul[@class="information_ul"]/li
  • XPath简介——完整入门和详解 葡萄架子 网络协议前端
    XPath简介——完整入门和详解**XPath的用法场景****XPath的基本语法****1.树型结构概念****2.XPath基本路径语法****定位方式及详细语法讲解**示例HTML结构：**1.路径选择****基础语法：层级表示法****查询所有匹配的节点****2.位置选取语法****单个节点索引选择****结合多个位置过滤****3.属性条件过滤**属性查询示例：含动态匹配：**4.文
  • 基于AT89C52单片机的多功能万年历温度计设计 七月小卖铺 单片机单片机嵌入式硬件
    点击链接获取Keil源码与ProjectBackups仿真图：https://download.csdn.net/download/qq_64505944/89452374?spm=1001.2014.3001.5503C源码+仿真图+毕业设计+实物制作步骤+08AT89C52（与AT89S52、AT89C52通用，可任选）单片机、LCD液晶显示，DS1302时钟芯片、DS18B20温度传感器，蜂
  • 什么是遍历？ dengjuanshou7445 javascriptViewUI
    jQuery遍历，意为“移动”，用于根据其相对于其他元素的关系来“查找”（或选取）HTML元素。以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为止。下图展示了一个家族树。通过jQuery遍历，您能够从被选（当前的）元素开始，轻松地在家族树中向上移动（祖先），向下移动（子孙），水平移动（同胞）。这种移动被称为对DOM进行遍历。图示解释：元素是的父元素，同时是其中所有内容的祖先。元素是元素的
  • html-to-image的使用及图片变形和无图问题修复 庸懒 前端
    html-to-image的使用及图片变形和无图问题修复最近迭代的时候因为新增了一个需求，需要前端提供素材及样式给后端，后端同步渲染，但是因为部分样式问题后端无法实现所以决定前端将页面生成图片然后传递给后端使用，本文记录一下使用的过程及遇到的部分问题。技术调研现在将页面元素转换成图片的插件有很多，普遍使用的技术原理都是利用canvas或者SVG将页面元素转换成画布或者svg元素，然后再转成图片。这
  • REAPER：REAPER基础操作与界面介绍_2024-07-17_13-32-08.Tex chenjj4003 游戏开发自动化运维chrome前端人工智能
    REAPER：REAPER基础操作与界面介绍REAPER简介与安装1.1REAPER软件概述REAPER是一款功能强大且灵活的数字音频工作站(DAW)，适用于Windows和MacOSX操作系统。它提供了多轨录音、音频和MIDI编辑、混音、母带处理、虚拟乐器和效果器插件支持等全面的音频制作功能。REAPER的设计理念是简洁高效，用户界面直观，同时允许高度的自定义和扩展，适合从初学者到专业音频工程师
  • 操作系统知识点30 落——枫 网络
    1.处理器处于管态时可以执行全部指令2.当进程处于阻塞态时，表示进程因某种原因而暂时不能运行的状态3.最近最不常用LFU：淘汰访问次数最少最近未使用NRU：访问位和修改位均为0最近最少使用LRU：访问位为0，访问次数最多4.采用给进程一次性分配其所需资源的方法是破坏了请求和保持条件5.要实现一个可变分区存储管理方案，需要的基本条件：硬件地址转换机制作支持；基址寄存器；限长寄存器；地址加法器；地址比
  • 什么是SDI信号？SDI信号的分类、特点及应用 度纬仪器 信息与通信
    引言在视频传输领域，SDI（SerialDigitalInterface，串行数字接口）信号是一种广泛应用的数字视频传输标准。它以其高速、高保真度和低延迟的特点，在广播、电影制作、视频监控等多个领域发挥着重要作用。本文将详细介绍SDI信号是什么、分类、特点优势以及常见的应用案例。SDI信号是什么？串行数字接口（serialdigitalinterface，简称SDI）是一种用于传输高质量、未压缩的
  • canvas绘制和数字签名 前端
    关键是要把存放绘制的信息放到一个二维数组中：绘制时最好不要用定时器进行定时绘制，因为会卡顿，最好使用requestAnimationFrame这个原生js的api方法，因为是以帧的间隔绘制，所以会看起来流畅Documenthtml,body{height:100%;margin:0;padding:0;}.container{width:100%;padding:20px0;display:fle
  • java类加载顺序 3213213333332132 java
    package com.demo; /** * @Description 类加载顺序 * @author FuJianyong * 2015-2-6上午11:21:37 */ public class ClassLoaderSequence { String s1 = "成员属性"; static String s2 = "
  • Hibernate与mybitas的比较 BlueSkator sqlHibernate框架ibatisorm
    第一章     Hibernate与MyBatis Hibernate 是当前最流行的O/R mapping框架，它出身于sf.net，现在已经成为Jboss的一部分。 Mybatis 是另外一种优秀的O/R mapping框架。目前属于apache的一个子项目。 MyBatis 参考资料官网：http:
  • php多维数组排序以及实际工作中的应用 dcj3sjt126com PHPusortuasort
    自定义排序函数返回false或负数意味着第一个参数应该排在第二个参数的前面, 正数或true反之, 0相等usort不保存键名uasort 键名会保存下来uksort 排序是对键名进行的 <!doctype html> <html lang="en"> <head> <meta charset="utf-8&q
  • DOM改变字体大小 周华华 前端
    <!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&q
  • c3p0的配置 g21121 c3p0
    c3p0是一个开源的JDBC连接池，它实现了数据源和JNDI绑定，支持JDBC3规范和JDBC2的标准扩展。c3p0的下载地址是：http://sourceforge.net/projects/c3p0/这里可以下载到c3p0最新版本。 以在spring中配置dataSource为例： <!-- spring加载资源文件 --> <bean name="prope
  • Java获取工程路径的几种方法 510888780 java
    第一种： File f = new File(this.getClass().getResource("/").getPath()); System.out.println(f); 结果: C:\Documents%20and%20Settings\Administrator\workspace\projectName\bin 获取当前类的所在工程路径; 如果不加“
  • 在类Unix系统下实现SSH免密码登录服务器 Harry642 免密ssh
    1.客户机     (1)执行ssh-keygen -t rsa -C "[email protected]"生成公钥，xxx为自定义大email地址     (2)执行scp ~/.ssh/id_rsa.pub root@xxxxxxxxx:/tmp将公钥拷贝到服务器上，xxx为服务器地址     (3)执行cat
  • Java新手入门的30个基本概念一 aijuans javajava 入门新手
    在我们学习Java的过程中,掌握其中的基本概念对我们的学习无论是J2SE,J2EE,J2ME都是很重要的,J2SE是Java的基础,所以有必要对其中的基本概念做以归纳,以便大家在以后的学习过程中更好的理解java的精髓,在此我总结了30条基本的概念。　　Java概述:　　目前Java主要应用于中间件的开发(middleware)---处理客户机于服务器之间的通信技术,早期的实践证明,Java不适合
  • Memcached for windows 简单介绍 antlove javaWebwindowscachememcached
    1. 安装memcached server a. 下载memcached-1.2.6-win32-bin.zip b. 解压缩，dos 窗口切换到 memcached.exe所在目录，运行memcached.exe -d install c.启动memcached Server,直接在dos窗口键入 net start "memcached Server&quo
  • 数据库对象的视图和索引 百合不是茶 索引oeacle数据库视图
      视图     视图是从一个表或视图导出的表，也可以是从多个表或视图导出的表。视图是一个虚表，数据库不对视图所对应的数据进行实际存储，只存储视图的定义，对视图的数据进行操作时,只能将字段定义为视图,不能将具体的数据定义为视图       为什么oracle需要视图;    &
  • Mockito(一) --入门篇 bijian1013 持续集成mockito单元测试
            Mockito是一个针对Java的mocking框架，它与EasyMock和jMock很相似，但是通过在执行后校验什么已经被调用，它消除了对期望 行为（expectations）的需要。其它的mocking库需要你在执行前记录期望行为（expectations），而这导致了丑陋的初始化代码。  &nb
  • 精通Oracle10编程SQL(5)SQL函数 bijian1013 oracle数据库plsql
    /* * SQL函数 */ --数字函数 --ABS(n):返回数字n的绝对值 declare v_abs number(6,2); begin v_abs:=abs(&no); dbms_output.put_line('绝对值：'||v_abs); end; --ACOS(n):返回数字n的反余弦值，输入值的范围是-1~1，输出值的单位为弧度
  • 【Log4j一】Log4j总体介绍 bit1129 log4j
    Log4j组件：Logger、Appender、Layout   Log4j核心包含三个组件：logger、appender和layout。这三个组件协作提供日志功能： 日志的输出目标 日志的输出格式 日志的输出级别(是否抑制日志的输出)  logger继承特性 A logger is said to be an ancestor of anothe
  • Java IO笔记 白糖_ java
    public static void main(String[] args) throws IOException { //输入流 InputStream in = Test.class.getResourceAsStream("/test"); InputStreamReader isr = new InputStreamReader(in); Bu
  • Docker 监控 ronin47 docker监控
             目前项目内部署了docker，于是涉及到关于监控的事情，参考一些经典实例以及一些自己的想法，总结一下思路。 1、关于监控的内容 监控宿主机本身 监控宿主机本身还是比较简单的，同其他服务器监控类似，对cpu、network、io、disk等做通用的检查，这里不再细说。 额外的，因为是docker的
  • java-顺时针打印图形 bylijinnan java
    一个画图程序 要求打印出： 1.int i=5; 2.1 2 3 4 5 3.16 17 18 19 6 4.15 24 25 20 7 5.14 23 22 21 8 6.13 12 11 10 9 7. 8.int i=6 9.1 2 3 4 5 6 10.20 21 22 23 24 7 11.19
  • 关于iReport汉化版强制使用英文的配置方法 Kai_Ge iReport汉化英文版
    对于那些具有强迫症的工程师来说，软件汉化固然好用，但是汉化不完整却极为头疼，本方法针对iReport汉化不完整的情况，强制使用英文版，方法如下： 在 iReport 安装路径下的 etc/ireport.conf 里增加红色部分启动参数，即可变为英文版。   # ${HOME} will be replaced by user home directory accordin
  • [并行计算]论宇宙的可计算性 comsci 并行计算
          现在我们知道,一个涡旋系统具有并行计算能力.按照自然运动理论,这个系统也同时具有存储能力,同时具备计算和存储能力的系统,在某种条件下一般都会产生意识......       那么,这种概念让我们推论出一个结论     &nb
  • 用OpenGL实现无限循环的coverflow dai_lm androidcoverflow
    网上找了很久，都是用Gallery实现的，效果不是很满意，结果发现这个用OpenGL实现的，稍微修改了一下源码，实现了无限循环功能 源码地址： https://github.com/jackfengji/glcoverflow public class CoverFlowOpenGL extends GLSurfaceView implements GLSurfaceV
  • JAVA数据计算的几个解决方案1 datamachine javaHibernate计算
    老大丢过来的软件跑了10天，摸到点门道，正好跟以前攒的私房有关联，整理存档。 -----------------------------华丽的分割线-------------------------------------     数据计算层是指介于数据存储和应用程序之间，负责计算数据存储层的数据，并将计算结果返回应用程序的层次。J  &nbs
  • 简单的用户授权系统,利用给user表添加一个字段标识管理员的方式 dcj3sjt126com yii
    怎么创建一个简单的(非 RBAC)用户授权系统 通过查看论坛，我发现这是一个常见的问题，所以我决定写这篇文章。 本文只包括授权系统.假设你已经知道怎么创建身份验证系统(登录)。 数据库 首先在 user 表创建一个新的字段(integer 类型),字段名 'accessLevel',它定义了用户的访问权限 扩展 CWebUser 类 在配置文件(一般为 protecte
  • 未选之路 dcj3sjt126com 诗
    作者:罗伯特*费罗斯特   黄色的树林里分出两条路, 可惜我不能同时去涉足, 我在那路口久久伫立, 我向着一条路极目望去, 直到它消失在丛林深处.   但我却选了另外一条路, 它荒草萋萋,十分幽寂; 显得更诱人,更美丽, 虽然在这两条小路上, 都很少留下旅人的足迹.   那天清晨落叶满地, 两条路都未见脚印痕迹. 呵,留下一条路等改日再
  • Java处理15位身份证变18位 蕃薯耀 18位身份证变15位15位身份证变18位身份证转换
      15位身份证变18位，18位身份证变15位 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 201
  • SpringMVC4零配置--应用上下文配置【AppConfig】 hanqunfeng springmvc4
    从spring3.0开始，Spring将JavaConfig整合到核心模块，普通的POJO只需要标注@Configuration注解，就可以成为spring配置类，并通过在方法上标注@Bean注解的方式注入bean。   Xml配置和Java类配置对比如下： applicationContext-AppConfig.xml   <!-- 激活自动代理功能 参看：
  • Android中webview跟JAVASCRIPT中的交互 jackyrong JavaScripthtmlandroid脚本
      在android的应用程序中,可以直接调用webview中的javascript代码,而webview中的javascript代码,也可以去调用ANDROID应用程序(也就是JAVA部分的代码).下面举例说明之: 1 JAVASCRIPT脚本调用android程序    要在webview中,调用addJavascriptInterface(OBJ,int
  • 8个最佳Web开发资源推荐 lampcy 编程Web程序员
    Web开发对程序员来说是一项较为复杂的工作，程序员需要快速地满足用户需求。如今很多的在线资源可以给程序员提供帮助，比如指导手册、在线课程和一些参考资料，而且这些资源基本都是免费和适合初学者的。无论你是需要选择一门新的编程语言，或是了解最新的标准，还是需要从其他地方找到一些灵感，我们这里为你整理了一些很好的Web开发资源，帮助你更成功地进行Web开发。 这里列出10个最佳Web开发资源，它们都是受
  • 架构师之面试------jdk的hashMap实现 nannan408 HashMap
    1.前言。   如题。 2.详述。   (1)hashMap算法就是数组链表。数组存放的元素是键值对。jdk通过移位算法（其实也就是简单的加乘算法），如下代码来生成数组下标(生成后indexFor一下就成下标了）。 static int hash(int h) { h ^= (h >>> 20) ^ (h >>>
  • html禁止清除input文本输入缓存 Rainbow702 html缓存input输入框change
    多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。 如果不想让浏览器缓存input的值，有2种方法： 方法一： 在不想使用缓存的input中添加 autocomplete="off";  <input type="text" autocomplete="off" n
  • POJO和JavaBean的区别和联系 tjmljw POJOjava beans
    POJO 和JavaBean是我们常见的两个关键字，一般容易混淆，POJO全称是Plain Ordinary Java Object / Pure Old Java Object，中文可以翻译成：普通Java类，具有一部分getter/setter方法的那种类就可以称作POJO，但是JavaBean则比 POJO复杂很多， Java Bean 是可复用的组件，对 Java Bean 并没有严格的规
  • java中单例的五种写法 liuxiaoling java单例
    /** * 单例模式的五种写法： * 1、懒汉 * 2、恶汉 * 3、静态内部类 * 4、枚举 * 5、双重校验锁 */ /** * 五、 双重校验锁，在当前的内存模型中无效 */ class LockSingleton { private volatile static LockSingleton singleton; pri
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他