大白良
大白良

文章自排版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)

  • Excel的两个小问题解决 怜渠客 实用技巧excel
    （一）因为合并单元格存在，无法使用下拉自动填充公式。解决方案：使用Ctrl+Enter组合键选中目标区域：选中需要应用公式的所有合并单元格区域，这些单元格可能是由2行或3行等合并而成。输入公式：在编辑栏中输入所需的公式，例如，如果要对C列和D列对应合并单元格区域进行乘法运算，在编辑栏输入=C2*D2，此时不要按回车键。填充公式：按下Ctrl+Enter组合键，Excel会将公式同时应用到选中的所有
  • 对抗启发式代码仿真检测技术分析 betteroneisme 随便看看启发式恶意代码检测
    对抗启发式代码仿真检测技术分析。最近在研究病毒的检测技术，虽然在这个木马、流氓件猖獗的年代，检测技术(除了考虑效率因素外)已经变得不是十分重要了。但俺仍然出于兴趣想从这里面寻找些思路。或许对抗技术的本身并不在于谁彻底打败了谁，而在于彼此间共同进步。在查阅资料中发现了这篇文章(Antiheuristictechniquesauthor:BlackJack)，虽然是比较古老的，但还是可以从中获得很多新
  • Day30 第八章 贪心算法 part03 TAK_AGI 贪心算法算法
    一.学习文章及资料1005.K次取反后最大化的数组和134.加油站135.分发糖果二.学习内容1.K次取反后最大化的数组和(1)贪心策略：使用了两次贪心局部最优：让绝对值大的负数变为正数，当前数值达到最大全局最优：整个数组和达到最大如果将负数都转变为正数了，K依然大于0，此时的问题是一个有序正整数序列，如何转变K次正负，让数组和达到最大局部最优：只找数值最小的正整数进行反转，当前数值和可以达到最大
  • 一文读懂西门子 PLC 串口转以太网系列模块 天津三格电子 网络
    在工业自动化领域，随着智能化和信息化的不断发展，设备之间的高效通信变得至关重要。西门子PLC作为工业控制的核心设备，其通信方式的拓展需求日益凸显。西门子PLC串口转网口产品应运而生，它为实现串口设备与以太网网络的无缝连接提供了可靠的解决方案。新品上市，欢迎详询1.1产品功能产品可以用来给西门子S7-200/300PLC串口扩展出网口来，扩展出来的网口支持西门子S7TCP协议和ModbusTCP协议
  • 七个合法学习黑客技术的平台，让你从萌新成为大佬 黑客白帽子黑爷 学习php开发语言web安全网络
    1、HackThisSite提供在线IRC聊天和论坛，让用户交流更加方便。网站涵盖多种主题，包括密码破解、网络侦察、漏洞利用、社会工程学等。非常适用于个人提高网络安全技能2、HackaDay涵盖多个领域，包括黑客技术、科技、工程和DIY等内容，站内提供大量有趣的文章、视频、教程和新闻，帮助用户掌握黑客技术和DIY精神。3、OffensiveSecurity一个专门提供网络安全培训和认证的公司，课程
  • SQLite自增列相关内容 秦时明月之君临天下 SQLitesqlitejvm数据库
    文章目录相关知识创建表插入数据查看自增列重置自增列注意事项参考文档相关知识SQLite的自增用法和MySQL类似：使用的关键字是AUTOINCREMENT（MySQL用的是AUTO_INCREMENT）。AUTOINCREMENT关键字会增加额外的CPU、内存、磁盘空间和磁盘I/O开销，如果不是严格需要的话，应该避免使用。它通常是不需要的。在SQLite中，具有INTEGERPRIMARYKEY类
  • 解锁高效开发新姿势：Trae AI编辑器深度体验 Williams10 AI工具集人工智能编辑器
    解锁高效开发新姿势：TraeAI编辑器深度体验在软件开发领域，效率就是生命。字节跳动新推出的AI编辑器Trae，就像一把神奇的钥匙，为开发者打开了高效开发的大门。最近我深入体验了Trae，今天就来和大家分享一下使用感受。文章目录解锁高效开发新姿势：TraeAI编辑器深度体验Trae是什么？核心功能大揭秘实际使用场景展示实用使用教程安装与初始设置项目导入与创建日常使用技巧Trae是什么？Trae是字
  • STL两级空间配置器＜128kb（内存池+自由链表）与一级空间配置器(mmap(),allocate()) zjkzjk7711 c++链表开发语言
    STL的两级空间配置器（Two-LevelAllocator）STL（标准模板库）中的两级空间配置器（Two-LevelAllocator）是SGISTL（SiliconGraphicsSTL）设计的内存管理机制，用于提高小对象（≤128B）和大对象（>128B）的分配效率。1.什么是两级空间配置器？在SGISTL的__default_alloc_template（SGISTL的默认分配器）中，采
  • 【面试实战】Spring基础、IoC、AOP、MVC、Mybatis、Spring Boot Sivan_Xin 技术实战专栏（已上云）面试mvcspring
    version：1.0文章目录SpringSpring基础/IoC‍♂️面试官：举例Spring的模块？‍♂️面试官：Spring、SpringMVC、SpringBoot关系？‍♂️面试官：说说对SpringIoC的了解？‍♂️面试官：什么是SpringBean？‍♂️面试官：Bean的作用域？‍♂️面试官：Bean的生命周期？‍♂️面试官：单例Bean的线程安全问题了解吗？‍♂️面试官：@Co
  • 我在广州学 Mysql 系列——存储过程与存储函数详解 练小杰 数据库相关mysqlandroid数据库学习adbsql
    ℹ️大家好，我是练小杰，今天周五了，一周就这样从手上溜走了，还有两星期过年！！本文将学习MYSQL中存储过程与存储函数的概念~~回顾：【索引详解】【索引相关练习】数据库专栏【数据库专栏】~想要了解更多内容，主页【练小杰的CSDN】文章目录存储过程与存储函数存储过程（StoredProcedure）存储函数（StoredFunction）⚠️主要区别选择存储过程还是存储函数创建存储过程命令解释创建存
  • 我在广州学 Mysql 系列——数据表查询命令详解 练小杰 数据库相关mysql数据库学习经验分享adb后端
    ℹ️大家好，我是LXJ，今天星期二了，本文将讲述MYSQL查询数据的详细命令以及相关例题~~复习：《Mysql函数的练习题》同时，数据库相关内容查看专栏【数据库专栏】~想要了解更多内容请点击我的主页:【练小杰的CSDN】“倒霉，倒霉，倒霉！”——龙叔文章目录前言基本查询语句单个表格查询查询所有字段查询指定字段查询指定记录带IN关键字的查询带BETWEENAND的范围查询带LIKE的字符匹配查询查询
  • 【AI+智造】基于阿里云Ubuntu24.04系统，使用Ollama部署开源DeepSeek模型并集成到企业微信 邹工转型手札 Duodoo开源Odoo18开源企业信息化制造人工智能数据分析
    作者：Odoo技术开发/资深信息化负责人日期：2025年2月28日本方案结合了本地部署与云服务调用的技术路径，涵盖部署步骤、集成逻辑及关键问题点，适用于企业级AI应用场景。一、方案背景与架构设计1.技术选型背景DeepSeek模型：作为开源大模型，支持文本生成、智能问答等场景，适合企业知识库与自动化服务。Ollama工具：轻量化本地模型部署框架，支持一键拉取模型镜像并启动API服务。企业微信集成：
  • 自动化脚本在Xshell中的应用 这多冒昧啊 运维githubgit运维自动化自动化脚本脚本
    Xshell是一款功能强大的终端模拟软件，主要用于远程连接和管理服务器。它支持多种协议，包括SSH、Telnet、SFTP等，使用户能够通过命令行界面对远程服务器进行操作。Xshell提供了丰富的功能和特点，使其成为系统管理员、开发人员和网络工程师的得力工具。目录一、概述二、自动化脚本在Xshell中的应用案例案例一：自动化系统更新与维护案例二：自动化备份与恢复案例三：自动化网络安全检查三、总结一
  • 图论刷题计划与题解1（最短路问题） cqust_qilin02811 #最短路与分层图图论算法深度优先
    文章目录图论刷题计划与题解1（最短路问题）题目1：P1629邮递员送信（建反图做两次dijkstra）题目2：P1144最短路计数题目3：P1828[USACO3.2]香甜的黄油SweetButter题目4：P1576最小花费题目5：P5767[NOI1997]最优乘车题目6：P5764[CQOI2005]新年好图论刷题计划与题解1（最短路问题）题目1：P1629邮递员送信（建反图做两次dijks
  • Eureka vs Zookeeper：谁才是微服务世界的“寻人启事”之王？ 码农技术栈 eurekazookeeper微服务架构springcloud
    引言：为什么需要“服务发现”？想象一下，你走进一家巨大的购物中心，里面有1000家店铺，但没有任何地图或指示牌。你需要找到一家奶茶店，却只能挨家挨户敲门问路——这就是没有服务发现的微服务世界。服务发现（ServiceDiscovery）就像购物中心的智能导航系统：它能自动告诉你奶茶店的位置、哪家正在营业，甚至哪家人最少。而Eureka和Zookeeper就是两套不同的“导航系统”，但它们的底层逻辑
  • 【linux自动化实践】linux shell 脚本 替换某文本 忙碌的菠萝 linux自动化实践linux自动化运维
    在Linuxshell脚本中，可以使用sed命令来替换文本。以下是一个基本的例子，它将在文件example.txt中查找文本old_text并将其替换为new_textsed-i's/old_text/new_text/g'example.txt解释：sed:是streameditor的缩写，用于处理文本数据。-i:表示直接修改文件内容。s:表示替换操作。old_text:要被替换的文本。new_
  • SpringBoot + vue 管理系统 m0_74825565 面试学习路线阿里巴巴springbootvue.js后端
    SpringBoot+vue管理系统文章目录SpringBoot+vue管理系统1、成品效果展示2、项目准备3、项目开发3.1、部门管理3.1.1、前端核心代码3.1.2、后端代码实现3.2、员工管理3.2.1、前端核心代码3.2.2、后端代码实现3.3、班级管理3.3.1、前端核心代码3.3.2、后端代码实现3.4、学生管理3.4.1、前端核心代码3.4.2、后端代码实现3.5、数据统计3.5.
  • 使用 acme.sh 申请和管理 免费SSL 证书：告别 certbot 的繁琐 lihuang319 linuxssl
    使用acme.sh申请和管理SSL证书：告别certbot的繁琐引言介绍SSL证书的重要性传统certbot的痛点（如live目录、复杂的配置）acme.sh的优势（轻量、灵活、自动化）一、acme.sh简介什么是acme.shacme.sh的主要特点支持多种DNS服务商自动化续期直接指定证书路径无需额外依赖二、安装acme.sh基本安装curlhttps://get.acme.sh|sh-sem
  • 端口映射/内网穿透方式及问题解决:warning: remote port forwarding failed for listen port Davide~苏 Linux服务器运维内网穿透打洞端口映射
    文章目录需求：A机器是内网机器，B机器是公网服务器，想要从公网，访问A机器的端口方式：端口映射，内网穿透，使用ssh打洞端口：遇到问题：命令执行成功，但是端口转发失败分析：目标服务器ssh配置问题解决：修改ssh配置需求：A机器是内网机器，B机器是公网服务器，想要从公网，访问A机器的端口方式：端口映射，内网穿透，使用ssh打洞端口：1：配置configvim~/.ssh/config输入Hostr
  • Java微服务的注册中心Nacos 铁锤学代码 微服务java微服务开发语言
    文章目录Nacos的主要作用Nacos实现动态配置更新的技术Nacos实现CAPNacos实现CAP原理Nacos使用Distro和Raft分别干什么用？ZAB与Raft的区别Nacos的主要作用配置中心:可以将微服务中的一些配置信息放到Nacos进行统一管理，也可以通过Nacos实现动态配置管理。也可以将不同环境的配置放在不同的Namespace下的group下，实现动态选择配置发布部署。服务注
  • PyTorch使用常见异常和解决办法汇总 东哥说AI 机器学习与深度学习实战PyTorch异常解决办法
    文章目录1.使用conda安装PyTorch后同时在Jupyter导入失败Nomodulenamed'torch'2.PyTorch使用张量时报错expectedscalartypeDoublebutfoundFloat3.PyTorch创建Embedding时报错IndexError:indexoutofrangeinself1.使用conda安装PyTorch后同时在Jupyter导入失败No
  • 一学就会：A*算法详细介绍（Python） 不去幼儿园 人工智能（AI）#启发式算法算法python人工智能机器学习开发语言
    本篇文章是博主人工智能学习以及算法研究时，用于个人学习、研究或者欣赏使用，并基于博主对相关等领域的一些理解而记录的学习摘录和笔记，若有不当和侵权之处，指出后将会立即改正，还望谅解。文章分类在启发式算法专栏：【人工智能】-【启发式算法】（6）---《一学就会：A*算法详细介绍（Python）》一学就会：A*算法详细介绍（Python）目录A*算法介绍A*算法的核心概念A*算法的特点A*算法示例：迷宫
  • C++游戏开发系列教程之第二篇：面向对象编程与游戏架构设计 放氮气的蜗牛 深度博客游戏
    大家好，欢迎回到C++游戏开发系列教程！在第一篇中，我们介绍了C++游戏开发的基本概念和如何搭建一个简单的游戏循环，为新手打开了C++游戏开发的大门。本篇博客将深入讲解面向对象编程（OOP）在游戏开发中的重要性，以及如何设计一个简单而有效的游戏架构。通过本篇文章，你将学到如何利用C++的类与继承构建游戏中的各个对象（如玩家、敌人等），并结合游戏循环实现一个基础的游戏状态管理系统。所有代码均附有详细
  • Spring Boot @Component注解介绍 CnLg.NJ Javaspringboot后端java
    @Component是Spring中的一个核心注解，用于声明一个类为Spring管理的组件（Bean）。它是一个通用的注解，可以用于任何层次的类（如服务层、控制器层、持久层等）。通过@Component注解，Spring会自动检测并注册该类为一个Bean，从而实现依赖注入和生命周期管理。1.@Component的作用@Component是一个元注解，它本身被@Configuration、@Serv
  • Go红队开发—语法补充 竹等寒 Gogolangxcode开发语言
    文章目录错误控制使用自定义错误类型错误包装errors.Is和errors.Aspanic捕获、recover、defer错误控制练习接口结构体实现接口基本类型实现接口切片实现接口接口练习Embed嵌入文件之前有师傅问这个系列好像跟红队没啥关系，前几期确实没啥关系，因为这都是进行红队工具开发的前置知识点，对于我个人强迫症而言只是想让这个系列更加完善而已，所以前置知识也加进去了，有GO知识的大佬可以
  • 关闭linux系统端口占用,关闭linux系统端口的两种方法 爱吃面的喵 关闭linux系统端口占用
    1、通过杀掉进程的方法来关闭端口每个端口都有一个守护进程，kill掉这个守护进程就可以了每个端口都是一个进程占用着，第一步、用下面命令netstat-anp|grep端口找出占用这个端口的进程，第二步、用下面命令kill-9PID杀掉就行了2、通过开启关闭服务的方法来开启/关闭端口因为每个端口都有对应的服务，因此要关闭端口只要关闭相应的服务就可以了。linux中开机自动启动的服务一般都存放在两个地
  • Linux 查看端口占用命令 酒酿小圆子～ linux运维服务器
    文章目录1、lsof-i:端口号2、netstat命令2.1netstat-tunlp命令2.2netstat-anp命令1、lsof-i:端口号用于查看某一端口的占用情况，比如查看5000端口使用情况：sudolsof-i:5000注意：这里最好使用sudo开启管理员权限，未开启管理员权限时，可能会检测不到相关进程。（并非所有进程都能被检测到，所有非本用户的进程信息将不会显示，如果想看到所有信息
  • 222222222222222 智能与优化 开发语言
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas是基于Nu
  • Unity 列表滚动到指定位置 程序猿多布 unity
    使用场景策划提出需求：当玩家打开领奖界面时，奖励列表需要自动滑动到可以领奖的奖励栏处或者正在进行的任务栏处。思路1、将Content设置好对齐方式和锚点子物体的预制体和Content：pivot轴心点设置为(0,1),并且设置为左上角对齐。2、主要根据索引计算Content需要设置的高度即（RectTransform的PosY）varsumHeight=targetIndex*(itemHeigh
  • 【四】3D Object Model之测量Features——area_object_model_3d()/distance_object_model_3d()算子 cqy阳 #【四】3DObjectModel3d
    欢迎来到本博客Halcon算子太多，学习查找都没有系统的学习查找路径，本专栏主要分享Halcon各类算子含义及用法，有时间会更新具体案例。具体食用方式：可以点击本专栏【Halcon算子快速查找】–>搜索你要查询的算子名称；或者点击Halcon算子汇总博客，即可食用。支持：如果觉得博主的文章还不错或者您用得到的话，可以悄悄关注一下博主哈，如果三连收藏支持就更好啦！这就是给予我最大的支持！文章目录学习
  • 多线程编程之理财 周凡杨 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其他