大白良
大白良

文章自排版js框架treesaver的使用

     最近公司要做一个阅读器的东西，类似于qq阅读，但是文章内容页面也要排版最后就找到了这个东西。它可以对文章进行排版并把图片嵌入其中。别的不说先看看其教程上的效果图

网站的演示效果

http://demo.nomadeditions.com/wide-screen/#-/wide-screen/movies-of-the-week.html

 

 

相关资源

官方网站：
http://treesaver.net/
http://treesaverjs.com/
源代码地址：
https://github.com/Treesaver/
wiki
https://github.com/Treesaver/treesaver/wiki
例子
https://github.com/Treesaver/treesaver/wiki/Walkthrough

一，下载代码

https://github.com/Treesaver/treesaver/wiki/Walkthrough

打开这个连接找到红框位置点击下载

 

下载解压后文档结构如图

 

img---文件夹存放图片素材

01-down-the-rabbit-hole.html---阅读器页面

resources.html--定义模板的资源文件

style.css--样式文件

treesaver-0.9.2.js--treesaver框架负责页面的生成

将解压的文件夹考到任何一个web服务器下打开01-down-the-rabbit-hole.html页面，如图所示（可以用鼠标和滚轮进行翻页）

resources.html资源文件（用于模板的定义，及界面控制）

  
  
  
  
    
   
   
   
   
  1. <!doctype html> 
    2. 
   
   
   
   
  2. <html> 
    3. 
   
   
   
   
  3.   <body> 
    4. 
   
   
   
   
  4. <!--页面显示区域定义--> 
    5. 
   
   
   
   
  5.     <div class="chrome"> 
    6. 
   
   
   
   
  6.       <div class="viewer"> 
    7. 
   
   
   
   
  7.       </div> 
    8. 
   
   
   
   
  8.     </div> 
    9. 
   
   
   
   
  9.   <!--页面模板定义--> 
    10. 
   
   
   
   
  10.     <div class="grid"> 
    11. 
   
   
   
   
  11.     <!--单列--> 
    12. 
   
   
   
   
  12.       <div class="column"></div> 
    13. 
   
   
   
   
  13.     </div> 
    14. 
   
   
   
   
  14.  <!--加载信息--> 
    15. 
   
   
   
   
  15.     <div class="loading"> 
    16. 
   
   
   
   
  16.       Loading 
    17. 
   
   
   
   
  17.     </div> 
    18. 
   
   
   
   
  18. <!--错误信息--> 
    19. 
   
   
   
   
  19.     <div class="error"> 
    20. 
   
   
   
   
  20.       Error 
    21. 
   
   
   
   
  21.     </div> 
    22. 
   
   
   
   
  22.   </body> 
    23. 
   
   
   
   
  23. </html> 
    24.

二，修改界面添加换页按钮

1，修改资源文件（resources.html）

  
  
  
  
    
   
   
   
   
  1. <div class="chrome"> 
    2. 
   
   
   
   
  2.   <div class="viewer"> 
    3. 
   
   
   
   
  3.   </div> 
    4. 
   
   
   
   
  4. <!--页面的所有的按钮都在这里面定义--> 
    5. 
   
   
   
   
  5.   <div class="controls"> 
    6. 
   
   
   
   
  6.     <div class="pagewidth"> 
    7. 
   
   
   
   
  7.       <span class="pagenumbers"> 
    8. 
   
   
   
   
  8.       <!--当前页--> 
    9. 
   
   
   
   
  9.         <span data-bind="pagenumber">1</span> / 
    10. 
   
   
   
   
  10.      <!--总页数--> 
    11. 
   
   
   
   
  11.         <span data-bind="pagecount">5</span> 
    12. 
   
   
   
   
  12.       </span> 
    13. 
   
   
   
   
  13.    <!--上页下页--> 
    14. 
   
   
   
   
  14.       <button class="prev">Prev</button> 
    15. 
   
   
   
   
  15.       <button class="next">Next</button> 
    16. 
   
   
   
   
  16.     </div> 
    17. 
   
   
   
   
  17.   </div> 
    18. 
   
   
   
   
  18. </div> 
    19.

2，修改相应css文件

  
  
  
  
    
   
   
   
   
  1. .treesaver body { 
    2. 
   
   
   
   
  2.     /* Hide scrollbars */ 
    3. 
   
   
   
   
  3.     overflow: hidden; 
    4. 
   
   
   
   
  4.     /* Use full body canvas */ 
    5. 
   
   
   
   
  5.     margin: 0; 
    6. 
   
   
   
   
  6.     border: 0; 
    7. 
   
   
   
   
  7.     padding: 0; 
    8. 
   
   
   
   
  8.   } 
    9. 
   
   
   
   
  9.  
    10. 
   
   
   
   
  10.   .chrome, .viewer, .grid, .column, .container { 
    11. 
   
   
   
   
  11.     /* Manually position everything */ 
    12. 
   
   
   
   
  12.     position: absolute; 
    13. 
   
   
   
   
  13.     /* Make sure seams aren't visible */ 
    14. 
   
   
   
   
  14.     overflow: hidden; 
    15. 
   
   
   
   
  15.     /* Set the base vertical grid */ 
    16. 
   
   
   
   
  16.     line-height: 20px; 
    17. 
   
   
   
   
  17.   } 
    18. 
   
   
   
   
  18.  
    19. 
   
   
   
   
  19.   /* Stretch the viewer to fill the screen */ 
    20. 
   
   
   
   
  20.   .viewer { 
    21. 
   
   
   
   
  21.     top: 0; 
    22. 
   
   
   
   
  22.     bottom: 40px; 
    23. 
   
   
   
   
  23.     left: 0; 
    24. 
   
   
   
   
  24.     right: 0; 
    25. 
   
   
   
   
  25.   } 
    26. 
   
   
   
   
  26.  
    27. 
   
   
   
   
  27.   .grid { 
    28. 
   
   
   
   
  28.     width: 300px; 
    29. 
   
   
   
   
  29.     border: 1px solid #ccc; 
    30. 
   
   
   
   
  30.     margin: 9px; 
    31. 
   
   
   
   
  31.     opacity: .25 
    32. 
   
   
   
   
  32.   } 
    33. 
   
   
   
   
  33.  
    34. 
   
   
   
   
  34.   .column { 
    35. 
   
   
   
   
  35.     width: 280px; 
    36. 
   
   
   
   
  36.     top: 5px; 
    37. 
   
   
   
   
  37.     bottom: 5px; 
    38. 
   
   
   
   
  38.     left: 5px; 
    39. 
   
   
   
   
  39.   } 
    40. 
   
   
   
   
  40.  
    41. 
   
   
   
   
  41.   #currentPage { 
    42. 
   
   
   
   
  42.     opacity: 1; 
    43. 
   
   
   
   
  43.   } 
    44. 
   
   
   
   
  44.  
    45. 
   
   
   
   
  45.   .controls { 
    46. 
   
   
   
   
  46.     position: absolute; 
    47. 
   
   
   
   
  47.     bottom: 10px; 
    48. 
   
   
   
   
  48.     left: 0; 
    49. 
   
   
   
   
  49.     right: 0; 
    50. 
   
   
   
   
  50.     height: 30px; 
    51. 
   
   
   
   
  51.     line-height: 30px; 
    52. 
   
   
   
   
  52.     font-family: Helvetica, Sans-Serif; 
    53. 
   
   
   
   
  53.   } 
    54. 
   
   
   
   
  54.  
    55. 
   
   
   
   
  55.   .pagenumbers { 
    56. 
   
   
   
   
  56.     display: block; 
    57. 
   
   
   
   
  57.     text-align: center; 
    58. 
   
   
   
   
  58.     color: #999; 
    59. 
   
   
   
   
  59.     font-size: 12px; 
    60. 
   
   
   
   
  60.     font-weight: bold; 
    61. 
   
   
   
   
  61.   } 
    62. 
   
   
   
   
  62.  
    63. 
   
   
   
   
  63.   .controls .pagewidth { 
    64. 
   
   
   
   
  64.     margin: 0 auto; 
    65. 
   
   
   
   
  65.     position: relative; 
    66. 
   
   
   
   
  66.   } 
    67. 
   
   
   
   
  67.  
    68. 
   
   
   
   
  68.   .controls .next { 
    69. 
   
   
   
   
  69.     position: absolute; 
    70. 
   
   
   
   
  70.     right: 0; 
    71. 
   
   
   
   
  71.     top: 0; 
    72. 
   
   
   
   
  72.   } 
    73. 
   
   
   
   
  73.  
    74. 
   
   
   
   
  74.   .controls .prev { 
    75. 
   
   
   
   
  75.     position: absolute; 
    76. 
   
   
   
   
  76.     left: 0; 
    77. 
   
   
   
   
  77.     top: 0; 
    78. 
   
   
   
   
  78.   } 
    79.

恩，未完待续

你可能感兴趣的:(职场,休闲,自动排版,文章模板,treesaver)

  • 【MyBatis】@Results注解的使用 卡文迪许的引力常量 MyBatismybatis
    @Results注解详解在MyBatis中，@Results注解用于将数据库的字段和Java实体类的属性进行映射，特别是在字段名与属性名不一致的情况下。MyBatis默认会使用自动映射，但如果数据库字段使用snake_case（下划线命名法），而Java类使用camelCase（驼峰命名法），就可能需要手动指定映射关系。这时可以使用@Results注解。（或者也可以在配置文件中设置）1.@Resu
  • 【SpringBoot3】Spring Boot 3.0 集成 Mybatis Plus m0_74824661 面试学习路线阿里巴巴springbootmybatis后端
    文章目录一、什么是MybatisPlus特性二、SpringBoot3.0集成MybatisPlus三、MybatisPlus查询示例1、普通查询2、分页查询参考一、什么是MybatisPlusMyBatis-Plus（简称MP）是一个MyBatis的增强工具，在MyBatis的基础上只做增强不做改变，为简化开发、提高效率而生。特性无侵入：只做增强不做改变，引入它不会对现有工程产生影响，如丝般顺滑
  • 量化交易策略都有哪些？怎么运用？ 股票程序化交易接口 Python股票量化交易股票API接口量化交易量化交易策略均值回归动量策略风险控制股票量化接口股票API接口
    Python股票接口实现查询账户，提交订单，自动交易（1）Python股票程序交易接口查账，提交订单，自动交易（2）股票量化，Python炒股，CSDN交流社区>>>均值回归策略：寻找价格的回归点均值回归的原理均值回归策略是基于一种市场现象，即价格不会永远偏离其长期的平均值。从市场的历史数据来看，无论是股票、期货还是其他金融资产，价格总是围绕着一个均值上下波动。这就像一个有弹性的绳子，当价格被拉伸
  • 【全栈】SprintBoot+vue3迷你商城-细节解析（2）：分页 杰九 vue.jsspringbootjava
    【全栈】SprintBoot+vue3迷你商城-细节解析（2）：分页往期的文章都在这里啦，大家有兴趣可以看一下后端部分：【全栈】SprintBoot+vue3迷你商城（1）【全栈】SprintBoot+vue3迷你商城（2）【全栈】SprintBoot+vue3迷你商城-扩展：利用python爬虫爬取商品数据【全栈】SprintBoot+vue3迷你商城（3）【全栈】SprintBoot+vue3
  • AI赋能下的2025商业新契机：AI无人自动直播引领财富增长 V__17671155793 人工智能pythonchatgptgpt-3gpt
    AI赋能下的2025商业新契机：AI无人自动直播引领财富增长！在科技飞速发展的时代，每一次重大的技术突破都有可能重塑商业格局，创造全新的财富机遇。如今，随着人工智能技术的深度应用，AI无人自动直播正成为2025年最具潜力的造富新赛道，为广大商家提供了前所未有的发展契机，助力其在激烈的市场竞争中展翅腾飞。一、传统直播困境与AI无人自动直播的破局之道回顾直播行业的发展历程，传统直播模式在经历了初期的爆
  • CTF解题技能之MISC基础（持续更新） l2xcty 网络安全
    CTF解题技能之MISC基础文章目录CTF解题技能之MISC基础前言一、文件类型识别二、文件分离1.binwalk分离2.foremost分离3.dd4.fcrackzip5.010editor总结前言本篇主要介绍杂项基础题目的知识点以及所需的工具以及案例。通过百度网盘分享的文件：第二次小组活动链接：https://pan.baidu.com/s/1p02AwZDKCPyGeBbh1YhmDg?p
  • flutter gradle版本更新到8.9 Alex_z0897 flutter
    文章未完成,待续gradle版本更新到8.9项目一些需要变更的位置gradle-wrapper.propertiesandroid/build.gradle两处变更gradle与插件版本对应关系android/app/build.gradle因为java版本更新到21.0.5，打开flutter项目时vscode提示需求更新gradle版本项目一些需要变更的位置gradle-wrapper.pro
  • 2025年AI技术趋势深度解析：从World Model到智能共生，如何重塑未来？ weixin_74887700 人工智能
    一、AI从实验室走向物理世界1.WorldModel元年：3D模型开启物理智能时代2025年被视为“世界大模型（WorldModel）”的元年，AI从文本、图像等低维数据处理跃升至理解物理世界规律的3D模型阶段。例如，李飞飞团队主导的LWM（世界模型）将推动自动驾驶、工业仿真等领域的突破，AI可通过虚拟环境模拟复杂物理交互，优化决策效率。应用场景：自动驾驶测试（如Waymo）、工业设计仿真、灾害预
  • mysql 异常宕机 ..InnoDB: Database page corruption on disk or a failed,,InnoDB: file read of page 8. wangchaoqi1985 MySQL
    mysql异常宕机..InnoDB:Databasepagecorruptionondiskorafailed,,InnoDB:filereadofpage8.参考文章：（1）mysql异常宕机..InnoDB:Databasepagecorruptionondiskorafailed,,InnoDB:filereadofpage8.（2）https://www.cnblogs.com/yhq13
  • 【Golang学习之旅】分布式任务队列（使用 RabbitMQ / Kafka） 程序员林北北 分布式golang学习云原生kafkarabbitmqjava
    文章目录前言1.什么是分布式任务队列？1.1消息队列的特点2.为什么使用RabbitMQ和Kafka？2.1RabbitMQ2.2Kafka3.RabbitMQ和Kafka的基本原理3.1RabbitMQ的基本原理3.2Kafka的基本原理前言在微服务架构中，处理异步任务是不可避免的需求。为了处理任务的异步执行，系统需要一个可靠的消息队列机制。消息队列能够保证消息的持久化、顺序性和可靠性，并且能够
  • 主要空间数据挖掘方法 CodeYoung7 总结归纳数据挖掘地理信息
    文章出自：http://blog.csdn.net/shaoz/article/details/6847925张新长马林兵等，《地理信息系统数据库》[M]，科学出版社，2005年2月第二章第二节空间数据空间数据挖掘是多学科和多种技术交叉综合的新领域，其挖掘方法以人工智能、专家系统、机器学习、数据库和统计等成熟技术为基础。下面介绍近年来出现的主要空间数据挖掘方法。1、空间分析方法利用GIS的各种空间
  • 【update 更新数据语法合集】.NET开源ORM框架 SqlSugar 系列 m0_74824823 面试学习路线阿里巴巴.net开源
    系列文章目录???.NET开源ORM框架SqlSugar系列???文章目录系列文章目录前言??一、实体对象更新1.1单条与批量1.2不更新某列1.3只更新某列1.4NULL列不更新1.5无主键/指定列1.6更新添加条件1.7大数据更新1.8重新赋值1：list中的值修改1.9重新赋值2:列中的值+1二、根据表达式更新（像SQL）2.1指定多个字段更新2.2一个字段更新2.3字段+1更新2.4Set
  • Java 开发中用于打印完整 SQL 语句的插件（嘎嘎有用） 一口酥Hac javajavasql开发语言
    文章目录背景MybatisLogFree插件使用背景在java开发中，sql日志常以问号（?）作为参数占位符，这使得调试时需要手动将问号替换为实际的参数值。对于参数较少的情况，手动替换相对简单；但当参数较多时，这一过程不仅繁琐，还容易出现错误。有对应的插件为我们解决了这个问题。MybatisLogFree插件一款IDEA插件，它能够自动将问号占位符替换为相应的参数值。打印出完整的sql语句。安装插
  • Kafka消息服务之Java工具类 不会飞的小龙人 Javakafkajava消息队列mq
    注：此内容是本人在另一个技术平台发布的历史文章，转载发布到CSDN；ApacheKafka是一个开源分布式事件流平台，也是当前系统开发中流行的高性能消息队列服务，数千家公司使用它来实现高性能数据管道、流分析、数据集成和关键任务应用程序。Kafka可以很好地替代更传统的消息代理。消息代理的使用原因多种多样（将处理与数据生产者分离开来、缓冲未处理的消息等）。与大多数消息系统相比，Kafka具有更好的吞
  • 网络分析工具-tcpdump 锅锅来了 Linux性能优化原理和实战tcpdumpphp网络网络协议疑难杂症
    文章目录前言一、tcpdump基础官网链接命令选项详解常规过滤规则tcpdump输出一、tcpdump实践HTTP协议ICMP状态抓包前言当遇到网络疑难问题的时候，抓包是最基本的技能，通过抓包才能看到网络底层的问题一、tcpdump基础tcpdump是一个常用的网络分析工具。它基于libpcap，利用内核中的AF_PACKET套接字，抓取网络接口中传输的网络包。我们对网卡进行抓包的时候，会使得网卡
  • C#中的设计模式：构建更加优雅的代码 Envyᥫᩣᩚ c#开发语言
    C#在面向对象编程（OOP）方面的强大支持，我们可以探讨“C#中的设计模式”。这不仅有助于理解如何更好地组织代码，还能提高代码的可维护性和可扩展性。引言设计模式是软件工程中经过实践验证的解决方案模板，它们提供了一种标准化的方法来解决常见的开发问题。对于使用C#进行开发的程序员来说，理解和应用这些模式可以帮助创建结构良好、易于维护和扩展的应用程序。本文将介绍几种常用的设计模式，并展示如何用C#实现它
  • 【如何学习商城源码】 启山智软 商城 源码 微信小程序小程序java
    学习商城源码是一个系统而深入的过程，需要掌握多种方法和技巧。以下是一些建议，帮助你有效地学习商城源码：一、搭建学习环境准备开发工具编程语言相关：根据商城源码使用的编程语言，安装相应的集成开发环境（IDE）。例如，若源码是Java语言编写的，可安装IntelliJIDEA或Eclipse；若是Python语言，可选择PyCharm等。这些IDE能帮助你高效地编辑、调试代码，提供语法高亮、自动补全等功
  • 代码随想录打卡第五十一天 zengy5 代码随想录刷题流程深度优先算法图论c++leetcode
    代码随想录–图论部分day51图论第二天文章目录代码随想录--图论部分一、卡码网99--岛屿数量二、卡码网100--岛屿的最大面积一、卡码网99–岛屿数量代码随想录题目链接：代码随想录给定一个由1（陆地）和0（水）组成的矩阵，你需要计算岛屿的数量。岛屿由水平方向或垂直方向上相邻的陆地连接而成，并且四周都是水域。你可以假设矩阵外均被水包围。没太看懂教程的解法，所以这里是自己的做法正常把图存进来，遍历
  • c语言 日志模块,一个简单又高效的日志系统 jy ch c语言日志模块
    下载源代码摘要：本文给出一个性能高，使用简单的日志解决方案。本模块实现日志信息的批量写入文件，定时自动flush到文件中，写入文件的日志级别可动态调整，单个日志文件大小可配置，循环对日志文件写入，这样不会造成机器空间被日志文件耗尽。关键字：日志性能日志级别一、程序日志是商品程序中必不可少的部分。在正式商用的程序中一般对于日志都会有一些类似的要求：性能要求运行时日志级别可调整日志文件空间使用安全性问
  • Docker 与 CI/CD：自动化构建和部署 drebander dockerdockerci/cd自动化
    在现代软件开发中，CI/CD（持续集成/持续部署）是一种高效的软件开发和运维方法。CI/CD通过自动化构建、测试和部署流程，减少了人为错误，提高了软件交付的速度和质量。Docker，作为一种容器化平台，为CI/CD提供了理想的运行环境，通过容器化实现应用的一致性和可移植性。本文将探讨如何将Docker与CI/CD集成，实现自动化构建和部署。1.Docker与CI/CD集成的优势1.1通过Docke
  • 自动化测试的学习路线 Ws＿ 学习
    自动化测试是提高软件开发效率和质量的关键手段。学习自动化测试通常涉及多个方面的技能，从基础的编程语言知识到测试工具的使用，再到实际的测试脚本编写和执行。以下是一个学习自动化测试的路线图，帮助你有条不紊地掌握相关技能：1.基础知识在开始自动化测试之前，首先要具备一定的编程和软件测试基础：编程语言：Python、Java、JavaScript或者Ruby（根据你选择的自动化测试工具决定）软件测试基础：
  • Python自动化测试 Ws＿ pythonpython
    Python自动化测试是软件开发中的重要组成部分，可以帮助提高测试效率和准确性。以下是学习Python自动化测试的基本路线，以及相关资料的链接：学习路线1.基础知识Python基础：掌握Python语言的基本语法、数据类型、控制流、函数、面向对象编程等。你可以先确保对Python的基本语法有清晰的理解。参考资料：Python官方文档书籍推荐：《Python编程：从入门到实践》2.了解自动化测试的基
  • 23. AI-概述 真上帝的左手 23.AIai人工智能
    文章目录前言一、AI1.简介2.发展3.应用场景前言AI‌  随着技术的发展，AI正变得越来越强大和普及，其在解决复杂问题和提高人类生活质量方面的潜力日益显现。一、AIAI（ArtificialIntelligence，人工智能）1.简介  AI（ArtificialIntelligence，人工智能）是计算机科学的一个分支，旨在开发智能系统，使其能够执行通常需要人类智能的任务，例如学习、推理、问
  • Go Web 开发基础：从入门到实战 一小路一 掌握Go语言：编程世界的进阶钥匙golang前端面试后端服务器
    GoWeb开发基础：从入门到实战Go语言因其高效性和简洁性，成为了后端开发的热门选择之一。Go的net/http包提供了强大的Web服务功能，可以帮助我们快速搭建Web应用。本文将带领你从基础开始，逐步了解如何使用Go创建Web服务、处理路由、使用模板引擎、提供静态文件服务，并与数据库进行交互。文章内容包含常见的错误示例和面试题，帮助你更好地理解GoWeb开发。1.使用net/http创建一个简单
  • 基于微信小程序的天气预报平台的设计与实现 usp1994 微信小程序小程序
    基于微信小程序的天气预报平台的设计与实现DesignandImplementationofaWeatherForecastPlatformBasedonWeChatMiniProgram完整下载链接:基于微信小程序的天气预报平台的设计与实现文章目录基于微信小程序的天气预报平台的设计与实现摘要第一章引言1.1研究背景1.2研究目的1.3研究方法1.4论文结构第二章相关技术介绍2.1微信小程序开发2.
  • 【深度解析】最短路径算法：Dijkstra与Floyd-Warshall 吴师兄大模型 算法数据结构python最短路径算法Dijkstra算法Floyd-Warshall开发语言
    系列文章目录01-从零开始掌握Python数据结构：提升代码效率的必备技能！02-算法复杂度全解析：时间与空间复杂度优化秘籍03-线性数据结构解密：数组的定义、操作与实际应用04-深入浅出链表：Python实现与应用全面解析05-栈数据结构详解：Python实现与经典应用场景06-深入理解队列数据结构：从定义到Python实现与应用场景07-双端队列（Deque）详解：Python实现与滑动窗口应
  • 贪心之P8669 [蓝桥杯 2018 省 B] 乘积最大 筏.k 刷题小记蓝桥杯贪心算法c++
    文章目录前言一、例题二、题目分析三、代码解答前言分享每日一题之洛谷P8669[蓝桥杯2018省B]乘积最大提示：以下是本篇文章正文内容，下面案例可供参考一、例题二、题目分析题意：在N个数中取K个数，使这K个数的乘积最大，答案对1000000009取模看到这题，首先想到贪心，第一是因为要求乘积最大，第二是因为数据不是特别大，遇到求一个极值的东西可以想想贪心，但也要结合题意和数据范围来具体判断到底用哪
  • 【Docker】百度网盘：基于VNC的Web访问及后台下载 T0uken docker前端dubbo
    本教程通过DockerCompose部署百度网盘的VNC版本，实现24小时不间断下载、双模式访问、数据持久化、自动重启和安全加密控制等核心功能。目录结构规划建议使用以下目录结构（可根据实际情况调整）：~/baidunetdisk/├──docker-compose.yml├──config/└──downloads/创建docker-compose.ymlservices:baidunetdisk
  • 面试被问“你的缺点是什么?”该怎么答？ 后端
    面试时经常被问到“你的缺点是什么?”，这个问题看似很简单，但每次回答都感觉差点意思。如果你也有这样的困惑，那么本篇文章一定要认真看完。1.关键点在回答之前，首先，我们要搞清楚以下两个关键点：问题关键点：首先得想清楚面试官为什么要问这个问题？可能面试官想了解你的自我认知能力，看看我是否诚实，以及我有没有在积极改进自己的不足。所以，回答的时候不能太实诚，也不能太虚伪，得找到一个平衡点。回答关键点：指出
  • 制造业上了MES后，生产过程透明化，实时掌握生产动态
    一、MES系统的作用与功能MES系统是车间制造执行系统，它打通了企业计划层和执行层的信息通道，建立了透明、高效、有序的生产模式。生产调度：MES系统能够实时调度生产任务，优化资源配置，确保生产过程中的每个环节都能高效运作。这种调度能力使得生产过程中的每一步都能被清晰记录和监控。数据采集：MES系统能够自动采集生产数据，包括设备运行状态、工人操作记录等。这些数据为后续分析提供了可靠依据，使得生产过程
  • 多线程编程之理财 周凡杨 java多线程生产者消费者理财
          现实生活中，我们一边工作，一边消费，正常情况下会把多余的钱存起来，比如存到余额宝，还可以多挣点钱，现在就有这个情况：我每月可以发工资20000万元 （暂定每月的1号），每月消费5000（租房+生活费）元（暂定每月的1号），其中租金是大头占90%，交房租的方式可以选择（一月一交，两月一交、三月一交），理财：1万元存余额宝一天可以赚1元钱，
  • [Zookeeper学习笔记之三]Zookeeper会话超时机制 bit1129 zookeeper
    首先，会话超时是由Zookeeper服务端通知客户端会话已经超时，客户端不能自行决定会话已经超时，不过客户端可以通过调用Zookeeper.close()主动的发起会话结束请求，如下的代码输出内容 Created /zoo-739160015 CONNECTEDCONNECTED .............CONNECTEDCONNECTED CONNECTEDCLOSEDCLOSED
  • SecureCRT快捷键 daizj secureCRT快捷键
    ctrl + a : 移动光标到行首ctrl + e ：移动光标到行尾crtl + b: 光标前移1个字符crtl + f: 光标后移1个字符crtl + h : 删除光标之前的一个字符ctrl + d ：删除光标之后的一个字符crtl + k ：删除光标到行尾所有字符crtl + u : 删除光标至行首所有字符crtl + w:  删除光标至行首
  • Java 子类与父类这间的转换 周凡杨 java 父类与子类的转换
        最近同事调的一个服务报错，查看后是日期之间转换出的问题。代码里是把 java.sql.Date 类型的对象 强制转换为 java.sql.Timestamp 类型的对象。报java.lang.ClassCastException。       代码：            
  • 可视化swing界面编辑 朱辉辉33 eclipseswing
          今天发现了一个WindowBuilder插件，功能好强大，啊哈哈，从此告别手动编辑swing界面代码，直接像VB那样编辑界面，代码会自动生成。       首先在Eclipse中点击help，选择Install New Software,然后在Work with中输入WindowBui
  • web报表工具FineReport常用函数的用法总结（文本函数） 老A不折腾 finereportweb报表工具报表软件java报表
    文本函数 CHAR CHAR(number):根据指定数字返回对应的字符。CHAR函数可将计算机其他类型的数字代码转换为字符。 Number:用于指定字符的数字，介于1Number:用于指定字符的数字，介于165535之间（包括1和65535）。 示例: CHAR(88)等于“X”。 CHAR(45)等于“-”。   CODE CODE(text):计算文本串中第一个字
  • mysql安装出错 林鹤霄 mysql安装
    [root@localhost ~]# rpm -ivh MySQL-server-5.5.24-1.linux2.6.x86_64.rpm Preparing...                #####################
  • linux下编译libuv aigo libuv
    下载最新版本的libuv源码，解压后执行： ./autogen.sh   这时会提醒找不到automake命令，通过一下命令执行安装（redhat系用yum，Debian系用apt-get）： # yum -y install automake # yum -y install libtool     如果提示错误：make: *** No targe
  • 中国行政区数据及三级联动菜单 alxw4616
    近期做项目需要三级联动菜单,上网查了半天竟然没有发现一个能直接用的! 呵呵,都要自己填数据....我了个去这东西麻烦就麻烦的数据上. 哎,自己没办法动手写吧. 现将这些数据共享出了,以方便大家.嗯,代码也可以直接使用   文件说明 lib\area.sql -- 县及县以上行政区划分代码（截止2013年8月31日)来源：国家统计局 发布时间：2014-01-17 15:0
  • 哈夫曼加密文件 百合不是茶 哈夫曼压缩哈夫曼加密二叉树
     在上一篇介绍过哈夫曼编码的基础知识,下面就直接介绍使用哈夫曼编码怎么来做文件加密或者压缩与解压的软件,对于新手来是有点难度的,主要还是要理清楚步骤;   加密步骤:  1,统计文件中字节出现的次数,作为权值   2,创建节点和哈夫曼树   3,得到每个子节点01串   4,使用哈夫曼编码表示每个字节  
  • JDK1.5 Cyclicbarrier实例 bijian1013 javathreadjava多线程Cyclicbarrier
    CyclicBarrier类 一个同步辅助类，它允许一组线程互相等待，直到到达某个公共屏障点 (common barrier point)。在涉及一组固定大小的线程的程序中，这些线程必须不时地互相等待，此时 CyclicBarrier 很有用。因为该 barrier 在释放等待线程后可以重用，所以称它为循环的 barrier。 CyclicBarrier支持一个可选的 Runnable 命令，
  • 九项重要的职业规划 bijian1013 工作学习
    一. 学习的步伐不停止        古人说，活到老，学到老。终身学习应该是您的座右铭。        世界在不断变化，每个人都在寻找各自的事业途径。        您只有保证了足够的技能储
  • 【Java范型四】范型方法 bit1129 java
    范型参数不仅仅可以用于类型的声明上，例如   package com.tom.lang.generics; import java.util.List; public class Generics<T> { private T value; public Generics(T value) { this.value =
  • 【Hadoop十三】HDFS Java API基本操作 bit1129 hadoop
      package com.examples.hadoop; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.fs.FSDataInputStream; import org.apache.hadoop.fs.FileStatus; import org.apache.hadoo
  • ua实现split字符串分隔 ronin47 lua split
    LUA并不象其它许多"大而全"的语言那样，包括很多功能，比如网络通讯、图形界面等。但是LUA可以很容易地被扩展：由宿主语言(通常是C或 C++)提供这些功能，LUA可以使用它们，就像是本来就内置的功能一样。LUA只包括一个精简的核心和最基本的库。这使得LUA体积小、启动速度快，从 而适合嵌入在别的程序里。因此在lua中并没有其他语言那样多的系统函数。习惯了其他语言的字符串分割函
  • java-从先序遍历和中序遍历重建二叉树 bylijinnan java
    public class BuildTreePreOrderInOrder { /** * Build Binary Tree from PreOrder and InOrder * _______7______ / \ __10__ ___2 / \ / 4
  • openfire开发指南《连接和登陆》 开窍的石头 openfire开发指南smack
    第一步     官网下载smack.jar包     下载地址：http://www.igniterealtime.org/downloads/index.jsp#smack 第二步     把smack里边的jar导入你新建的java项目中 开始编写smack连接openfire代码 p
  • [移动通讯]手机后盖应该按需要能够随时开启 comsci 移动
        看到新的手机，很多由金属材质做的外壳，内存和闪存容量越来越大，CPU速度越来越快，对于这些改进，我们非常高兴，也非常欢迎      但是，对于手机的新设计，有几点我们也要注意      第一：手机的后盖应该能够被用户自行取下来，手机的电池的可更换性应该是必须保留的设计,
  • 20款国外知名的php开源cms系统 cuiyadll cms
    内容管理系统，简称CMS，是一种简易的发布和管理新闻的程序。用户可以在后端管理系统中发布，编辑和删除文章，即使您不需要懂得HTML和其他脚本语言，这就是CMS的优点。 在这里我决定介绍20款目前国外市面上最流行的开源的PHP内容管理系统，以便没有PHP知识的读者也可以通过国外内容管理系统建立自己的网站。 1. Wordpress WordPress的是一个功能强大且易于使用的内容管
  • Java生成全局唯一标识符 darrenzhu javauuiduniqueidentifierid
    How to generate a globally unique identifier in Java http://stackoverflow.com/questions/21536572/generate-unique-id-in-java-to-label-groups-of-related-entries-in-a-log http://stackoverflow
  • php安装模块检测是否已安装过, 使用的SQL语句 dcj3sjt126com sql
    SHOW [FULL] TABLES [FROM db_name] [LIKE 'pattern'] SHOW TABLES列举了给定数据库中的非TEMPORARY表。您也可以使用mysqlshow db_name命令得到此清单。 本命令也列举数据库中的其它视图。支持FULL修改符，这样SHOW FULL TABLES就可以显示第二个输出列。对于一个表，第二列的值为BASE T
  • 5天学会一种 web 开发框架 dcj3sjt126com Web框架framework
    web framework层出不穷，特别是ruby/python,各有10+个,php/java也是一大堆 根据我自己的经验写了一个to do list,按照这个清单，一条一条的学习，事半功倍，很快就能掌握 一共25条，即便很磨蹭，2小时也能搞定一条，25*2=50。只需要50小时就能掌握任意一种web框架 各类web框架大同小异:现代web开发框架的6大元素，把握主线，就不会迷路 建议把本文
  • Gson使用三(Map集合的处理,一对多处理) eksliang jsongsonGson mapGson 集合处理
    转载请出自出处：http://eksliang.iteye.com/blog/2175532 一、概述        Map保存的是键值对的形式，Json的格式也是键值对的，所以正常情况下，map跟json之间的转换应当是理所当然的事情。 二、Map参考实例 package com.ickes.json; import java.lang.refl
  • cordova实现“再点击一次退出”效果 gundumw100 android
    基本的写法如下： document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { //navigator.splashscreen.hide(); document.addEventListener("b
  • openldap configuration leaning note iwindyforest configuration
    hostname // to display the computer name hostname <changed name> // to change go to: /etc/sysconfig/network, add/modify HOSTNAME=NEWNAME to change permenately dont forget to change /etc/hosts
  • Nullability and Objective-C 啸笑天 Objective-C
    https://developer.apple.com/swift/blog/?id=25   http://www.cocoachina.com/ios/20150601/11989.html   http://blog.csdn.net/zhangao0086/article/details/44409913   http://blog.sunnyxx
  • jsp中实现参数隐藏的两种方法 macroli JavaScriptjsp
    在一个JSP页面有一个链接，//确定是一个链接?点击弹出一个页面，需要传给这个页面一些参数。//正常的方法是设置弹出页面的src="***.do?p1=aaa&p2=bbb&p3=ccc"//确定目标URL是Action来处理?但是这样会在页面上看到传过来的参数，可能会不安全。要求实现src="***.do"，参数通过其他方法传！//////
  • Bootstrap A标签关闭modal并打开新的链接解决方案 qiaolevip 每天进步一点点学习永无止境bootstrap纵观千象
    Bootstrap里面的js modal控件使用起来很方便，关闭也很简单。只需添加标签 data-dismiss="modal" 即可。 可是偏偏有时候需要a标签既要关闭modal，有要打开新的链接，尝试多种方法未果。只好使用原始js来控制。   <a href="#/group-buy" class="btn bt
  • 二维数组在Java和C中的区别 流淚的芥末 javac二维数组数组
    Java代码：   public class test03 { public static void main(String[] args) { int[][] a = {{1},{2,3},{4,5,6}}; System.out.println(a[0][1]); } }  运行结果： Exception in thread "mai
  • systemctl命令用法 wmlJava linuxsystemctl
    对比表，以 apache / httpd 为例 任务 旧指令 新指令 使某服务自动启动 chkconfig --level 3 httpd on systemctl enable httpd.service 使某服务不自动启动 chkconfig --level 3 httpd off systemctl disable httpd.service 检查服务状态 service h
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他