Impress.js是一款基于css3转换和过渡、工作于现代浏览器(Google Chrome或Safari (或 Firefox 10 或 IE10))、并受prezi.com的理念启发的演示工具。如果你已经厌烦了使用PowerPoint制作PPT，那么impress.js是一个非常好的选择，用它做的PPT更加直观，效果也非常的不错。查看效
转载
2024-05-27 15:57:09
81阅读
今晚闲来无事，浏览了一下Eclipse的Helper，发现一个用于java调试的好工具，叫Scrapbook。这个单词的中文意思是剪贴薄。这个工具的功能有点像VB的立即窗口和VS.net中的命令窗口。当你输入一段简单的java表达式或代码时，它可以立即显示出结果值，或执行代码并输出结果到Console中。这个功能能够大大提高检测小段代码的效率。
原创
2006-12-06 22:38:00
778阅读
查看原文查看在线演示Demo和更多原文内容教程：impress.js 非常牛逼的前端装X利器如果你已经厌烦了使用PowerPoint制作PPT，那么impress.js是一个非常好的选择，用它做的PPT更加直观，效果也非常的不错。装X是需要一定代价的，
原创
2022-02-23 11:56:06
761阅读
引子 impress.js的实现 我们在用 impress.js实现特效时，会用到类似下面的代码： 我们看到代码中有data-x，data-y等属性，实际上我们就是通过改变这些属性的值来实现PPT的跳转的。这些属性分别代表： data-x：幻灯片的X坐标 data-y：幻灯片的Y坐标 data-sc
转载
2017-04-01 20:56:00
75阅读
2评论
什么是express官方给出的概念：Express 是基于 Node.js 平台，快速、开放、极简的 Web 开发框架，官方通俗的理解：Express 的作用和 Node.js 内置的 http 模块类似，是专门用来创建 Web 服务器的Express 的本质：就是一个 npm 上的第三方包，提供了快速创建 Web 服务器的便捷方法Express 的基本使用1.安装 npm
转载
2024-05-10 01:07:29
30阅读
博客一歇就是半年，略惭愧...元旦假期各种惬意：打打Dota(悲催的输多赢少)、滑滑雪；吃吃东西、逛逛街。转眼儿今天就得上班了，5点早早起床(最近坚持早睡早起)，忍不住分享下前段时间发现的前端工程师装X的利器，所以这新年第一篇博文诞生了:) 你希望别人看到你的演示文稿会发出“wow”吗？你希望使用华丽的效果来震惊你的观众吗？ 那咱们往下看 ------------------正文分
转载
2024-01-04 18:53:36
67阅读
《一统江湖的大前端》系列是自己的学习笔记，旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库，不定期更新。如果你对前端的理解还是写写页面绑绑事件，那你真的是有点OUT了，前端能做的事情已经太多了, 手机app开发 , 桌面应用开发 , 用于神经网络人工智能的库 , 页面游戏 , 数据可视化 , 甚至 嵌入式开发 ，什么火就搞什么,绝对是专业的蹭热点小能手。impress.
原创
2021-05-24 22:27:25
956阅读
《一统江湖的大前端》系列是笔者的学习笔记，旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库，不定期更新。今天要介绍的是大前端PPT制作库impress.js。impress.js是什么impress.js 是一款基于 css-3D 和 css动画 、受到高逼格PPT原型工具 prezi 启发而开发的演示文稿制作库,github上星星高达33k个,如果你已经厌烦了使用Po
原创
2021-05-24 22:04:13
355阅读
If you’re wanting to reuse a PowerPoint presentation but would like to clear the slideshow’s formatting, there’s no need to do it slide by slide—you can do it all at once. Here’s how. 如果您想重复使用Pow
转载
2024-10-15 14:47:12
85阅读
impress.js的3D效果非常震撼，是一款不错的插件，可以拿来在web上实现ppt演示文稿的效果。源码中本身就有不少注释，是学习源码的捷径。只是，源码的注释是english，翻译一下，方便以后查找调用。 * impress.js
*
* impress.js 是基于现代浏览器中CSS3强大变换和渲染能力的一款展示工具
* 其灵感源自于 prezi.com.
*
*
*
转载
2023-12-29 13:11:56
44阅读
如何用PPT做一个这样的切换效果↓ 是不是看起来很炫酷~首先，需要下载一个PPT2019或者365的，带有平滑效果的才行。接下来看怎么做的。1 找素材这里我们已经在百度上找个两个素材2 预处理打开PPT2019，导入这两个图片在一个幻灯片页面中，使用插入->形状->任意多边形：形状这个工具 把两个素材的边界勾选出来（我这里就瞎勾了），也可以用一些PPT的插件自动生成这个边界，就像这样（
转载
2024-04-07 10:06:35
303阅读
...【2015.12.02-2016.02.22】期间的学习笔记。 相关博客：Web前端学习笔记【2】 1.JS中的：（1）continue 语句（带有或不带标签引用）只能用在循环中。（2）break 语句（不带标签引用），只能用在循环或 switch 中。（通过标签引用），break 语句可用于跳出任何 JavaScript 代码块： ==
转载
2024-07-30 14:49:01
478阅读
title：前端共享博客url：http://sharedblog.cn/关键词：共享博客,前端开发,前端博客,个人博客,网站制作,鹏仔先生,百变鹏仔,HTML,CSS,javascript,JS副标题：共享博客是一个关注前端开发、包含HTML、CSS、Javascript的前端开发独立博客博客主要针对前端的基础笔记记录，分享工作中遇到的问题。
原创
2022-01-29 17:55:36
1001阅读
title：前端共享博客url：http://sharedblog.cn/关键词：共享博客,前端开发,前端博客,个人博客,网站制作,鹏仔先生,百变鹏仔,HTML,CSS,javascript,JS副标题：共享博客是一个关注前端开发、包含HTML、CSS、Javascript的前端开发独立博客博客主要针对前端的基础笔记记录，分享工作中遇到的问题。...
原创
2021-06-09 11:07:30
795阅读
1评论
时间花哪里去了？
只有10%-20%的最终用户响应时间花在了下载html文档上,其余80%-90%时间花在了下载页面的相关组件上。如：图片、Flash等。
所以主要优化：
减少http请求
缓存
减少文件大小：压缩文件+优化代码
健康的优化因该是根据页面的加载过程，全面的优化过程
第一步、浏览器预处理
查询Cache：读取Cache 或者发送304请求
第二步、查询DNS
优化规则--减少DNS查找
DNS缓存
浏览器DNS缓存 计算机DNS缓存 服务器DNS缓存（TTL）
使用Keep-Alive特性
减少DNS查找
当客户端的DNS缓存为空时，DNS查找的数量与Web页面中唯一主机名的数量相等。减少唯一主机名的数量就可以减少DNS查找的数量。
较少的域名来减少DNS查找（2-4个主机）
原创
2021-06-07 18:00:16
630阅读
try{ //正常执行 }catch(e/*你感觉会出错的 错误类型*/){ // 可能出现的意外 eg:用户自己操作失误 或者 函数少条件 不影响下面的函数执行 // 有时也会用在 比如 focus() 但可恶的ie有可能会第一次没有focus事件 再让他执行一次 // 有时一些不是bug的bug 在ie上 他要求必须加上 catch 哪怕就一个
转载
2024-06-30 07:01:27
69阅读
如果你正在寻找SSR，还有其他框架，如Gatsby和Next.js，可为什么应该选择React Remix呢?Remix就像另一个框架，它有一些特殊的内置功能，方便开发人员使用。 以下是使用Remix最常见的一些好处： 嵌套页面 嵌套在路由器内部而不是独立的任何页面;也意味着你可以把它们嵌入到你的父页面中，减少装载时间。使用嵌套页面，我们可以为嵌入页面设置错误边界，这有助于错误处理。
转载
2024-03-23 08:34:13
128阅读
做前端性能优化，还不知道什么是Preload、Prefetch、Preconnect？ 今天，我们将探讨当前的资源提示和指令，这是提高网站或 Web 应用程序性能的另一种好方法。您可能听说过Preload、Prefetch、Preconnect，但我们将会更加深入地了解它们之间的不同之处，以及如何从中获的性能提升。这些优点是，它们允许 Web 开发人员在用户浏览页面时优化资源交付、减少往
前端动画性能比较前言准备工作单帧动画比较连续动画比较总结GitHub和在线演示前言上一篇《从chrome开发工具中直观了解浏览器的渲染过程》我们介绍了如何通过chorme开发者工具查看浏览器渲染页面过程，这篇文章我们介绍如何观察动画性能。前端离不开动画效果，例如轮播图、轮盘抽奖、跑马灯等，如果页面涉及 成千上万个元素变化，或者需要面向低端性能设备时，页面的性能优化就至关重要了，本文以最简单的js动
转载
2024-05-11 14:25:51
376阅读
1. get是从服务器上获取数据，post是向服务器传送数据。2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。3. 对于get方式，服务器端用Request.QueryS
转载
2024-04-17 10:50:05
700阅读
