Vue

基于vue手把手教你实现一个拥有@人功能的文本编辑器（其实就是微信群聊的输入框） Selection对象，表示用户选择的文本范围或插入符号的当前 developer.mozilla.org/zh-CN/docs/… contenteditable是一个枚举属性，表示元素是否可被用户编辑。 developer.mozilla.org/zh-CN/docs/… 需求分析 文本框能够输入文本（太简单了）…

vue项目中遇到需要监听页面某个元素距顶部距离实现吸顶效果，正常的window.addEventListener('scroll', this.handleScroll)完全失效，经过一段时间的探索发现这个事件在子组件中会遇到问题。 可以用元素上的 @scroll事件来监听滚动，但有一点要注意，scroll的元素需要确认 设置overflow-y:scroll；height:1…

这篇文章主要介绍了vue如何实现清空this.$route.query的值，具有很好的参考价值，希望对大家有所帮助。 如何清空this.$route.query的值 mounted 定义一个 localStorage 来判断当前是否是query携带参数进来页面的 destroyed 改变this.$route.query中的数据 某些特定情况下想改变this.$route.query中的数据（就是…

随着前端技术的不断发展、数据中心（中台）之类的概念的不断升级、物联网设备的更新和普及，越来越多的业主（项目）喜欢在系统中添加一个或者多个可视化大屏，用来集中的展现数据变化、位置变化等等，老板们也更喜欢称之为“态势”。 当然，作为程序员一般都不关心“老板们”的想法，只要完成项目即可。但是经常会有这样的问题：我有一个大屏的模板，但是用户的浏览器分辨率不够，或者有的有书签栏有的没有书签栏，更或者是有的全…

在安装WordPress博客程序的时候我们常常会碰到下面的问题：当我们按照安装步骤一步步填写好数据库名、用户名、密码/数据库主机以及表前缀的时候，WordPress突然给我们来一句“抱歉，我不能写入wp-config.php文件。”，这就很尴尬了不是。那么wp-config.php文件到底是什么呢，为什么我们安装个博客程序还要写入这么个文件呢？wp-config.php是wordpress的基础配…

最近在进行一些主题修改的过程中经常会调用一些图片、CSS、JS 等静态文件，当然，对于这些静态文件我们可以直接使用绝对路径进行调用，但是考虑到后期对主题的各种折腾，以及分享出去的代码一些小白可能会因为乱修改导致代码无法运行等一系列问题，个人还是倾向于使用 WordPress 的路径函数以及相对路径进行资源的加载。因为自己脑子实在不够用，需要的时候经常忘记，于是决定整理一下WordPress路径函数…

WordPress 在更新程序、主题、插件的时候会进入维护模式并提示“正在执行例行维护，请一分钟后回来。”，英文为“Briefly unavailable for scheduled maintenance. Check back in a minute.”。关于该函数的定义位于wp-includes 文件夹下的 load.php 文件中，具体代码如下： 如果你不喜欢默认的提示文字，可以在这里将默…

get_avatar() 是 WordPress 默认获取的 Gravatar 头像的函数，函数通过用户 ID 或邮件地址获取用户头像，同时如果要正确显示头像需要将设置/讨论面板下的“显示头像”给勾选上。该函数的定义位于 wp-includes 文件夹下的 pluggable.php 中，相关代码如下： 使用 get_avatar() 函数 对于 get_avatar() 函数的使用我们一般可以通…

add_filter() 是 WordPress 提供的一个过滤器钩子函数，我们可以通过此函数在程序运行时修改各种类型的内部数据。这个钩子的使用方法很简单，我们仅需用它构造一个回调函数即可，如下所示： 通过将参数 $example 传递给回调函数，在经过一系列处理后返回该 $example 的新值。add_filter() 一共有四个参数，其调用方法如下所示： $tag：必填（字符串）。挂载回调函…

前两天学习了 add_filters() 函数，详见>>> WordPress学习——add_filter()详解 ，今天趁热打铁再来学习下它的使用。一般情况下 add_filters() 有两种方式触发，一种是当程序运行到特定时候 WordPress 程序会判断用户是否对某些参数做了新的定义，如果有则优先使用用户的设置；另一种方式是，用户可以直接通过 apply_filters…

remove_filter() 是 WordPress 的核心函数，返回值为布尔值。主要用于移除一个附属于指定过滤器的钩子函数。并且你也可以用替代函数替换掉默认函数。remove_filter() 的调用方法如下： $tag：必填（字符串）。将要被删除的函数所连接到的过滤器 hook 。 $function_to_remove：必填（回调）。将要被移除的函数名称。 $priority：选填（整型）…

前一篇 WordPress学习——wp_register_script()详解 说的是 WordPress 如何注册一个脚本。与之对应，这里的 wp_deregister_script() 则是用于移除注册的脚本的。不过出于安全考虑，一些 WordPress 核心的脚本是不允许使用该函数移除的。该函数的语法是： $handle：字符串（必填）。要移除的脚本名称。 该函数同样定义在 wp-inclu…

之前提到的 register_nav_menus() 函数用于注册一个自定义菜单，而今天提到的 wp_nav_menu() 则是用来获取并显示我们的自定义菜单的。该函数的语法为： $args：数组（选填）。你要获取并显示的一个自定义菜单，包含各类参数。 menu：整型、字符串或者WP项目。希望调取的菜单，可以是一个 ID 、slug 、菜单名或者对象，优先于 theme_location。 men…

add_action() 是 WordPress 核心代码执行期间或特定事件发生时启动的钩子函数。 插件可以指定使用 Action API 在这些特定点上执行其一个或多个PHP函数。简单来说就是通过 add_action() 将函数连接到指定 action 上。add_action() 的调用方法如下： $tag：必填（字符串）。$function_to_add 所挂载的动作（action）的名称…

do_action() 是WordPress的核心函数，该函数没有返回值。作用是创建一个钩子，在特定的地方执行插件或者主题开发者挂载的函数，一般存在于某个特殊的节点或者事件上。do_action() 的调用方法如下： $tag：必填（字符串）。将要被指向动作的函数名称。 $arg：选填（混合型）。传递给钩子函数的其他参数。 默认为空。 该函数定义在 wp-includes/plugin.php 文…

remove_action() 是WordPress的核心函数，返回值为布尔值。主要用于移除一个附属于指定动作的钩子函数。并且你也可以用替代函数替换掉默认函数。remove_action()  的调用方法如下： $tag：必填（字符串）。将要被删除的函数所连接到的动作 hook 。 $function_to_remove：必填（回调）。将要被移除的函数名称。 $priority：选填（整型）。函数…

本文实例为大家分享了vue实现tab切换的放大镜效果的具体代码，供大家参考，具体内容如下 废话不多说先看效果图 1.我这里并没有加遮罩层，如有需要请自行加上 2.图片建议使用4k高清图片，不然放大后模糊，影响观看心情 3.不用拘泥于样式，关注实现原理即可 4.可能我的方法并不简便，但是也是一种思路，请大家参考 实现原理 第一肯定需要vue.js 第二需要两张图片 左边为现实图片，右边放大后的效果图…

wp_register_script() 是 WordPress 用于注册一个新的脚本文件的函数。注册完成后我们可以使用 wp_enqueue_script() 函数挂载脚本。当然注册不是必须的，不过推荐大家使用。使用 wp_register_script() 可以有效地避免在多个代码块中重复调用脚本文件的问题。该函数的语法如下： $handle：字符串（必填）。脚本名称，必须是唯一值。 $src…

wp_enqueue_script() 作为向 WordPress 主题页面中引入脚本文件的最佳方法，可以有效地避免在多个代码块中重复调用脚本文件的问题。该函数一般与 wp_register_script() 函数一同使用，如果我们已经通过 wp_register_script() 注册了一个脚本，那么直接使用该函数引入即可；如果未使用 wp_register_script() 注册，该函数也支持…

与 wp_enqueue_script() 相反，wp_dequeue_script() 用于取消脚本文件的引入。函数语法为： $handle：字符串（必填）。要移除的脚本名称。 该函数同样定义在 wp-includes/functions.wp-scripts.php 文件中，具体代码如下： 参考文档：https://codex.wordpress.org/Function_Reference/…

wp_register_style() 是 WordPress 用于注册一个新的样式文件的函数。注册完成后我们可以使用 wp_register_style() 函数引入样式。当然注册不是必须的，不过推荐大家使用。使用 wp_register_style() 可以有效地避免在多个代码块中重复调用样式文件的问题。该函数的语法如下： $handle：字符串（必填）。样式名称，必须是唯一值。 $src：字…

与 wp_register_style() 对应， wp_deregister_style() 用于移除注册的样式文件。该函数的语法是： $handle：字符串（必填）。要移除的脚本名称。 该函数同样定义在 wp-includes/functions.wp-styles.php 文件中，具体代码如下： 参考文档：https://developer.wordpress.org/reference/f…

wp_enqueue_style() 用于向 WordPress 主题页面中引入样式文件，可以有效地避免在多个代码块中重复调用样式文件的问题。可以配合 wp_register_style() 使用，使用方法与 wp_enqueue_script() 类似。该函数的语法如下： $handle：字符串（必填）。样式文件名称，必须是唯一值。 $src：字符串或布尔值（可选）。完整的样式文件路径或基于Wo…

与 wp_enqueue_style() 相反，wp_dequeue_script() 用于取消脚本文件的引入。可类比 wp_dequeue_script() 学习。函数语法为： $handle：字符串（必填）。要移除的样式文件名称。 该函数定义在 wp-includes/functions.wp-styles.php 文件中，具体代码如下： 参考文档：https://developer.word…