WordPress主题开发过程中的前端经验技巧

WooCommerce按需加载前端资源提高页面打开速度

WooCommerce 2020-09-14

按需加载是网站前端优化中很重要的一条原则，而WooCommerce为我们提…

继续阅读

使用 InstantClick 预加载提高站内链接打开速度

前端开发技巧

加速性能优化用户体验 2015-06-24

经常访问本站朋友可能会发现，本站站内页面链接的打开速度…

继续阅读

修改 WP-Pagenavi 样式为 Bootstrap 数字分页导航样式

前端开发技巧

分页插件 2015-02-15

WP-Pagenavi 可以说是 WordPress 中最流行的分页插件，WP-Pagenavi 插件自带了基本的 CSS 样式，我们可以通过自定义 CSS 来修改这个样式。如果你的主题是基于 Bootstrap 定制的，我们是不是可以直接使用 Bootstrap 的数字分页样式呢？对…

继续阅读

jQuery 实现滚动时动态缩小导航栏的效果

前端开发技巧

jQuery 用户体验 2015-02-09

在开始介绍之前，我们先先看一下下面的效果，用 QQ 截的图，效果很不清楚，但是能说明问题。怎么实现这样的效果呢？用得比较多的算是 jQuery 的 waypoints 插件了，其实不用 jQuery 插件，很简单的一段 jQuery 代码就可以实现这样的效…

继续阅读

使用 jQuery 添加网页锚文本平滑滚动效果

前端开发技巧

jQuery 用户体验 2015-02-08

我们浏览一些网站的时候，会发现点击导航条上的链接的时候，页面会非常平滑的滚动网页下面相应的位置，相对于浏览器默认的一下子跳过去，用户体验无疑友好了许多，其实显示这种效果只需要简单的一段 jQuery 代码。$(function() { $('a…

继续阅读

一个轻量级 Javascript代码高亮插件 Rainbow

前端开发技巧

jQuery 代码高亮 2014-08-28

本站之前介绍过一个代码高亮的 JS 库：[本站所用的代码高亮js代…

继续阅读

jQuery 存储、获取、删除 Cookies 的函数

前端开发技巧

Cookies jQuery 前端 2014-07-16

Cookies是前端开发中不可缺少的工具，而jQuery大大加快了前端开发的速度，很多程序中，Cookies的增加删除都是后端程序实现的，今天我来看一下怎么通过jQuery快速的添加、读取和删除Cookies。功能代码 jQuery.cookie = function(name, v…

继续阅读

通过 jQuery 实现 WordPress 下拉菜单

前端开发技巧

jQuery 菜单 2014-07-13

下拉菜单能把导航菜单以分类的形式整理起来，是网页UI设计中不可缺少的一部分。因为浏览器的兼容性问题，下拉菜单大部分是通过js实现的，而这其中用的最多的jQuery插件是superfish，superfish可以帮助我们实现多级下拉菜单，和丰富的视…

继续阅读

对象不支持 “preventDefault” 属性或方法的解决办法

前端开发技巧

jQuery 2014-03-07

在做Ajax表单提交的时候，需要阻止浏览器的默认动作，如果是谷歌或火狐等现在浏览器，直接用event.preventDefault();就好了，可悲的是，这方法到IE浏览器下面就不行了，甚至是IE10都不行。怎么解决呢？IE下面其实也有自己的阻止默认行为…

继续阅读

开发自适应网站时需要知道的移动设备屏幕宽度

前端开发技巧

自适应 2014-02-24

开发过自适应网站或者做过自适应WordPress主题的朋友都知道，网页&#…

继续阅读

给WordPress主题添加回到顶部功能

前端开发技巧

jQuery 2014-02-22

在瀑布流风格的网站开始流行之后，很多网站都出现了一个回到顶部的功能，对于瀑布流布局的网站来讲，这可以说是必须要有的一个功能，因为网站下拉了很长之后，需要返回顶部的时候，如果拖着滚动条去拉，那种麻烦相信大家都体验过。对于…

继续阅读

用 jQuery 检查一个元素是否存在，然后按需加载 jQuery 插件

前端开发技巧

加速性能优化 2014-02-07

在前端开发的过程中，我们会使用很多 jQuery 插件，jQuery 插件使用得…

继续阅读