zhb8015
zhb8015

impress入门 （ppt）

阅读更多

     原文地址：http://www.cnblogs.com/Darren_code/archive/2013/01/04/impressjs.html

 

        如果你已经厌烦了使用PowerPoint制作PPT，那么impress.js是一个非常好的选择，用它做的PPT更加直观，效果也非常的不错。装X是需要一定代价的，不过如果你是个前端爱好者那么一切就没问题了。当然如果你能勉强明白HTML和CSS也没问题，看看这篇文章 + 一点点实践（把官网上的例子拿来改改）即可...

　　impress.js 是国外一位开发者受 Prezi 启发，采用 CSS3 与 JavaScript 语言完成的一个可供开发者使用的表现层框架(演示工具)。现在普通开发者可以利用 impress.js 自己开发出类似效果的演示工具，但性能比基于 FLASH 的 Prezi 更优。其功能包括画布的无限旋转与缩放，任意角度放置任意大小的文字，CSS3 3D 效果支持等。同时，也支持传统 PowerPoint 形式的幻灯演示。

　　目前 impress.js 是基于 webkit 浏览器（Chrome、Safari）开发，而在其它基于非 webkit 引擎，但支持 CSS3 3D 的浏览器也能正常运行。

　　impreess源码已经发布在GitHub上，地址：https://github.com/bartaz/impress.js

　　官方demo地址：http://bartaz.github.com/impress.js

　　因为在其项目网页中却没有找到说明文档&使用文档，所以这篇文章将一步一步创建一个较初级的演示文稿，我们接着往下走。

　　请准备好现代浏览器：Google Chrome(效果最佳)、Safari或FF.
　　*我的IE10不支持，不知道为什么很多资料上写着IE10也能支持，背了个催。

 

配置

  1. html5页面结构先准备就绪
  2. 创建一个id="impress"的wrapper(载体)，直接div就好，其他标签同样也可以
  3. 在body标签结束前引入impress.js文件并且调用
  4. class="impress-not-supported"是当浏览器不支持时显示给用户的提示信息，降级处理你懂的，不多解释哈
复制代码 
doctype html>
<html>
<head>
　　<title>darren - Impress demotitle>
　　<meta charset="utf-8" />
　　<link href="http://bartaz.github.com/impress.js/css/impress-demo.css" rel="stylesheet" />
head>
<body>
    <div class="impress-not-supported">
    div>
　　<div id="impress">
　　div>
　　<script src="http://bartaz.github.com/impress.js/js/impress.js">script>
　　<script>impress().init();script>
body>
html>
复制代码

 

  • 在wrapper内创建一个幻灯片只需要新建一个class="step"的
    即可。
    的id可有可无，当有id时url中的hash变化是随着id走；反之就是step-[num]，如 
<div class="step">
    first slide
div>

 

  •  数据属性：用来描述幻灯片大小，切换等效果。

　　data-x = 幻灯片的x坐标

　　data-y = 幻灯片的y坐标

　　data-scale = 通过指定一个值来进行缩放，data-scale为5则将会在你幻灯片原始尺寸基础放大5倍

　　data-rotate = 通过一个数字度数来确定旋转你的幻灯片

　　data-rotate-x = 为3D用，这个数字度数是它应该相对x轴旋转多少度。（前倾/后仰）

　　data-rotate-y = 为3D用，这个数字度数是它应该相对y轴旋转多少度。 （左摆/右摆）

　　data-rotate-z = 为3D用，这个数字度数是它应该相对z轴旋转多少度。

 

创建

　　数据属性那段是你接下来需要重点打交道的，接下来开始step by step创建一个演示文稿。

　　从一个初始的幻灯片开始，这个幻灯片已将它data-x和data-y数据属性设置为0，所以会出现在页面的中间。

<div class="step" data-x="0" data-y="0">
    This is slide 1 - 【标题】
div>

　　第二个幻灯片的data-x值为500、data-y值为0，活动的时候它将会向左平移(滑动)500px的地方。

<div class="step" data-x="500" data-y="-400">
    This is slide 2
div>

　　第三张幻灯片其data-x值不变，data-y位置为-400，这将会是从顶部400px处滑入屏幕。　　

<div class="step" data-x="500" data-y="-400">
    This is slide 3
div>

　　第四张幻灯片来个新花样，使用data-scale的值控制其缩放大小。data-scale="0.5"表示着它应该是一半的尺寸，当它变成活动的演示时将通过必需的倍数调节所有幻灯片的缩放尺寸，从这一步绚丽开始起步

<div class="step" data-x="500" data-y="-800" data-scale="0.5">
    This is slide 4
div>

　　第五张幻灯片旋转属性允许你旋转一个幻灯片到当前视图，幻灯片5被设置旋转90度，视觉效果微叼哈

<div class="step" data-x="0" data-y="-800" data-rotate="90">
    This is slide 5
div>

　　第六张幻灯片开始3D style，可为每个维度的轴指定旋转属性(x,y,z)。x轴是横轴，意思是你可使事物倾斜(正值)或向后(负值)，y轴是竖轴，所以你可使事物向左摇摆(负值)或向右(正值)，z轴是纵轴，这将是旋转的东西向上（负值）和向下（正值）。

<div class="step" data-x="-1200" data-y="0" 
    data-rotate-x="30" data-rotate-y="-30" data-rotate-z="90" data-scale="4">
　　This is slide 6
div>

　　

　　以上6张幻灯片把数据属性内的值都过了一遍，一张略high的演示文稿就呈现在我们眼前。你可以以你的想象力用不可思议的和令人惊奇的方式合并这些效果来创建你自己的幻灯片展示风格。

 

  • 全局预览

　　个人超赞这个视觉体验，把所有的幻灯片都平行的展示，排列的合理会非常帅气，使用方式就是在幻灯片6后面插入一段html.

<div id="overview" class="step" data-x="-200" data-y="-500" data-scale="3">div>

　　随着你幻灯片位置的不同所以全局预览的值也会不一样，拿着结尾处的demo一点一点调整找感觉，希望你会喜欢！

　　完成后请记住它，用它做的不只局限于此，唯一的限制是你的创造力！

 

个人体会

　　正因为我们是前端，所以用前端技术做做各种尝试没什么不好，impress更可以让我们的演示文稿更有新意，所以简单了解下绝对是值得的，学习是最好的投资。

　　优点：

  1. 个人非常喜欢overview的功能
  2. 因为HTML+CSS都需要自己完成，位置和效果都得自己经手，视觉效果都由自己掌控
  3. 在我用过的同类产品中视觉效果最绚，CSS3+3D效果，直接给观众看晕:)

　　缺点：

  1. impress在视觉表现上确实非常强大，比起同样做演示文稿的 html5slides 和 deck.js， impress.js的复杂度上高了不少，而且如果想把演示文稿排版的好看可能需要花掉大量的时间.
    *如果闲impress麻烦的朋友可以去看看 html5slides 和 deck.js的资料，视觉效果会稍差一些，不过上手会简单不少。
  2. 不要把3D和旋转用得太花哨、太绚，看的人会晕，恰当就好哈

　　

　　以下是demo代码，初学者自己动手多改改感觉就好了。

 

复制代码 
doctype html>
<html>
    <head>
        <title>darren - Impress demotitle>
        <meta charset="utf-8" />
        <link href="http://bartaz.github.com/impress.js/css/impress-demo.css" rel="stylesheet" />
    head>
    <body>
        <div class="impress-not-supported">
            <div class="fallback-message">
                <p>你的浏览器<b>不支持b> impress.js, 所以当前展示的是简化版。p>
                <p>为了获得更好的体验，请使用最新的 <b>Chromeb>, <b>Safarib> 或者 <b>Firefoxb> 浏览器。p>
            div>
        div>
        <div id="impress">
            <div class="step" data-x="0" data-y="0">
                Darren code - [标题]
            div>
            <div class="step" data-x="500" data-y="0">
                This is slide 2
            div>
            <div class="step" data-x="500" data-y="-400">
                This is slide 3
            div>
            <div class="step" data-x="500" data-y="-800" data-scale="0.5">
                This is slide 4
            div>
            <div class="step" data-x="0" data-y="-800" data-rotate="90">
                This is slide 5
            div>
            <div class="step" data-x="-1200" data-y="0" data-rotate-x="30" data-rotate-y="-30" data-rotate-z="90" data-scale="4">
                This is slide 6
            div>
            
            <div id="overview" class="step" data-x="-200" data-y="-500" data-scale="3">div>
        div>
        <script src="http://bartaz.github.com/impress.js/js/impress.js">script>
        <script>impress().init();script>
    body>
html>

你可能感兴趣的:(impress,ppt)

  • 【华为OD技术面试真题精选 - 非技术题】 -HR面，综合面_华为od hr面 一个射手座的程序媛 程序员华为od面试职场和发展
    最后的话最近很多小伙伴找我要Linux学习资料，于是我翻箱倒柜，整理了一些优质资源，涵盖视频、电子书、PPT等共享给大家！资料预览给大家整理的视频资料：给大家整理的电子书资料：如果本文对你有帮助，欢迎点赞、收藏、转发给朋友，让我有持续创作的动力！网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以点击这里获
  • 毕业论文附录一般都写什么?大学生写论文是干嘛用的 写个原创论文 人工智能深度学习AI写作chatgpt论文阅读
    毕业论文的附录通常包含一些在正文中不便于展示或详细阐述的内容，但对理解论文整体又具有重要意义的资料。具体来说，附录可能包含以下内容：AI论文，免费大纲，10分钟3万字，查重高于15%退费，支持数据图表！！AIPaperPass-AI论文写作指导平台AIPaperPass是AI原创论文写作平台，免费千字大纲，5分钟生成3万字初稿，提供答辩汇报ppt、开题报告、任务书等，40篇真实中英文知网参考文献，
  • 分享一个基于python的电子书数据采集与可视化分析 hadoop电子书数据分析与推荐系统 spark大数据毕设项目（源码、调试、LW、开题、PPT) 计算机源码社 Python项目大数据大数据pythonhadoop计算机毕业设计选题计算机毕业设计源码数据分析spark毕设
    作者：计算机源码社个人简介：本人八年开发经验，擅长Java、Python、PHP、.NET、Node.js、Android、微信小程序、爬虫、大数据、机器学习等，大家有这一块的问题可以一起交流！学习资料、程序开发、技术解答、文档报告如需要源码，可以扫取文章下方二维码联系咨询Java项目微信小程序项目Android项目Python项目PHP项目ASP.NET项目Node.js项目选题推荐项目实战|p
  • 【STM32系统】基于STM32设计的锂电池电量/电压检测报警器系统——文末完整资料下载（程序源码/电路原理图/电路PCB/设计文档/模块资料/元器件清单/实物图/答辩问题技巧/PPT模版等） 阿齐Archie 单片机嵌入式项目stm32嵌入式硬件单片机
    基于STM32设计的锂电池电量/电压检测报警器系统系统视频：摘要：本设计旨在研究一个基于STM32F103C8T6微控制器的锂电池电量/电压检测报警器系统，应用于便携式电子设备电池管理。系统通过STM32的ADC模块对锂电池电压进行采集，利用LCD1602显示模块实时显示电池电压，当检测到电池电量不足或电压异常时，蜂鸣器报警模块会发出警报提醒用户。系统采用简单的硬件结构和优化的软件架构，通过对实际
  • 七步成诗（三） d1698df63db8
    第四步：熟练掌握专业方法、工具流和业务模板。要组织力量编写《咨询方法、工具和业务模板集锦》并开展系列讲座，组织力量编写《用图表说话》并讲座。各位同事，尤其是年轻同事一定要能快又好地使用各种专业方法和工具，把这当作吃饭家伙，当作就象我们中国人用筷子一样的基本功。有的咨询师连做个PPT文件都画得粗鄙不堪，连画个图表都不会，居然还心安理得。这个样子，老人也就罢了，年轻人还这样，就令人失望、让人看不起、让
  • 心理课主题演讲 青岛卫校15护3
    今天是同学们心理课的期中考试，大家做了有关于爱，情绪，青春期等主题的ppt，期待大家都表现，加油！图片发自App图片发自App
  • 【数字化供应链】数字化供应链架构、全景管理、全流程贯通方案 数字化建设方案 数字化转型数据治理主数据数据仓库供应链数字仓储智慧物流智慧仓储物流园区架构微服务数据挖掘大数据人工智能
    原文《数字化供应链架构、全景管理、全流程贯通方案》PPT格式。主要从供应链管理全景、智慧供应链建设总体目标、供应链总体业务流程、供应链总体功能架构、供应链总体技术架构、供应链全流程贯通、供应链全领域管理、供应链数据数据分析、供应链决策中台等进行建设。本文仅对主要内容进行介绍。来源网络公开渠道，旨在交流学习，如有侵权联系速删，更多参考公众号：优享智库基于先进IT技术、大数据能力、物联网应用、区块链平
  • 2021-03-17 梦想做只胖鹅
    早上六点半起来，这算是我最近起最早的了，预习了综英课文，去吃了早餐，到教室的时候，老师已经在讲台了。综英课平平无奇，除了设备出毛病外，其他都很正常。体育课还是原来的赵老师，还有两年退休，提倡锻炼在平时而不是在课上的教学理念，点个名就结束了。然后和小林去了糖水铺，这学期的第一份乌冬拌面和冰豆花，还是老味道。一切以图片为准中午小改了辩论presentation的PPT，然后午休躺床上疲惫但没有困意，结
  • 《PPT演讲力》2021-12-30 肖申克的救赎
    果-最大化PPT演讲的影响力判断PPT演讲成功与否的标准很简单，就是有没有通过PPT演讲达到你想要的效果，有没有影响观众去行动、去改变、去传播。围绕一个可以传播的观点，重复、重复再重复观点只要一个：不要在一次讲演中给观众灌输好多个观点，观点多于一个的话观众记不住，等于没有观点。演讲意识必须要从“我能讲多少”转变为“观众能记住多少”观点要重复：1.只要你有最核心、最关键的一句话，然后不断重复，就非常
  • 《PPT思维》｜第六次分享 秀丽有约
    关于表格的应用在做ppt的时候，我们会加入一些表格，想更完美地呈现数据统计，但应老师在书中却告诉我们：“尽量减少以表格的形式呈现，原因有两个，首先表格中的数据往往比较多，让听众抓不到重点，其次表格内容多，文字往往偏小，要看清楚也很困难。我们可以考虑，将表格打印出来，进行分发，或作为附件和补充资料，这样在进行分享的时候，听众手里有资料，通过我们详细的讲解，了解也会更加深入，汇报的内容也会越来越聚焦！
  • 2024年最新Python面试简历模板，Python下载中国数据库大会（DTCC2024）PPT全集(3)，字节跳动面试难吗 2401_84123188 2024年程序员学习python面试数据库
    收集整理了一份《2024年最新Python全套学习资料》免费送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上Python知识点，真正体系化！由于文件比较多，这里只是将部分目录截图出来如果你需要这些资料，可以添加V无偿获取：hxbc188（备注666）正文frombs4im
  • 2019-03-05 xiaosine
    从事材料、化学等相关专业和领域的科研人员，工作者，其工艺流程图、化学式的绘制是少不了的，通常绘制于白色背景下，简洁，但太过于单调。放在科研文章中，难以凸显重点，放在汇报的PPT上，不符主题风格。那如何绘制出下图所示的结构式及流程图在不同背景下所衬托出的效果呢。图一结构式及流程图在不同背景下衬托出的效果可能有人会通过完成构图的两张图片用PS的图层叠加功能来实现，但通过PS处理后会发现整体颜色失真，部
  • 大学生网上兼职可以做什么?上兼职对比线下兼职分享！ 一起高省
    大家有没有发现大家在网上搜索兼职的时候，会发现很多的兼职，大多数都是在推荐你做线上的兼职，比如有的人推荐你做自媒体，其实自媒体不可否认是能赚到钱的，但是作为普通的学生族来说，想要短期能赚到钱的不大可能的！因为这个兼职是需要日积月累的坚持才能看到效益的！还有人让你兼职做，ppt或者兼职拍抖音等等！我想说的是ppt制作首先需要学习，但是对于急着等米下锅的同学来讲，还是线下的兼职来钱来的快！虽然要出一点
  • python毕业设计作品：python闲置物品二手交易平台系统设计与实现毕业设计源代码（Django框架） 黄菊华老师 毕设资料python二手交易平台系统
    博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程，学习后应对毕业设计答辩。项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频；项目的界面和功能都可以定制，包安装运行！！！如果需要联系我，可以在CSD
  • 集装箱计算机跟踪管理方式,集装箱运输第二章集装箱及其箱务管理(图文)解析.ppt... 虎嗅APP 集装箱计算机跟踪管理方式
    集装箱运输第二章集装箱及其箱务管理(图文)解析第2章集装箱及其箱务管理2.1集装箱及其标准化2.2集装箱箱务管理业务2.3集装箱跟踪管理及箱务管理现代化2.1集装箱及其标准化2.1.1集装箱(Container)定义按ISO的定义为：集装箱是一种运输设备，它应具备以下条件：①具有足够的强度，可长期反复使用；②适于一种或多种运输方式运送货物，无需中途换装；③装有便于装卸和搬运的装置，特别是便于从一种
  • 2019-03-01 何礼东
    相信大家已经在着手开始建立自己的7天短社群了，但在建立之前。请大家在上再次梳理一下你自己的优势和资源，让你做社群更有方向和内容…图片发自App我的优势：技能：个人定位，品牌推广，模式化调理技术指导与监控，社群运营，项目策划，PPT及教案，外汇股票，吉他，经验：30年经商与品牌运营经验，15年营养调理研究和实战经验，3年的模式化技术指导官，4年社群运营经验，2年模式化小社群＂服务＋培训＂方案实战经验
  • 基于ssm框架的计算机毕业设计(论文+源码)_kaic 开心工作室V(kaic_kaic) 计算机文章毕业设计javaoracle开发语言前端旅游数据库actionscript
    编号ssmssm001高校专业信息管理系统设计与实现+jsp源码+数据库+PPT+开题+论文+说明文档ssm002ssm学院党员管理系统+jsp源码+数据库+开题+论文+说明文档ssm003ssm在线医疗服务系统+jsp源码+数据库+开题+论文+说明文档ssm004ssm新生报到系统+jsp源码+数据库+开题+论文+说明文档ssm005基于SSM框架的购物商城系统+jsp源码+数据库+开题+任务书
  • 毕业论文答辩PPT怎么做？ 资源分享活雷锋 PPT模板ppt
    制作毕业论文答辩PPT是一个重要的环节，它不仅能够帮助你更好地展示研究成果，还能让你在答辩过程中更有条理。下面是一些建议，帮助你制作一个清晰、专业的答辩PPT：我分享了300多套「毕业论文答辩PPT模板」、「精品通用系列PPT」，点击即可保存。开场介绍标题页：包含论文题目、作者姓名、指导老师姓名、答辩日期等基本信息。目录页：简要列出PPT的主要内容框架。研究背景研究意义：解释你的研究为什么重要，它
  • 计算机毕业设计选题推荐-基于Python框架项目推荐（中） 计算机毕设大佬 Java毕设实战项目Python毕设实战项目爬虫+大数据毕设实战项目python计算机毕业设计django计算机毕业设计如何选题25届计算机毕业设计如何选题计算机毕业设计选题推荐24届计算机毕设选题推荐
    博主介绍：✌十余年IT大项目实战经验、在某机构培训学员上千名、专注于本行业领域✌技术范围：Java实战项目、Python实战项目、微信小程序/安卓实战项目、爬虫+大数据实战项目、Nodejs实战项目、PHP实战项目、.NET实战项目、Golang实战项目。主要内容：系统功能设计、开题报告、任务书、系统功能实现、功能代码讲解、答辩PPT、文档编写、文档修改、文档降重、一对一辅导答辩。获取源码可以联系
  • 每天学会一小点 百草丰茂
    上面的三幅图，是我跟着老师学习用PPT简单快速地绘制的星星图。你能看出它们有什么区别？觉得他们有什么不同吗？你又最喜欢哪幅呢？很明显的，后面两幅的星星要好看一些。应该如何绘制呢？我现在就来告诉你。第一幅图的小星星是用Ctrl键拖动复制出来的，虽然速度很快，但没有变化，看起来不自然、不灵动。后面两幅图的星星直接在“形状”选择区里选中星星图，点击鼠标右键，选择“锁定绘图模式”，按住鼠标拖动，就能绘制出
  • 2.0第一周检视（8/16-8/20） aeb1fe80c479
    目标一：早起6:30目标二：运动每周3次以上（跑步，跳绳，瑜珈，冥想，快/慢走10000步……）目标三：早睡23点1.健康：本周精力感觉不足，总是犯困，每天也23点睡觉早上6点多会醒，但是醒来后还是感觉困，睡眠软件记录深眠只有1小时左右，午休做10分钟冥想补充精力；运动：两次美姿雅仪锻炼，一次晚上快走1W+2.学习：上了叶老师的财富公开课和PPT公开课发现有上海班，立即决定预约10月PPT3.线下
  • Python基础知识进阶之正则表达式_头歌python正则表达式进阶 前端陈萨龙 程序员python学习面试
    最后硬核资料：关注即可领取PPT模板、简历模板、行业经典书籍PDF。技术互助：技术群大佬指点迷津，你的问题可能不是问题，求资源在群里喊一声。面试题库：由技术群里的小伙伴们共同投稿，热乎的大厂面试真题，持续更新中。知识体系：含编程语言、算法、大数据生态圈组件（Mysql、Hive、Spark、Flink）、数据仓库、Python、前端等等。网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是
  • 只需一招，Word无损转Excel再转回Word 潮办公
    word里面可以插入表格，可以粘贴表格。但是如果后期要修改，数据要重新处理的时候，用word就不方便了。毕竟小编一直认为，word编辑文字，excel数据处理，ppt幻灯片演示，Access数据储存，这才是真正的office正确打开方式。废话不多说，我们这节来谈谈将word下的表格无损格式的情况下变成Excel，经过一定的数据处理后再变回来。Part1将word另存为html网页文件示例文件，这是
  • PPT转PDF文档原来这么简单！ 追思人别後
    制作一个精美的ppt文档确实是一件较为费时费力的事儿，有时候我们还需要将ppt文件转换成其他格式文件，如果没有好的方法那真的是很耗时间。但是!今天小编分享给大家的方法只要五分钟就可以完成转换了!希望大家走过路过不要错过!首先说说今天要用到工具，我使用的是转转大师pdf转换器，这是一款pc软件，仅可在电脑里使用，也不是免费的。(大家有更好的也可以分享)下面是使用方法：一、可以选择在线网页版及下载客户
  • 投资人项目手记（36） 728d0ac2e16e
    一、项目情况：覆盖智能家居的方方面面，全方位智能化，并且在人无感状态下采集各类生理健康指标。二、项目优点：1、PPT做得很精美。2、整体的思路很完美。3、各类场景都描绘得非常仔细。4、团队产品和市场方面力量比较强。三、项目建议:1、团队领军人物方面可能需要大旗。找个很有行业号召力的人做董事长或CEO。才能驱动方方面面的资源。2、技术方面还需要加强，做的是产品群，只能做某一类产品是不够的。3、整个事
  • 【软件设计师真题】下午题第五大题---面向对象程序设计 【云轩】 软件设计师职场和发展
    系列文章目录1.【软考之软件设计师】PPT课件2.【软考之软件设计师】学习笔记3.【软件设计师真题】下午题第一大题—数据流图设计4.【软件设计师真题】下午题第二大题—数据库设计5.【软件设计师真题】下午题第三大题—UML分析与设计6.【软件设计师真题】下午题第四大题—算法设计7.【软件设计师真题】下午题第五大题—面向对象程序设计先占个空，码字中数据库设计的考点和上午考题的考点重叠，只是考查方式不同
  • PPT有套路，做好并不难 骑象人伟诚
    （今日好书推荐《PPT炼成记》）文|李伟诚001要学会做PPT，除了会使用微软PowerPoint工具，还必须懂得如何在工具的基础上设计PPT，而这本书所讲的10堂课正是很棒的全面指导教材。最简单的步骤是：1）提取内容；2）搭建骨架；3）制作模板；4）制作导航页；5）制作“基本”内容页；6）制作封面和封底；7）精细化加工；8）善后。002字体设计。正文尽量不用衬线字体（就是那种笔画开始和结束的地方
  • 苹果不是没有创新只不过不做PPT机型罢了？ 非鱼花酱
    作为一年出货量两亿多而每年又只发布两三款机型的苹果来说，硬件上的创新肯定是需要克制的，如果过于激进良品率解决不了或者产品扑街那么影响无疑就是摧毁性的，因为品牌口碑这个东西一款机型的失败可能就会滑倒谷底了，三星Note7就是这个道理，去年的苹果基带门也是如此，好在信号问题还不像三星那么致命，所以现实就是大厂的旗舰机必须稳扎稳打，这也就是为什么三星现在的充电功率还停留在18W的原因…对于5G以及信号问
  • We are talking about 《WAR IS A LIE》 MichaelSure
    图片发自App图片发自AppTodayIreadabookwhichiscalledWarisalie.ThisisabookwrittebyDavidSwanson,anAmericanwriterwhofightsagainstthewar.WarisawordalwaysrelatetotheUnitedStatesandDavidthinkhismotherlandisthebiggest
  • 转生史莱姆PPT战斗辣眼睛，谁才是小丑？小老弟英雄救美 暖气记
    大家好，我是暖气，我们一起览观二次元的旨趣吧！《关于我转生成为史莱姆这件事》会开得差不多了，终于到了动态战斗展示的地方了。不过想着是这样，但看着就不像是那么一回事了，所以我将有意思的地方给大家展示出来，让大家乐一乐~逐渐迪化说起迪化，可能你首先想起的是乌鲁木齐市，因为这是乌鲁木齐以前的旧称。无聊的知识又增加了。在二次元世界中我们都知道指的是骨王，没错就是那个能和空气斗智斗勇，还非常一本正经地在布局
  • Java实现的基于模板的网页结构化信息精准抽取组件：HtmlExtractor yangshangchuan 信息抽取HtmlExtractor精准抽取信息采集
    HtmlExtractor是一个Java实现的基于模板的网页结构化信息精准抽取组件，本身并不包含爬虫功能，但可被爬虫或其他程序调用以便更精准地对网页结构化信息进行抽取。   HtmlExtractor是为大规模分布式环境设计的，采用主从架构，主节点负责维护抽取规则，从节点向主节点请求抽取规则，当抽取规则发生变化，主节点主动通知从节点，从而能实现抽取规则变化之后的实时动态生效。 如
  • java编程思想 -- 多态 百合不是茶 java多态详解
    一: 向上转型和向下转型 面向对象中的转型只会发生在有继承关系的子类和父类中（接口的实现也包括在这里）。父类：人    子类：男人向上转型： Person p = new Man() ; //向上转型不需要强制类型转化向下转型： Man man =
  • [自动数据处理]稳扎稳打,逐步形成自有ADP系统体系 comsci dp
          对于国内的IT行业来讲,虽然我们已经有了"两弹一星",在局部领域形成了自己独有的技术特征,并初步摆脱了国外的控制...但是前面的路还很长....       首先是我们的自动数据处理系统还无法处理很多高级工程...中等规模的拓扑分析系统也没有完成,更加复杂的
  • storm 自定义 日志文件 商人shang stormclusterlogback
    Storm中的日志级级别默认为INFO，并且，日志文件是根据worker号来进行区分的，这样，同一个log文件中的信息不一定是一个业务的，这样就会有以下两个需求出现： 1. 想要进行一些调试信息的输出 2. 调试信息或者业务日志信息想要输出到一些固定的文件中   不要怕，不要烦恼，其实Storm已经提供了这样的支持，可以通过自定义logback 下的 cluster.xml 来输
  • Extjs3 SpringMVC使用 @RequestBody 标签问题记录 21jhf
    springMVC使用 @RequestBody(required = false) UserVO userInfo 传递json对象数据，往往会出现http 415，400,500等错误，总结一下需要使用ajax提交json数据才行，ajax提交使用proxy，参数为jsonData，不能为params；另外，需要设置Content-type属性为json，代码如下： （由于使用了父类aaa
  • 一些排错方法 文强chu 方法
    1、java.lang.IllegalStateException: Class invariant violation at org.apache.log4j.LogManager.getLoggerRepository(LogManager.java:199)at org.apache.log4j.LogManager.getLogger(LogManager.java:228) at o
  • Swing中文件恢复我觉得很难 小桔子 swing
           我那个草了！老大怎么回事，怎么做项目评估的？只会说相信你可以做的，试一下，有的是时间！        用java开发一个图文处理工具，类似word，任意位置插入、拖动、删除图片以及文本等。文本框、流程图等，数据保存数据库，其余可保存pdf格式。ok,姐姐千辛万苦，
  • php 文件操作 aichenglong PHP读取文件写入文件
    1 写入文件 @$fp=fopen("$DOCUMENT_ROOT/order.txt", "ab"); if(!$fp){ echo "open file error" ; exit; } $outputstring="date:"." \t tire:".$tire."
  • MySQL的btree索引和hash索引的区别 AILIKES 数据结构mysql算法
    Hash 索引结构的特殊性，其 检索效率非常高，索引的检索可以一次定位，不像B-Tree 索引需要从根节点到枝节点，最后才能访问到页节点这样多次的IO访问，所以 Hash 索引的查询效率要远高于 B-Tree 索引。     可能很多人又有疑问了，既然 Hash 索引的效率要比 B-Tree 高很多，为什么大家不都用 Hash 索引而还要使用 B-Tree 索引呢
  • JAVA的抽象--- 接口 --实现 百合不是茶
    抽象 接口 实现接口   //抽象 类 ,方法   //定义一个公共抽象的类 ,并在类中定义一个抽象的方法体 抽象的定义使用abstract   abstract class A 定义一个抽象类 例如： //定义一个基类 public abstract class A{     //抽象类不能用来实例化，只能用来继承 //
  • JS变量作用域实例 bijian1013 作用域
    <script> var scope='hello'; function a(){ console.log(scope); //undefined var scope='world'; console.log(scope); //world console.log(b);
  • TDD实践（二） bijian1013 javaTDD
    实践题目：分解质因数 Step1： 单元测试： package com.bijian.study.factor.test; import java.util.Arrays; import junit.framework.Assert; import org.junit.Before; import org.junit.Test; import com.bijian.
  • [MongoDB学习笔记一]MongoDB主从复制 bit1129 mongodb
    MongoDB称为分布式数据库，主要原因是1.基于副本集的数据备份， 2.基于切片的数据扩容。副本集解决数据的读写性能问题，切片解决了MongoDB的数据扩容问题。   事实上，MongoDB提供了主从复制和副本复制两种备份方式，在MongoDB的主从复制和副本复制集群环境中，只有一台作为主服务器，另外一台或者多台服务器作为从服务器。 本文介绍MongoDB的主从复制模式，需要指明
  • 【HBase五】Java API操作HBase bit1129 hbase
    import java.io.IOException; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.hbase.HBaseConfiguration; import org.apache.hadoop.hbase.HColumnDescriptor; import org.apache.ha
  • python调用zabbix api接口实时展示数据 ronin47
    zabbix api接口来进行展示。经过思考之后，计划获取如下内容：     1、  获得认证密钥     2、  获取zabbix所有的主机组     3、  获取单个组下的所有主机     4、  获取某个主机下的所有监控项  
  • jsp取得绝对路径 byalias 绝对路径
    在JavaWeb开发中，常使用绝对路径的方式来引入JavaScript和CSS文件，这样可以避免因为目录变动导致引入文件找不到的情况，常用的做法如下： 一、使用${pageContext.request.contextPath} 　　代码” ${pageContext.request.contextPath}”的作用是取出部署的应用程序名，这样不管如何部署，所用路径都是正确的。
  • Java定时任务调度：用ExecutorService取代Timer bylijinnan java
    《Java并发编程实战》一书提到的用ExecutorService取代Java Timer有几个理由，我认为其中最重要的理由是： 如果TimerTask抛出未检查的异常，Timer将会产生无法预料的行为。Timer线程并不捕获异常，所以 TimerTask抛出的未检查的异常会终止timer线程。这种情况下，Timer也不会再重新恢复线程的执行了;它错误的认为整个Timer都被取消了。此时，已经被
  • SQL 优化原则 chicony sql
    一、问题的提出 　在应用系统开发初期，由于开发数据库数据比较少，对于查询SQL语句，复杂视图的的编写等体会不出SQL语句各种写法的性能优劣，但是如果将应用系统提交实际应用后，随着数据库中数据的增加，系统的响应速度就成为目前系统需要解决的最主要的问题之一。系统优化中一个很重要的方面就是SQL语句的优化。对于海量数据，劣质SQL语句和优质SQL语句之间的速度差别可以达到上百倍，可见对于一个系统
  • java 线程弹球小游戏 CrazyMizzz java游戏
    最近java学到线程，于是做了一个线程弹球的小游戏，不过还没完善 这里是提纲 1.线程弹球游戏实现 1.实现界面需要使用哪些API类 JFrame JPanel JButton FlowLayout Graphics2D Thread Color ActionListener ActionEvent MouseListener Mouse
  • hadoop jps出现process information unavailable提示解决办法 daizj hadoopjps
    hadoop jps出现process information unavailable提示解决办法   jps时出现如下信息： 3019 -- process information unavailable3053 -- process information unavailable2985 -- process information unavailable2917 --
  • PHP图片水印缩放类实现 dcj3sjt126com PHP
    <?php class Image{ private $path; function __construct($path='./'){ $this->path=rtrim($path,'/').'/'; } //水印函数，参数：背景图，水印图，位置，前缀,TMD透明度 public function water($b,$l,$pos
  • IOS控件学习：UILabel常用属性与用法 dcj3sjt126com iosUILabel
    参考网站： http://shijue.me/show_text/521c396a8ddf876566000007 http://www.tuicool.com/articles/zquENb http://blog.csdn.net/a451493485/article/details/9454695 http://wiki.eoe.cn/page/iOS_pptl_artile_281
  • 完全手动建立maven骨架 eksliang javaeclipseWeb
    建一个 JAVA 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=App [-Dversion=0.0.1-SNAPSHOT] [-Dpackaging=jar] 建一个 web 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=web-a
  • 配置清单 gengzg 配置
    1、修改grub启动的内核版本 vi /boot/grub/grub.conf 将default 0改为1 拷贝mt7601Usta.ko到/lib文件夹 拷贝RT2870STA.dat到 /etc/Wireless/RT2870STA/文件夹 拷贝wifiscan到bin文件夹，chmod 775 /bin/wifiscan 拷贝wifiget.sh到bin文件夹，chm
  • Windows端口被占用处理方法 huqiji windows
    以下文章主要以80端口号为例，如果想知道其他的端口号也可以使用该方法..........................1、在windows下如何查看80端口占用情况?是被哪个进程占用?如何终止等.        这里主要是用到windows下的DOS工具,点击"开始"--"运行",输入&
  • 开源ckplayer 网页播放器， 跨平台(html5, mobile)，flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 ！ 天梯梦 mobile
    CKplayer，其全称为超酷flv播放器，它是一款用于网页上播放视频的软件，支持的格式有：http协议上的flv,f4v,mp4格式，同时支持rtmp视频流格 式播放，此播放器的特点在于用户可以自己定义播放器的风格，诸如播放/暂停按钮，静音按钮，全屏按钮都是以外部图片接口形式调用，用户根据自己的需要制作 出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了，
  • 简单工厂设计模式 hm4123660 java工厂设计模式简单工厂模式
           简单工厂模式（Simple Factory Pattern）属于类的创新型模式，又叫静态工厂方法模式。是通过专门定义一个类来负责创建其他类的实例，被创建的实例通常都具有共同的父类。简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例。简单工厂模式是工厂模式家族中最简单实用的模式，可以理解为是不同工厂模式的一个特殊实现。
  • maven笔记 zhb8015 maven
    跳过测试阶段： mvn package -DskipTests 临时性跳过测试代码的编译： mvn package -Dmaven.test.skip=true   maven.test.skip同时控制maven-compiler-plugin和maven-surefire-plugin两个插件的行为，即跳过编译，又跳过测试。   指定测试类 mvn test
  • 非mapreduce生成Hfile，然后导入hbase当中 Stark_Summer maphbasereduceHfilepath实例
    最近一个群友的boss让研究hbase，让hbase的入库速度达到5w+/s，这可愁死了，4台个人电脑组成的集群，多线程入库调了好久，速度也才1w左右，都没有达到理想的那种速度，然后就想到了这种方式，但是网上多是用mapreduce来实现入库，而现在的需求是实时入库，不生成文件了，所以就只能自己用代码实现了，但是网上查了很多资料都没有查到，最后在一个网友的指引下，看了源码，最后找到了生成Hfile
  • jsp web tomcat 编码问题 王新春 tomcatjsppageEncode
    今天配置jsp项目在tomcat上，windows上正常，而linux上显示乱码，最后定位原因为tomcat 的server.xml 文件的配置，添加 URIEncoding 属性： <Connector port="8080" protocol="HTTP/1.1" connectionTi
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他