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

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

在本系列的前一篇 Genesis框架从入门到精通(3):框架的内置动作 ,我解释了在哪里找Genesis 的内置动作,以及如何使用钩子移除,移动或改变动作。...单词“function”是第一部分,它告诉php“记住这个函数,后面要用到”。“generic”是函数名,这样你就可以用这个名字来调用代码并执行,而不是每次都要写同样的一大啪啦的代码。...函数名称必须是唯一的。你不能拥有两个具有相同名称的函数,否则你可能会收到报错并把网站搞崩溃。子主题里函数通常使用子主题名称或缩写作为前缀,这可以很大程度上避免函数重名导致的问题。...我可以随便写一个处理标题输出的函数叫child_function_a,只要其他函数没有叫这个名字,它就可以用,但是当我需要调用它的时候,我可能记不住这个名字,而且很可能会忘记什么它是干什么用的了。...你可能修改了一个子主题的 home.php 文件,加入了一些自定义的内容,但你希望在某些内容之后再把博客上的文章也显示出来。

65320

DOM 高级工程师不完全指南

“我不敢徒手撕 DOM 了” 绝大多数前端er都有这样的困扰,但本着基础为大的原则,手撕 DOM 应当是一个前端攻城狮的必备技能,这正是本文诞生的初衷 —— DOM 并没有那么难搞,如果能去充分利用它,...三年前我初入前端坑的时候,发现了一个叫做 jQuery 的宝贝,她有一个神奇的 $ 函数,可以让我快速选中某一个或一组 DOM 元素,并提供链式调用以减少代码的冗余。...为了减少对宝贝键盘的损耗,我一般会这么干: ? 保护机械键盘,从我做起。 少年,爬上这棵 DOM 树 上述内容的主题是查找 DOM 元素,这是一个自上而下的过程:从父元素向其包含的子元素发起查询。...而如今,开发者们可以使用 replaceWith 就可以完成两个元素之间的替换了: ? 从用法上来说,要比前者清爽一些。...,可以写一个 callback 函数了: ?

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

    DOM 高级工程师不完全指南

    以下文章来源于劉凯里,作者kyrieliu “我不敢徒手撕 DOM 了” 绝大多数前端er都有这样的困扰,但本着基础为大的原则,手撕 DOM 应当是一个前端攻城狮的必备技能,这正是本文诞生的初衷 ——...三年前我初入前端坑的时候,发现了一个叫做 jQuery 的宝贝,她有一个神奇的 $ 函数,可以让我快速选中某一个或一组 DOM 元素,并提供链式调用以减少代码的冗余。...为了减少对宝贝键盘的损耗,我一般会这么干: ? 保护机械键盘,从我做起。 少年,爬上这棵 DOM 树 上述内容的主题是查找 DOM 元素,这是一个自上而下的过程:从父元素向其包含的子元素发起查询。...而如今,开发者们可以使用 replaceWith 就可以完成两个元素之间的替换了: ? 从用法上来说,要比前者清爽一些。...,可以写一个 callback 函数了: ?

    72310

    【CSS】515- 如何通过CSS向JS传参的

    但是如果这些东西用在移动端以及其他一些触屏设备上,则这个世界就有问题啊,因为没有这种hover的说法。...因此,最后的方法还是通过CSS媒体查询判断,然后把这个判断结果以参数形式传递给js。 好啦,下面问题来了,上面举了这三个案例,我们如何通过CSS把我们的参数传递给JS代码呢?...二、CSS传参给JS的方法 通常借助CSS向JS传参,我都是使用下面这两种方法。...CSS代码,因此,Chrome浏览器下,打开控制台,进入移动端预览模式,输入JS测试下,可以看到我们CSS传递的字符串信息被JS获取到了。...// mode结果是其他表示默认模式 例如在我这个电脑上运行的结果是下图这个: ? 在Mac OS X或者移动端设备上应该会显示其他的值,欢迎帮忙测试截个图发我,我更新到文章中。

    2.6K10

    【Vue】浅谈Vue不同场景下组件间的数据交流

    在这个demo里面,我们把“从父组件传来的数据”这一个字符串通过props传递给了子组件 如果我们希望在子组件中改变父组件的数据的话,可以在父组件中定义一个能改变父组件数据的函数,然后通过props将该函数传递给子组件...,并在子组件在适当时机调用该函数——从而起到在子组件中改变父组件数据的效果 子组件传递数据给父组件 子组件传递数据给父组件   方式一:回调传参 父组件:   子组件调用这个函数的时候,以参数的形式传递了一个子组件内部的数据(newComponentName)给这个函数,这样,在父组件中定义的函数(changeComponentName)就可以取得子组件传来的参数了...如果两个兄弟组件间存在这种数据关系的话,我们可以尝试寻找其共同的父组件,使数据和相关方法“提升”到父组件内部,并向下传给两个子组件 这样,其中一个子组件取得了数据,另外一个子组件取得了改变数据的方法,便可以实现上述的数据沟通...对于这种场景之外的处理方法,请看下文 全局组件间的数据交流——Vuex 我上述的许多场景里面,都运用到了props或者函数传参的方式去处理组件间的数据沟通。

    1.3K80

    qosrt函数的讲解和模拟实现(干货巨多!!!)

    本次讲解需要读者具备一些知识(这样听起来才不会那么吃力): 函数的定义、指针(定义、解引用、空指针)、函数指针、冒泡排序算法的实现。 那么废话不多说,让我们一同探索qsort函数的内心世界。...下面就用代码来展示它的用法: 相信结合上面所写的参数意义和上述的例子,我相信你已经会用qsort函数了!...那有的读者就会说,qsort函数不也是对整型数组里面的元素进行排序,我直接用冒泡排序就可以了啊。可事实并非如此,且听我在下面的知识点中,给大家细细的讲解。...设想一下,自己就是那个设计处qsort函数的人,有一个程序员想要对数据进行排序,而他就用到了我写的qsort函数,但是这个函数是他在用之前我就已经创建好了,那我是如何知道这个程序员要排序的数据类型是什么...那我们一次该访问多少个字节才停止一次完整的访问操作呢?这个就是width变量的作用,到这里,你可能就恍然大悟了,原来当时我给形参设置这么一个变量是这样用的——一次访问权限的访问数据宽度。

    8310

    前端vue面试题2021_vue框架面试题

    我做过的项目有 A,B,C,D,E 那么最近做的一个项目是XXX 在这个项目中我主要负责的板块是XXX 面试官 您这边还有什么想要了解的么。...我们前端该如何处理。...这样防止子组件意外改变父组件的状态 34.vue中有没有用过组件通信方式 (必背) 父传子:父组件中,子组件上通过属性绑定的方式向子中传递,子中用props接收即可 子传父:通过 e m i t 其中有两个参数第一个作为父中的事件函数...(必背) router为VueRouter的实例,相当于一个全局的路由器对象,里面含有很多属性和子对象, 例如history对象,经常用的跳转链接就可以用this....应用场景: 经常跟数组有关系 bind() 方法不会调用函数,但是能改变函数内部this 指向,返回的是原函数改变this之后产生的新函数 应用场景:不调用函数,但是还想改变this指向 如果只是想改变

    1.9K40

    Python 装饰器

    将实现特定的功能代码封装成装饰器,提高代码复用率,增强代码可读性 接下来,我将以实例讲解,如何编写出各种简单及复杂的装饰器。...我准备开始执行:add 函数了: 200 + 50 = 250 我执行完啦。 复制代码 第二种:带参数的函数装饰器 通过上面两个简单的入门示例,你应该能体会到装饰器的工作原理了。...不传参的装饰器,只能对被装饰函数,执行固定逻辑。 装饰器本身是一个函数,做为一个函数,如果不能传参,那这个函数的功能就会很受限,只能执行固定的逻辑。...可以这样像下面这样写,由于这个功能代码比较复杂,不利于学习,这里就不贴了。...对于这个 callable 对象,我们最熟悉的就是函数了。 除函数之外,类也可以是 callable 对象,只要实现了__call__ 函数(上面几个例子已经接触过了)。

    67584

    『云函数』传参和调试

    num1 和 num2 这两个变量,这样就可以直接使用了。...运行效果如下:可以看到,ok 了,所以说,现在是不是我们就可以在使用云函数时就可以传递参数了,现在就没问题了是吧。...3.云函数的调试现在我们业务逻辑比较简单,就一些加减法,或者说简单的返回一些数据,这些可能还好,但是如果我们的业务逻辑比较复杂,那么我们的云函数的调试就显得尤为重要了,那么我们怎么调试呢?...更改了代码之后,并且重新发布之后,在这一次的调用结果中,我发现没有输出 res 的值,云端中并没有打印:这个时候就不利于我们去调试了,那么如果我想调试该如何调试呢?...3.1.云端测试点击云端测试按钮,会弹出一个抽屉,在测试模板中可以传递我们的一个参数给 sum:填写完毕参数之后点击,运行测试,就可以看到本次的结果,但是这个信息还是达不到我的预期想要的样子。

    54521

    React组件之间的通信方式总结(上)

    意思就是纯函数只是一个过程,期间不改变任何对象的值。因为JS的对象有个很奇怪的现象。如果你传入一个对象到这个方法中,并且改变了他某属性的值,那么传入的这个对象在函数外也会改变。...这个是他的一个语法,我们无法扭转,但是我们可以换一种写法,让他无法解析成属性名=属性值,这个写法就是{...globalData},解构然后重构,这样就可以啦。...参考 前端react面试题详细解答先考虑如何外力改变Component的状态,就比如点击啦,划过啦。...这里有一个小tips,我感觉大家很容易犯错的地方,有关箭头函数的this指向问题,大家看下图。箭头函数转化成ES5的话,我们就可以很清晰得看到,箭头函数指向他上一层的函数对象。...(一些不安全的方法,或者一些我们不太用得到的,这里就不讨论了。)

    1.2K30

    React Components之间的通信方式了解下

    如果你传入一个对象到这个方法中,并且改变了他某属性的值,那么传入的这个对象在函数外也会改变。pure function就是你的改动不能对函数作用域外的对象产生影响。...这个是他的一个语法,我们无法扭转,但是我们可以换一种写法,让他无法解析成属性名=属性值,这个写法就是{...globalData},解构然后重构,这样就可以啦。...先考虑如何外力改变Component的状态,就比如点击啦,划过啦。...这里有一个小tips,我感觉大家很容易犯错的地方,有关箭头函数的this指向问题,大家看下图。箭头函数转化成ES5的话,我们就可以很清晰得看到,箭头函数指向他上一层的函数对象。...我还是通过实战来确认这个更新是怎么产生的吧。实战出真理!(一些不安全的方法,或者一些我们不太用得到的,这里就不讨论了。)

    51310

    React组件之间的通信方式总结(上)

    意思就是纯函数只是一个过程,期间不改变任何对象的值。因为JS的对象有个很奇怪的现象。如果你传入一个对象到这个方法中,并且改变了他某属性的值,那么传入的这个对象在函数外也会改变。...这个是他的一个语法,我们无法扭转,但是我们可以换一种写法,让他无法解析成属性名=属性值,这个写法就是{...globalData},解构然后重构,这样就可以啦。...先考虑如何外力改变Component的状态,就比如点击啦,划过啦。...这里有一个小tips,我感觉大家很容易犯错的地方,有关箭头函数的this指向问题,大家看下图。箭头函数转化成ES5的话,我们就可以很清晰得看到,箭头函数指向他上一层的函数对象。...(一些不安全的方法,或者一些我们不太用得到的,这里就不讨论了。)

    1.2K10

    React组件的通信方式总结(上)

    意思就是纯函数只是一个过程,期间不改变任何对象的值。因为JS的对象有个很奇怪的现象。如果你传入一个对象到这个方法中,并且改变了他某属性的值,那么传入的这个对象在函数外也会改变。...这个是他的一个语法,我们无法扭转,但是我们可以换一种写法,让他无法解析成属性名=属性值,这个写法就是{...globalData},解构然后重构,这样就可以啦。...先考虑如何外力改变Component的状态,就比如点击啦,划过啦。...这里有一个小tips,我感觉大家很容易犯错的地方,有关箭头函数的this指向问题,大家看下图。箭头函数转化成ES5的话,我们就可以很清晰得看到,箭头函数指向他上一层的函数对象。...(一些不安全的方法,或者一些我们不太用得到的,这里就不讨论了。)

    77310

    React组件之间的通信方式总结(上)_2023-02-26

    如果你传入一个对象到这个方法中,并且改变了他某属性的值,那么传入的这个对象在函数外也会改变。pure function就是你的改动不能对函数作用域外的对象产生影响。...这个是他的一个语法,我们无法扭转,但是我们可以换一种写法,让他无法解析成属性名=属性值,这个写法就是{...globalData},解构然后重构,这样就可以啦。...先考虑如何外力改变Component的状态,就比如点击啦,划过啦。...这里有一个小tips,我感觉大家很容易犯错的地方,有关箭头函数的this指向问题,大家看下图。箭头函数转化成ES5的话,我们就可以很清晰得看到,箭头函数指向他上一层的函数对象。...我还是通过实战来确认这个更新是怎么产生的吧。实战出真理!(一些不安全的方法,或者一些我们不太用得到的,这里就不讨论了。)

    68830

    没看完这11条,别说你精通 Python 装饰器

    曾经我在刚转行做程序员时的一次的面试中,被面试官问过这样的两个问题: 1、你都用过装饰器实现过什么样的功能? 2、如何写一个可以传参的装饰器?...实现的功能: 在函数执行前,先打印一行日志告知一下主人,我要执行函数了。 在函数执行完,也不能拍拍屁股就走人了,咱可是有礼貌的代码,再打印一行日志告知下主人,我执行完啦。...主人,我准备开始执行:add 函数了: 200 + 50 = 250 主人,我执行完啦。 03. 入门:时间计时器 再来看看 时间计时器 实现功能:顾名思义,就是计算一个函数的执行时长。...回过头去看看上面的例子,装饰器是不能接收参数的。其用法,只能适用于一些简单的场景。不传参的装饰器,只能对被装饰函数,执行固定逻辑。...装饰器本身是一个函数,做为一个函数,如果不能传参,那这个函数的功能就会很受限,只能执行固定的逻辑。

    45720

    没看完这11 条,别说你精通 Python 装饰器

    曾经我在刚转行做程序员时的一次的面试中,被面试官问过这样的两个问题: 1、你都用过装饰器实现过什么样的功能? 2、如何写一个可以传参的装饰器?...实现的功能: 在函数执行前,先打印一行日志告知一下主人,我要执行函数了。 在函数执行完,也不能拍拍屁股就走人了,咱可是有礼貌的代码,再打印一行日志告知下主人,我执行完啦。...主人,我准备开始执行:add 函数了: 200 + 50 = 250 主人,我执行完啦。 03. 入门:时间计时器 再来看看 时间计时器 实现功能:顾名思义,就是计算一个函数的执行时长。...回过头去看看上面的例子,装饰器是不能接收参数的。其用法,只能适用于一些简单的场景。不传参的装饰器,只能对被装饰函数,执行固定逻辑。...装饰器本身是一个函数,做为一个函数,如果不能传参,那这个函数的功能就会很受限,只能执行固定的逻辑。

    93331

    我揭开了「对象」的神秘面纱,就这?

    别误会,今天不是要写我对象...... 这篇文章主要是聊聊我对于编程语言中「对象」的一些简单认识,Go!...然后分别去实现这些实体应该具有的功能(即成员函数),然后你还要考虑不同实体之间如何交互和传递消息,说白了就是调用关系和传参。...(上面这段说法实际很不准确,因为编译器不会分配内存,编译好的代码也是以二进制的形式放在磁盘上,只有程序开始运行时才会加载到内存) 如果我们把函数的首地址也存储在某个指针变量里,就可以通过这个指针变量来调用所指向的函数了...因为两个元素的比较方式只有调用者才知道,所以这里需要以函数指针的形式告诉 qsort 如何去判定两个元素的大小。 好了,函数指针就简单介绍到这里,接下来回到主题,对象。...只有这样,当你在成员函数内访问成员变量的时候,编译器才知道你访问的是哪一个对象。 诶,别忙,按照这样说,那岂不是,如果我在成员函数内不访问任何成员变量,就不需要传递这个this指针?

    79210

    第四章--第一节:函数

    而不能计算1+2,2+2之类的,因此我们就需要有参函数了。...函数中的 num1 和 num2 变量就是形参,而传入函数的 1 和 3 就是实参。 带返回值函数 在一些情况下,我们需要得到函数的执行结果,那么我们就可以使用带返回值的函数。...如果需要改变参数传递的顺序,则必须使用关键字实参,关键字实参的格式是:key=value,这样我们就可以不必按照参数顺序传递参数了,我们通过例子来看一下: # 定义一个函数 def YourNameAndAge...) 在上面的例子中我们修改了列表的第一个值,在调用函数后,我们再次打印这个列表,会发现列表的第一个值已经改变。...五、作业 定义一个无参函数,并返回值 定义一个参数数量不定的函数,并且函数包含两个形参 将上面两个函数保存在模块中,并导入这个模块中的函数。

    29520

    WordPress自适应模板引入百度MIP,不懂代码也能轻松接入百度MIP 【实用类】

    那么在不改变PC端页面,又想提高移动端页面体验的情况下,用户应如何引入百度MIP规范呢。来看如何操作吧。...我使用的是宝塔面板,我的MIP地址是:https://m.ccswust.org/(使用手机访问)所以就是这样绑定的 然后我们需要下载独立域名插件 独立域名插件推荐:Domain Theme  通过安装...到这里就正式引入了MIP规范了,引入MIP规范后的移动端网页能使用百度的更多功能,如官方号引入等功能,这些功能都需要在MIP主题内对文件进行一些改造。...UA 插件可以简单的理解为是通过判断网站访问用户的 UA 信息,然后来显示不同的 WordPress 主题,所以我们就可以利用 UA 插件启用 MIP 主题来实现 MIP 站点页面的启用即可。...我MIP使用的是子凡 Fanly MIP 免费主题 的主题,因为对于个人站点来说,我完全够了,但是后期如果有需要,一定会支持收费版本的。

    2.5K20
    领券