首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用高阶函数:让你的 JS 代码更牛更有范

但是,使用最常见的高阶函数forEach(),我们可以简化此过程: const numbers = [1, 2, 3, 4, 5]; numbers.forEach((number) => console.log...我们已经将上面原始代码中的函数定义和调用抽象为一行! 我们将forEach()应用于名为“numbers”的数组。forEach()开头有一个匿名函数,它一次接受数组中的一个元素。...如果使用高阶函数 filter(),可以这么写: const numbers = [1, 2, 3, 4, 5]; const oddArray = numbers.filter((number) =...现在使用高阶的reduce()函数,这个过程可以再次被抽象出来: const numbers = [1, 2, 3, 4, 5]; const totalValue = numbers.reduce(...总结 高阶函数为函数提供了更高层次的抽象。它们有可能将您的JavaScript代码带到新的高度!

52220

使用 WordPress 的子主题(Child Themes)功能快速制作自己的主题

> 但是有时候我想替换父主题的某些功能怎么办?别忘了子主题这个 functions.php 文件的引用机制,是在父主题的 functions.php 之前加载使用的。...那么我们就可以利用这个特性,来替换父主题的相关函数等。例如: if (!...引用子主题中的其他文件 如果在子主题目录中还有一些其他的文件要引入,你可以使用 get_stylesheet_directory() 这个函数来获取当前子主题的目录位置。...因为父主题的 style.css 文件被你的子主题的 style.css 文件替换了,但是你的子主题 style.css 文件却在子主题目录中,使用 get_stylesheet_directory()...再唠叨一遍,你在子主题中所做的一切,都不会影响到原来的父主题,所以即使是父主题升级了,模板文件变动了,你的子主题的相关代码仍然会起作用。

1.4K21
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    WordPress面试题

    基本结构: 在index.php文件中,使用 WordPress 提供的函数来获取头部、尾部等页面结构。 可以创建其他模板文件,如header.php、footer.php等,以更好地组织代码。...添加样式和脚本: 创建一个style.css文件来定义主题的样式。 使用wp_enqueue_style和wp_enqueue_script函数在主题中添加样式和脚本。...创建子主题(可选): 为了确保你的修改不会在主题更新时丢失,你可以创建一个子主题。...Theme Name Template: your-parent-theme-folder-name */ 请将“your-parent-theme-folder-name”替换为你要创建子主题的父主题文件夹的名称...-- Your HTML, CSS, and JavaScript code goes here --> 使用 WordPress 函数: 你还可以使用 WordPress 提供的函数来加载外部脚本和样式

    40040

    Genesis框架从入门到精通(3):框架的内置动作

    images: Genesis主题中用到的图片, 因为应该在子主题中进行开发,所以大多数时候用不到 lib :包含框架的核心文件,init.php文件用于加载所有其他文件,framework.php文件包含框架使用的核心钩子...admin :与后台管理相关的文件 images: 管理后台用到的图片 classes :每个PHP文件中都声明了一个主题要使用到的类 css :管理后台的样式文件 functions :主题和子主题中使用的通用函数或辅助函数...(注:除了在主题中提供pot文件外,还可以通过Genesis Translations插件将主题一键翻译成中文,其中包括前台页面和后台选项) shortcodes: 一些内置的wordpress短代码...修改动作 这是处理Genesis 动作时最难搞的部分。你必须删除现有动作,然后创建自己的函数来替换它。在子主题中最常见的修改之一是自定义循环。...先直接看下我们的最终代码,以便更好的解释将要添加到子主题中的内容,以及如何通过其他动作来达到目的 remove_action('genesis_loop', 'genesis_do_loop'); add_action

    97830

    WordPress 教程:如何正确引用 JavaScript 和 CSS 文件

    wp_head 函数用来输出一些自定义或者系统定义的内容,我们有时候会使用下面代码引用文件: WordPress 中内置了一些常用的库(例如 jQuery、jQuery UI 等),我们可以使用 wp_enqueue_script 这个函数直接调用内置库,可以节约代码量,更加清晰规范。...WordPress 合理引入 JS 和 CSS 的方法 可以使用下面代码为你的插件引入 plugin.css 文件。 在 WordPress 主题开发中使用 wp_enqueue_script 引入资源 上面的例子都是以插件开发引用资源为例,在主题中引用的方法相似,主要的区别就在于使用对应的函数获取主题目录从而得到主题下面的资源文件地址...可以使用 get_template_directory_uri 这个函数来获取当前主题的目录,如果你使用的是子主题,那么需要使用 get_stylesheet_directory_uri 这个函数来获取父主题的目录从而得到对应资源

    1.3K40

    WordPress主题Siren二开美化版

    首先感谢他们的作品呢…… 因为博主超喜欢单栏主题的设计,还有 PJAX 加载,所以博主一直就在打磨这款主题中…… (当然是根据自己喜欢的口味来更改滴啦) 学长是个细节控,代码洁癖,某些强迫症集一身的人啦...修复多项 PJAX 重载插件函数报错停止运行的 BUG 2018.11.30 梳理去除部分代码 添加一个新的“说说”页面和功能,可自行开启或关闭 2019.02.10 添加“登录以回复”的按钮外观 社交选项更新...全局字体使用“微软正黑体”,更具逼格 整理了一个博主万年没有发现的东西 —— 主题居然自带(BAGUETTEBOX.JS)图片灯箱,只是使用条件苛刻,添加图片时需要把文件“链接到媒体文件”才能使用,也就是...IMG 标签需要 A 标签包裹,现在已写选项在后台与 ZOOMING.JS 二选一 2019.03.29 移除后台登陆页面的 JS 脚本,重写 CSS 代码 2019.04.03 添加代码高亮(HIGHLIGHT.JS...)的 PJAX 重载功能 修复开启 PJAX 后,使用浏览器返回功能返回上一页时,N 个功能没有加载的问题 2019.04.04 替换评论头像服务器,更换为 V2EX 主题已支持 WordPress 5.1.1

    4K30

    解决新版wordpress打开速度超级慢的问题

    第一、取消谷歌Open sans字体加载(wp更新不受影响) 1、添加代码法 通过禁用谷歌字体,把主题中的function.php文件用ftp下载文件下载到本地;同时,建议将服务器上function.php...文件改名为function.php.backup 作为备份,使用你常用的文本编辑器,比如 EverEdit 编辑器,打开 function.php文件,添加下面代码,保存,用ftp上传覆盖即可 function...第二、使用360镜像解决打wordpress打开慢的问题(该方法我没仔细看就pass掉了,字数太多,而且说到底也是要调用第三方网站的文件,不放心。大网站也有出问题的时候。)...WordPress 3.5 ~ WordPress 3.7 各版本中(含类似 3.5.1 这样的小版本),核心程序文件 wp-includes/script-loader.php 和自带主题的函数文件...作为备份,使用你常用的文本编辑器,比如 EverEdit 编辑器,打开 script-loader.php 文件,将其中 googleapis.com 全部替换为 useso.com ,这样,fonts.googleapis.com

    5.6K30

    WordPress中通过Ajax评论分页实现方法

    > 函数语句,就搜了一下,然后。。。就知道了自己的问题所在。...二.开启 WordPress 评论分页 打开 WordPress 后台 – 设置 – 讨论,在“其他评论设置”中勾选分页显示评论,设置一下评论数目,这里的评论数目仅计算主评论,回复评论不作计算。...这里 Kayo 填了比较大的数字(15),因为评论分页分得太细会使用户不便于阅读之前的评论。...在后台开启评论分页后,在 comments.php 中需要添加分页导航的地方加入以下代码(如主题中有类似代码则无须再添加,另外代码中的 nav 标签为 HTML5 标签,若主题没有使用 HTML5 则有...js 文件中加入以下 js 代码实现评论分页 // 评论分页 $body=(window.opera)?

    1.3K20

    WordPress开发人员犯的12个最严重的错误

    2.使用那些在变量、函数、常量或类中太常见的名称 在开发插件时,最好使用一种命名约定来防止代码冲突,以防有其他插件使用相同的名称。...另一方面,开发人员更喜欢使用PHP名称空间来封装项目,并解决在创建可重用的代码元素时遇到的两个问题:类或函数: 1.它们创建的代码的命名与内部PHP或第三方、类、函数或常量之间的名称冲突。...9.使用.php文件输出CSS或JavaScript代码而不是静态.css和.js文件 我已经看过主题,甚至是WordPress插件,其中有这样的文件style.php只是用来生成自定义CSS代码并打印出来...10.不为WordPress插件和主题使用正确的体系结构(代码组织) 根据于插件的大小和性质(例如:一个独立的插件或插件扩展,只有当一个主插件被激活时才会起作用,比如WooCommerce),必须建立正确的体系结构和代码组织...12.使用WordPress函数和代码片段但不理解它们 通常情况下,当开发人员陷入困境并在StackOverflow这样的地方找到解决方案时,他们很高兴他们设法使某些工作成功,而不去理解该代码背后的逻辑

    2.9K10

    WordPress主题开发,从入门到精通。

    例如,如果您的主题目录中有一个名为“partials”的文件夹,而该子文件夹中有一个名为“content-page.php”的模板部分,则可以这样使用get_template_part(): 函数 带s的方法一般是钩子函数的包装器,可以直接传入函数作为钩子; 1.add_theme_support WordPress 默认隐藏了很多功能,我们可以通过 add_theme_support...(),获取活动主题的style.css的完整URL路径; get_theme_file_path(file)、get_theme_file_uri(file) 一样 ,这个函数将返回主题中文件的路径(如果存在...esc_url() – 在输出 URL 时,使用此函数,包括在src和href属性中的 URL。 esc_js() – 对内联 JavaScript 使用此函数。...query函数用于查询文章,将会修改wordpress主查询的指向: wp_reset_query用于重置主循环的指针。

    10.7K40

    Genesis框架从入门到精通(1):什么是框架?

    但是在Genesis框架中,类似其他主题中这些文件并一定都存在,即使存在,里面也只包含一行代码,比如: ? 在子主题中,可能只有一个 style.css 和一个functions.php文件。...既然要使用Genesis,那么基础平台就是不能替换的了,所以让我们来了解一下这个平台。 ? 这是framework.php文件,是3个最基本的最不能更动的文件之一。...do_action() 函数的作用是用“钩子(hook)”把需要执行的动作函数(action)“勾入”到Wordpress中,用来执动作函数中的代码。...这个文件中有7个“钩子”,分别会把不同的动作函数“勾入”wordpress中。我将在稍后解释什么是动作函数,现在让我们先简单的总体看一下Genesis里典型的“钩子”的结构和加载过程。...接下来,我还会讲解如何阅读Genesis的代码,以便快速定位到需要复制到子主题的部分。

    1K41

    Genesis框架从入门到精通(12): 配置项函数

    比如你在WordPress后台中设置了Genesis的一些配置: ? 如果想在自己的子主题中使用关于特色图像的一些选项,可以这样用: ?...genesis_get_option 你可以使用“ genesis_pre_get_option_key”来过滤选项,把key替换成你想要过滤的键名,比如你想要更改特色图像的大小,则可以先添加一个过滤去...举个例子,如果要在Genesis动作函数中获取文章的自定义字段,你需要使用WordPress函数: ?...WordPress的get_post_meta函数 使用这个Genesis函数可以简化这个步骤 ? Genesis函数genesis_get_custom_field 但有些时候你会不想使用这个函数。...它不适用于数组值,因此如果你有多个具有相同名称的字段,则需要使用WordPress函数来获取一个对象(数组),然后你可以将其转换为可以输出的字符串。

    76020

    【网站优化经验】Wordpress的代码与功能简单优化

    Gzip压缩与js,css压缩 Gzip压缩如果你使用了CDN,一定要打开这个。 js,css的压缩对网站速度影响较大,你可以剔除主题中不需要加载的js,css文件,和压缩他们。...安装缓存插件 wordpress有很多不错的页面缓存插件,这里贴一下我在使用的缓存插件。 当然你也可以使用更传统的WP Super Cache来提高网站访问速度。...做法并不复杂,运维工程师会将图片等静态资源同步到另一台 WEB 服务器,然后新增绑定一个二级域名,比如 static.mikewiind.cn,最后让开发将网页代码中的静态资源替换成这个二级域名即可。...延迟图片加载可以提高网页js,css等文件的加载速度。 Smush功能非常强大,他集成了图片压缩与图片加载功能。 图片压缩你也可以利用PS,使用网站图片专用的webp格式。...处理部分Wordpress核心代码或功能 这个我下一篇网站说,今天累了。 强烈推荐插件 WPJAM BASIC WPJAM 常用的函数和接口,屏蔽所有 WordPress 不常用的功能。

    1.1K00

    php更换wordpress用户头像,将用户本地上传头像功能集成到WordPress主题中

    头像,不过一般都认为插件安装多了,会影响速度,那么我们就以WP默认主题Twenty Fifteen为例,把这个功能集成到WordPress主题中,即可方便用户,也显示得主题高大上。...第二步,将插件中的 simple-local-avatars.js 复制到Twenty Fifteen主题的 js 目录。...$script_name_append . ‘.js’, array(‘jquery’), false, true ); 替换为: wp_enqueue_script( ‘simple-local-avatars...$script_name_append . ‘.js’, array(‘jquery’), false, true ); 目的是,将必须的js文件调用,从默认的插件目录转到当前主题JS目录中,保存simple-local-avatars.php...文件下载 未经允许不得转载:肥猫博客 » php更换wordpress用户头像,将用户本地上传头像功能集成到WordPress主题中

    1K30

    WordPress主题制作:开始前的准备

    前言 总是喜欢去尝试各种各样的主题,但寻找很久之后也没有找到一款适合自己的,总有一些地方不合自己的心意,于是萌生了制作子主题的想法,在创建了子主题之后才发现,在子主题的修改和过程中越发感觉子主题的并不是我想要的...如果您想跟着我一起制作一款适合自己的主题,那么您需要先掌握以下技能 熟悉HTML、CSS、JS或Jquery 熟悉PHP(嗯,这个是必须的,毕竟WP是基于PHP的博客系统呢) 开始制作主题之前,您必须准备好以下工具...环境等,不要使用Windows的notepad(记事本)书写任何代码 WordPress 术语 Template(模板):其实就是一个代码集,主题中很多地方会利用到这个代码集,所以把它们整合成一个模板,...Theme(主题)或者 WordPress theme(WordPress 主题):所有你正在使用的文件:文本,图像,代码等等。...源码下载 接下来的文章中将会用到一些源代码,在此我已经将其打包为Yii-Candy,请前往下载Yii-Candy源码并保存好。

    71230

    wordpress开启子目录多站点模式并给子站绑定独立域名

    子域名需要做域名泛解析,子目录直接跟着本教程操作即可),然后设置“网络标题”和“网络管理员电邮”,默认是主站的标题和邮箱 图片  5、点击“安装”按钮后进入“正在启用网络”界面,在该界面WordPress...(如果不是新安装的wordpress站点,请备份好网站的wp-config.php和.htaccess文件,一旦有错就替换回去) 图片 在网站根目录的wp-config.php文件中添加代码: define...4.在安装子站的过程中会提示选择为新站点使用子域名或子文件夹方式来安装,如果提示要求一定要以一种的方式进行安装请照办,如果选择的是子域名方式来安装,请务必要做泛域名解析,例如你的主域名是qmzm.io,...5.最后就是子站独立域名的绑定工作,请先做好域名A记录。这里要使用WordPress官方推荐的WordPress MU Domain Mapping插件。...6.成功建立子站后,所有的站点的固定链接都会被更改,请手动把原来的固定链接修改回来就可以了,如果在开启多站点前使用的WordPress默认的固定链接方式,则不会有这一步的变化。

    4.4K50

    Wordpress 添加下雪特效

    最近非常热衷于逛博客,各大博主博客都非常出彩,弄得我心里面痒痒的也想弄,就先从一个下雪效果开始吧! 在网上找了很多资料,最后找到一个非常靠谱的,步骤非常简单!...第一步:将snow上传至主题根目录并解压 第二步:修改其中js文件指定雪花的地址 第三步:编辑主题中的footer.php文件,添加以下代码引用效果 /snow/snow.js"> 第四步:清清缓存!...sonw文件在这里下载:点击下载 在本页资源分享站中也可找到:https://data.songtianlun.cn 差点忘记一个非常重要的事情, 参考文章: wordpress 添加下雪特效 Author...: Frytea Title: Wordpress 添加下雪特效 Link: https://blog.frytea.com/archives/59/ Copyright: This work

    98820

    七牛镜像存储 WordPress 插件 的代码化

    WordPress 界中使用七牛云存储的博主可能都知道“我爱水煮鱼”开发的一个七牛镜像存储 WordPress 插件。...该插件确实是为WordPress 博客使用七牛云存储提供了便利,但随着鱼叔的更新,感觉越发臃肿起来,遂将核心代码提取出来,将该插件代码化。...因为Jeff 只使用到其中主题静态文件的转存,所以Jeff 直接在主题的functions.php 文件中添加如下代码: //将主题自带的 CSS 和 JS 文件替换成七牛镜像存储 define('CDN_HOST...上诉代码来自七牛镜像存储 WordPress 插件的最初版本(应该是0.1 吧)。 如果你的主题有使用 timthumb,使用上面代码后截图功能可能会失效。...解决方法:一是将相关路径修改为静态相对路径而非函数路径;或者直接弃用 timthumb,使用七牛云存储 图片缩略图功能取代 timthumb.php(强烈建议!)

    833100
    领券