WordPress Maker

个人知识管理

Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages

前端说

百度MIP-HTML规范

9 次浏览 分类： 前端说

百度移动网页加速器MIP使用教程之MIP HTML规范 MIP （百度移动网页加速器） MIP是Mobile Instant Pages的缩写，指百度移动网页加速器， 是一套应用于移动网页的开放性技术标准。通过提供MIP-HTML规范、MIP-JS运行环境以及MIP-Cache页面缓存系统，实现移动网页加速。 【注意】 百度搜索资源平台 MIP 入口下线通知因业务调整，搜索资源平台的“资源提交-MIP”入口即日起下线。MIP 核心、组件等前端静态资源仍正常维护与使用，不影响已改造为 MIP 标准的站点的正常访问、收录、排序。 … [阅读全文...] 关于 百度MIP-HTML规范

prism：一个轻量，健壮，优雅的语法高亮库

22 次浏览 分类： 前端说

Prism- 轻巧，健壮，优雅的语法高亮显示 Prism是一个轻量，健壮，优雅的语法高亮库。 Prism是一种轻量级的，可扩展的语法突出显示工具，其构建考虑了现代Web标准。它已在数千个网站中使用，其中包括您每天访问的网站。 官方介绍： https://prismjs.com/官方下载： https://prismjs.com/download.html官方演示： https://prismjs.com/test.htmlGithub： https://github.com/PrismJS/prism/中文文档： https://www.awesomes.cn/repo/PrismJS/prism … [阅读全文...] 关于 prism：一个轻量，健壮，优雅的语法高亮库

使用Animate.css和wow.js实现页面加载动画

62 次浏览 分类： 前端说

实现原理 Animate.css+wow.js 可以不依赖JQuery，并且在移动端也有不错的效果 使用方法 在想添加动画的元素中添加'wow'     (必须) 在想添加动画的元素中添加'animatecss'     (为动画的Class，可以在该网站找到合适的动画http://daneden.github.io/animate.css/   自己写也可以) 第一步：引入文件 分别wow.js与Animate.css 第二步：针对需要动画的内容（boxClass）添加类（wow）： 例子2： 第三步：添加js脚本 参考链接：https://www.dowebok.com/131.html … [阅读全文...] 关于 使用Animate.css和wow.js实现页面加载动画

Bootstrap4和WordPress建站,国内CDN的配置

126 次浏览 分类： 前端说

国内推荐使用 Staticfile CDN 上的库： 注意：popper.min.js 用于设置弹窗、提示、下拉菜单，目前 bootstrap.bundle.min.js 已经包含了 popper.min.js。 此外，你还可以使用以下的 CDN 服务： 国内推荐使用 : https://www.staticfile.org/国际推荐使用：https://cdnjs.com/ 以下代码放在 add_action('wp_enqueue_scripts', 'xxx'); 里。 … [阅读全文...] 关于 Bootstrap4和WordPress建站,国内CDN的配置

插件和特效：Animated Typing Effect-动画打字特效

131 次浏览 分类： 前端说, WordPress插件大全

Animated Typing Effect：https://wordpress.org/plugins/animated-typing-effect/ 键入效果使您可以生成一个简短代码，该简短代码可以在页面或帖子中，小部件中或直接在主题或模板文件中“键入”单词。 该插件基于Matt Boldt的Typed.js键入动画脚本 进入主菜单：Typing Effect（Typing Effect shortcode generator） 输入需要您的单词或句子，单击“生成简码”，然后将简码复制并粘贴到页面，帖子或文本小部件中即可。 您还可以配置设置，例如打字效果发生的速度，开始或退格之前的延迟，将动画设置为重复循环或随机化键入或删除单词或句子的顺序。 测试： … [阅读全文...] 关于 插件和特效：Animated Typing Effect-动画打字特效

响应式网页设计（草稿）

110 次浏览 分类： 前端说

响应式网站设计是一种网络页面设计布局，其理念是：集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境进行相对应的布局。 响应式界面的四个层次 同一页面在不同大小和比例上看起来都应该是舒适的；同一页面在不同分辨率上看起来都应该是合理的；同一页面在不同操作方式（如鼠标和触屏）下，体验应该是统一的；同一页面在不同类型的设备（手机、平板、电脑）上，交互方式应该是符合习惯的。 响应式界面的基本规则 参考：布局分类： static 静态布局fluid 流式布局adaptive 自适应布局responsive 响应式布局 起因因为越来越多的智能移动设备（ mobile, tablet device ）加入到互联网中来，移动互联网不再是独立的小网络了，而是成为了 Internet … [阅读全文...] 关于 响应式网页设计（草稿）