精华内容
下载资源
问答
  • 2020-12-19 21:52:40

    vue页面动态添加元素

    发布时间:2018-09-20 11:54,

    浏览次数:3572

    , 标签:

    vue

    <>1.动态插入组件

    将需要插入到页面的元素定义成一个组件,再进行操作。

    参考:https://jintang.github.io/2018/03/27/vue动态添加组件/

    <>2.页面直接添加元素

    页面结构代码:

    • {{index +

      1}}.

      @click="delete(index)">删除

      /li>

    pointer">+添加元素

    data初始化:

    data() { return { items: [0] ele: '' } }

    方法:

    //点击添加 addExceptPrice() { this.ele ++; this.itemArr.push(this.ele) }, //删除一项

    deleteExceptPrice(index) { this.itemArr.splice(index, 1); }

    关注微博、微信公众号搜索前端小木,让我们一起学习成长。

    更多相关内容
  • 如何WordPress中添加页面或发布

    千次阅读 2020-06-22 05:51:00
    本教程中,我将向您展示如何WordPress中添加帖子以及如何WordPress中创建页面。 我将说明帖子和页面之间的区别,还将说明精选图片,引用,引用和其他内容。 WordPress使您可以轻松地开始建立自己的网站或...

    在本教程中,我将向您展示如何在WordPress中添加帖子以及如何在WordPress中创建页面。 我将说明帖子和页面之间的区别,还将说明精选图片,引用,引用和其他内容。

    WordPress使您可以轻松地开始建立自己的网站或博客,但是首先需要了解一些术语和技术。

    在本教程中,您将学习有关添加和编辑帖子和页面的信息。 这是WordPress中两种主要的内容类型。 我将解释两者之间的区别。

    帖子和页面:有什么区别?

    在WordPress中,有四种不同类型的内容:

    1. 帖子
    2. 注释
    3. 使用者
    4. 链接

    您可能会注意到页面不在此列表中! 实际上,页面只是一种帖子。 帖子是在博客或网站上显示内容的基本方式。

    了解帖子和页面的相似之处和不同之处的最简单方法是查看它们的实际作用。 为了了解WordPress中的帖子和页面之间的区别,我将演示WordPress网站上每个帖子的外观。

    WordPress帖子示例

    WordPress帖子
    WordPress帖子

    这个世界你好! 例子是帖子。 它具有标题,并且具有元数据,例如作者,发布日期和评论数。 下面是帖子的内容。 当然,您可以将评论附加到帖子上。

    WordPress页面示例

    WordPress页面
    WordPress页面

    页面与帖子类似,不同之处在于它们不显示任何元数据。 通常,他们没有评论。

    发布还是页面?

    在决定使用帖子还是页面时,应将两者都视为特定信息的容器。

    如果您打算使用常规网站,那么博客中将有帖子。 然后,您将拥有网站页面,例如主页,关于页面,联系页面和投资组合页面。

    这些都是单独的页面。 它们代表不同类型的内容。 页面和帖子之间的区别在于页面没有评论。

    页面不会显示元数据,例如作者,发布日期等,因为这不是必需的。

    最终,WordPress具有四种内容类型:帖子,用户,评论和链接。 既然您知道其中的区别,我将向您展示如何管理帖子和页面。

    从WordPress管理面板管理帖子

    从后端管理WordPress帖子
    从后端管理WordPress帖子

    从后端开始,我将向您展示帖子。

    在左侧的“ 帖子”类别下,您可以访问子功能,例如“ 添加新帖子”或打开“ 类别标签”

    在右侧的主要区域中,有一个已创建的帖子列表。 在此示例中,到目前为止我们只有一个。

    帖子的标题是Hello world! 将鼠标指针悬停在标题上方会显示快捷菜单的上下文菜单,例如EditQuick EditTrashView ,最后一个菜单将打开网站的前端以显示当前帖子。

    单击“ 编辑”选项将打开一个名为Gutenberg的WordPress编辑器。 我将在另一个教程中介绍。 本质上,它是允许编辑帖子(或页面)内容的编辑器。

    添加新帖子

    添加新帖子
    添加新帖子

    通过单击顶部的添加按钮或左侧菜单中的添加选项,可以快速添加新帖子。 返回仪表盘,可以选择添加Quick Draft ,并创建一个新帖子。

    创建一个新帖子,然后单击“ 保存草稿”

    转到帖子 ,您将看到刚刚创建的草稿的状态为草稿 。 这意味着已将其保存在数据库中,但尚未发布。

    发布新帖子

    发布新帖子
    发布新帖子

    返回前端,您将看到唯一显示的帖子是Hello world!

    如果要发布新的草稿,请返回到后端并在编辑器中将其打开。 您可以在这里预览或发布。 预览帖子会在新窗口中将其打开,或者,您也可以立即发布。

    发布帖子后,可以选择更改可见性-也就是说,实际上谁可以看到该帖子。 您也可以选择安排在特定日期和时间发布的帖子。 或者,您可以向其中添加标签。

    按下Publish后 ,该帖子即会生效。

    回到前端,草稿已发布为帖子。 如果您决定取消发布,请返回到管理面板中的“ 所有帖子 ”,然后将状态更改回“ 草稿”

    删除帖子

    删除帖子
    删除帖子

    如果您想删除帖子,请点击垃圾箱 ,该帖子已移至垃圾箱。

    请注意,这不会立即删除帖子。 而是将其发送到“ 废纸rash” ,仍然可以在其中对其进行访问或还原。

    在垃圾桶中放置30天后,该帖子将被清除,无法再访问。 当然,您可以选择将其永久删除的时间早于此时间。

    按类别组织帖子

    分类目录
    分类目录

    在菜单中打开类别 ,您将在此表中看到现有的类别。 您也可以在这里创建新类别。

    也许您有一个涵盖几个不同主题的博客。 使用类别过滤内容不仅使网站管理更容易,而且还可以帮助网站访问者找到他们感兴趣的内容。

    例如,一个网站可能谈论食物或环游世界。 然后,类别可能是RestaurantsFoodTravelingHotels等等。

    单击类别名称将显示已获得该类别的所有帖子。

    使用标签整理帖子

    标签类似于类别

    如果添加一些,请确保还添加了描述。 例如,创建三个标签,然后返回到帖子。 在右侧的标签下方,开始输入内容,它将为您找到标签。

    返回后端的信息,以便选择类别和标签。

    查看网站上的更新,您会看到类别和标签也显示在帖子的元数据下:作者,发布日期,类别,标签和评论。

    这样便可以发布帖子并通过添加类别和标签对其进行编辑。

    使帖子变粘

    选件
    选件

    发布帖子时,您需要注意几个其他选项。 您会在右侧工具栏中找到所有这些选项。

    首先,您可以将帖子粘贴。

    无论发布日期如何,您都可以将其固定在博客顶部。 即使它是两年前发布的,而且还有更多最新帖子,它始终将显示在顶部。

    您可以编辑永久链接,该链接将更改帖子的URL,即帖子在浏览器地址栏中的显示方式。

    特色图片

    帖子还可以显示精选图像。

    特色图片是网站帖子上显示的图片,通常在标题之前或之后。 这实际上取决于您使用的主题。

    文章摘录

    摘录
    摘录

    在任何帖子上,您都可以定义摘录。 摘录是一段可选的文本,显示为帖子的预览,如上图以蓝色突出显示。

    摘录功能在任何帖子列表中特别有用。 而不是显示每个帖子的全部内容,而是仅显示其中的一小部分:摘录。

    讨论区

    在“ 讨论”下 ,有允许注释pingback引用的选项。 这些只是链接到万维网上其他页面的机制。

    页数

    WordPress示例页面
    WordPress示例页面

    这是默认情况下WordPress提供的示例页面。 您可以在此处放置任何想要的内容。 实际上,任何在帖子中起作用的内容都可以在页面中起作用。

    如何在WordPress中添加页面

    页面实际上与帖子非常相似,不同之处在于它们没有类别,也没有标签。 页面不会像帖子那样显示在类别页面和档案中; 相反,它们具有特定的URL,并且用户可以通过链接或导航菜单直接访问它们。

    我已经向您展示了如何添加帖子,并且在WordPress中添加页面的过程类似。 在发布方面,除了粘性部分外,其他选项与帖子几乎相同。 您不能使页面发粘,因为那没有意义-它们不会出现在列表中,因此它们不必停留在任何内容的顶部。

    页面是他们自己的东西。 它们不像帖子那样属于类别,也没有页面存档。

    但是,您可以在页面上添加特色图像。

    在“ 讨论”下 ,您可以选择是否允许评论,但这默认情况下处于禁用状态。 话虽如此,如果您愿意,您可以允许在页面上发表评论,尽管这不是很常见的做法。

    您可以更改页面的顺序,添加新页面很简单。 创建页面的过程与创建帖子的过程基本相同。

    结论

    在本教程中,我向您展示了如何创建页面和帖子并演示了它们的功能。

    编辑古腾堡(Gutenberg)是一款出色的软件,我将在另一个教程中对其进行详细介绍。

    Envato市场上最好的WordPress主题和插件

    探索在ThemeForest上创建的数千个最佳WordPress主题以及在CodeCanyon 领先的WordPress插件 。 购买这些高质量的WordPress主题和插件,并为您和您的访客改善您的网站体验。

    翻译自: https://webdesign.tutsplus.com/tutorials/wordpress-pages-and-posts--cms-34644

    展开全文
  • 一、添加水印切换到【设计】选项卡,页面背景】组中,点击【水印】按钮,弹出快捷工具栏,此可以直接点击设计好的【机密】和【严禁复制】各两种格式。快捷工具栏中,点击【删除水印】按钮,即可完成已添加...

    不知道各位小伙伴是否见过这样的文档,带有类似【内部文件】/【严禁外泄】水印的文档,是不是觉得很高大上,神圣而不可侵犯的感觉油然而生?只需要一分钟,小编教你如何为文档快速添加水印。

    一、添加水印

    切换到【设计】选项卡,在【页面背景】组中,点击【水印】按钮,弹出快捷工具栏,在此可以直接点击设计好的【机密】和【严禁复制】各两种格式。在快捷工具栏中,点击【删除水印】按钮,即可完成已添加水印的删除。

    二、自定义水印

    在弹出的快捷工具栏中,点击【自定义】水印按钮,弹出【水印】对话框,有【图片水印】和【文字水印】两种方式。

    1.图片水印

    勾选图片水印,点击【选择图片】按钮,弹出【插入图片】对话框,找到图片目标存储位置,完成图片添加即可。勾选【冲蚀】图片水印的颜色将变浅,隐藏在文字下方,不影响文字的查看。也可以设置图片的显示大小,自50%到500%之间均可。

    2.文字水印

    勾选文字水印,可以选择不同的语言,在文字栏中可以选择已有的文字也可以输入自己想要的水印文字,同时,可以修改文字字体、字号、颜色和半透明。最终,选择斜视或水平板式即可。

    欢迎关注,以上。

    展开全文
  • discuz怎么添加一个页面

    千次阅读 2018-10-28 16:52:37
    今天要修改discuz的一点东西,想添加一个页面。作为一个老牌的PHP论坛系统。一直以来都听过他的名声。 但是真没做过啊。 于是花了点时间看了下。   假如我们想要增加discuz一个页面是...

    PHP技术交流群:180460365、320205320

     

    今天要修改discuz的一点东西,想添加一个页面。作为一个老牌的PHP论坛系统。一直以来都听过他的名声。

    但是真没做过啊。

    于是花了点时间看了下。

     

    假如我们想要增加discuz一个页面是http://sex.linglingtang.com/test.php?mod=my

    首先:建 \test.php(入口)

    即在根目录新建一个php文件,就叫 test.php ,这个是入口文件;

    然后:建 \source\class\class_test.php(类)

    即在\source\class 新建模块类文件 class_test.php ,在里面添加my类;

    然后:建 \source\function\function_test.php(方法)

    即在\source\function,定义不同的mod方法;

    然后:建 \source\module\test\test_my.php(后端控制器)

    即在\source\module 新增 test文件夹,在test文件夹新增文件 test_模块名.php;

    然后:建 \template\default\test\my.htm(前端模板)

    即在默认主题/theme/default/ 新建test文件夹,在test文件夹里新建模板文件my.htm , 也就是theme/default/test/my.htm;

     

    代码如下:

     

    \test.php

    <?php
    define('APPTYPEID', 0);
    define('CURSCRIPT', 'test');
     
    require './source/class/class_core.php';
    $discuz = C::app();
    $modarray = array('my');
     
    if(!isset($_GET['mod']) && !in_array($_GET['mod'],$modarray)){
        die('mod is undefined!');
    }
     
    $mod = isset($_GET['mod']) ? $_GET['mod']:'my';
    define('CURMODULE', $mod);
    $discuz->init();
     
    require libfile('function/test');
    require libfile('class/test');
    runhooks();
    require DISCUZ_ROOT.'./source/module/test/test_'.$mod.'.php';
    

    \source\class\class_test.php

    <?php
    /**
     * Yoper test
     */
    if(!defined('IN_DISCUZ')) {
        exit('Access Denied');
    }
    class my{
        function __construct($msg){
            my($msg);
        }
        function  run(){
            return "www.linlingtang.com";
        }
    }
    ?>

    \source\function\function_test.php

    <?php
    /**
     * Yoper add
     */
    function my($msg){
        echo "~ my ~";
    }
    

    \source\module\test\test_my.php

    <?php
    if(!defined('IN_DISCUZ')) {
        exit('Access Denied');
    }
    define('NOROBOT', TRUE);
    
    $c = new my("hello,my");
    $time = $c->run();
    include template('test/my');
    

    \template\default\test\my.htm

    <!--{template common/header}-->
    <div class="my">
    <br><br><br><br><br>
        <center>my页面</center>
    <br><br><br><br>
    </div>
    <!--{template common/footer}-->
    

    discuz新增页面效果图(这不是默认主题)

    性零糖

    广告时间~~~~~~~

    现在的公众号,都是女博情感啊、鸡汤啊。动不动就几十万阅读。

    我们辛辛苦苦码代码一个月。还不如人家一篇鸡汤文赚得多。

    码农转型中,欢迎关注我时不时瞎吐槽的个人公众号——零零糖。

    有趣的个人公众号

    陈永鹏的CSDN技术博客

    陈永鹏博客园

     

    PHP技术交流群:180460365、320205320

     

     

     

     

     

     

     

    BIPIMI

     

    零零糖

     

     

    展开全文
  • 如何为2016word的页面设置艺术型页面边框如果我们想要为word页面插入艺术型页面边框时该怎么办呢?接下来就由小编来告诉大家。具体如下:1. 第一步,点击打开桌面的word2016,进入主页后点击上方菜单中的设计选项2...
  • h5页面利用js添加水印

    万次阅读 热门讨论 2018-09-18 17:28:33
    给所有页面加水印(登录人+登录时间),不影响其他点击等功能的使用,目的是防止信息外漏,当时就想:这年头,PS就不说人人都能使用,谁手机还没个涂鸦功能,防不了,但是就是这么个需求,那就实现吧,不逼逼了,...
  • 页面添加锚点的三种方式

    万次阅读 2018-08-31 11:10:30
    页面添加锚点的三种方式  HTML中的链接,正确的说法应该称作"锚点",它命名锚点链接(也叫书签链接)常常用于那些内容庞大繁琐的网页,通过点击命名锚点,不仅让我们能指向文档,还能指向页面里的特定...
  • 当之前使用router-view加link来页面中显示子页面时,需要路由中页面路由的children属性中配置子页面们的路由,但是这样需要我们提前预知本页面将要显示的子页面的所有路径,那么能不能代码中动态地将...
  • 电脑怎么把浏览器网页添加到桌面电脑我们有时候需要经常打开一个网页时,可以将网页添加到桌面,就可以一键打开了,方便快捷,下面小编介绍一下。具体如下:1. 双击打开桌面的【QQ浏览器】2. 输入百度的网址后,...
  • //常规用法 laydate.render({ elem: '#expire_time', value:new Date(), done:function(value,obj){ } });
  • 如何手机上添加俄语输入法

    千次阅读 2021-02-05 05:11:29
    强烈推荐俄语的搜狗键盘输入法。使用方法如下:1.下载搜狗输入法。2.单击工具栏的“ s”图标。...因此您可以使用它,并且可以将键盘更改为各种外观〜我今天也寻找俄语输入法,但我还没有找到,但是我...
  • 页面添加enter回车事件

    千次阅读 2017-03-14 11:20:50
    一、页面加载完成后就添加该事件 //给enter键添加事件 $(document).ready(function(e) { $(this).keydown(function (e){ if(e.which == "13"){ showSelectResult();//触发该事件 } }) }); 二、为某元素...
  • vscode自动添加作者、时间信息

    千次阅读 2021-02-25 16:25:56
    大型项目开发,都是多人合作,需要明确每个开发的功能模块,以便遇到问题及时找到对应负责人解决、统计开发量等,vscode就提供了这样的功能 1、安装vscode-fileheader...3、使用Ctrl+Alt+i,即可文件顶部生成 ...
  • 项目中有个从页面发起的AJAX请求后台需要处理十分钟以上,这导致页面超时卡死, 为了解决这个问题,经讨论,我们采用后台异步处理,用到了spring...首先spring的xml配置文件中添加如下配置: xmlns:task="http://...
  • //查找页面的元素 var o=document.getElementById('btn'); var oc=document.getElementById('ipt'); //添加点击事件 o.onclick=function(){ function showTime(){ var date=new Date; var hour=...
  • 本文主要包含以下内容:1 添加文本2 添加时间和日期3 希腊字母的标注4 带有上标(下标)的标注5 Origin 自带的特殊符号标注6 Origin数据图坐标刻度值特殊标注图片来源:Ren, Y., Zou, Y., Liu, Y. et al. Synthesis of...
  • vue项目如何刷新当前页面

    千次阅读 2020-12-19 14:24:39
    1.场景处理列表时,常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求。2.遇到的问题1. 用vue-router重新路由到当前页面页面是不进行刷新的2.采用window.reload(),或者router.go(0)刷新时,整个...
  • index/index.wxml &lt;!--index.wxml--&gt; &lt;view class="container"&gt; &...点击获取当前时间&lt;/button&gt; &lt;!-- wx:if判断是否存在 --&g
  • js实现jsp页面日期时间控件

    万次阅读 2017-05-27 14:53:34
    1.首先下载My97DatePicker js包 项目里导入js文件的calendar.js,WdatePicker.js 2.My97DatePicker js要绝对路径使用,如果相对路径相对路径使用请参考eg:js2 3.关于导入后控件不能用请仔细阅读,并核对导入...
  • jsp 页面添加视频并显示播放时间

    千次阅读 2015-07-24 17:14:27
    网络有不少jsp页面添加视频的代码,添加的播放器也有很多,还有用html5的标签的,或者 标签,我的开发过程中,video 标签却未能我的开发环境中展示出视频, embed 标签不能展示播放时间等等,即使其可以播放...
  • 前言: 最近做项目,PD提需求让做一个页面水印,百度到的答案好像大部分都是图片的,要么七七八八的...我们加载页面后就要把这个水印填在页面上 需要根据页面大小,动态跳转页面上水印数量,防止某些人缩小刷新...
  • Android页面渲染时间定量统计

    千次阅读 2019-03-22 14:49:22
    通过Hook系统API实现启动时长、生命周期、UI绘制时间的检测,达到定量分析Activity性能问题的目标。 背景: 随着项目功能越来越多,存在部分页面启动时长过长的问题。需要一套定量统计启动过程中各个流程耗时多少...
  • 今天调试一个vue项目时,遇到这样的问题,如下图: 那怎么解决呢?使用moment.js插件。步骤如下: 第一:项目中,新建moment.js,再把http://momentjs.cn/downloads/moment.js的代码放进去; 第二:.vue...
  • jsp页面添加视频播放

    万次阅读 2017-12-21 11:03:07
    使用格式工厂avi转mp4无图像仅有声音 mp4有3种编码,mpg4(xdiv),mpg4(xvid),avc(h264),只有h...layer弹窗组件中 如果使用了flash播放器,全屏是正常的 但若使用了HTML5的播放器,全屏失效<!DOCTYPE html> <met
  • build/webpack.prod.conf.js文件里面修改如下: 添加const Version = new Date().getTime(); ...打包后的js文件:(css文件同理,后面都会添加上版本号,也就是个时间戳) --------完。 ...
  • 1、项目开发中使用日期时间选择器时需要添加默认时间并精确到HH:mm:ss,默认时间为当天的00:00:00~23:59:59 日期选择器相关属性 <el-date-picker v-model="serachForm.gengerateTime" type="datetimerange" ...
  • vue向数组中动态添加数据vue中数据更新通过v-model实现,向数组中添加数据通过push()实现,向shortcuts数组中动态添加newShortcut对象中的title和action this.shortcuts.p ...jquery动态添加DOM节点1.append()方法:向...
  • 篇博客我们已经成功创建页面,并且显示我们自己所创建页面的内容,那么我们都知道每个项目下面都会有tabBar,当然大部分都有,也不排除没有的情况啊,那么这篇我主要是来添加一个tabBar并,且总结一下写的过程中一个...
  • 引言:Web的世界里,浏览器加载页面,展示给用户最终的内容,可是最终展示的HTML代码与服务器存储的代码一致吗?

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 744,097
精华内容 297,638
关键字:

怎么在页面上添加时间