精华内容
下载资源
问答
  • 说明:该插件用于3d展示个人标签,感觉挺炫酷! 三:countUp 说明:该插件可以滚动展现数字,感觉很高大上啊! 三:tablesorter 说明:表格排序,简单而实用,赞啊! 四:gVerify 说明:验证码插件,直接...

    一:canvas-nest

    说明:该插件用于个人博客的背景,线条多少自己可以设置,跟随鼠标的吸附效果个人感觉挺好的!

    二:tagcanvas

    说明:该插件用于3d展示个人标签,感觉挺炫酷的!

    三:countUp

    说明:该插件可以滚动展现数字,感觉很高大上啊!

    三:tablesorter

    说明:表格排序,简单而实用,赞啊!

    四:gVerify

    说明:验证码插件,直接前台生成验证码,牛逼啊!

    五:datePicker

    说明:仿苹果手机选择日期控件,如果想做这样的效果可选用!

    六:swiper

    说明:如果不想自己写轮播图,那就用这个吧,功能齐全!

    转载于:https://www.cnblogs.com/yzyh/p/7805101.html

    展开全文
  • 1.本文收集了一些个人觉得比较有意思的css题目,欢迎大家给出自己的解答 P标签的最大宽度不可以大于H2标签文字宽度的10% 这里应该是P标签的最大宽度由前面的匿名内联元素宽度(就是大字号文字宽度)决定,可参见...

    1.本文收集了一些个人觉得比较有意思的css题目,欢迎大家给出自己的解答

    1. P标签的最大宽度不可以大于H2标签文字宽度的10%

      这里应该是P标签的最大宽度由前面的匿名内联元素宽度(就是大字号文字宽度)决定,可参见最后期望效果GIF示意。

    2. H2标签不能失去高度(h2 文字高度+p 标签高度 = h2 标签高度)

      HTML结构(不允许修改)

      <h2>
        IPHONE XR<br>
        IS THE FUCKING<br>
        BEST EVER MADE
        <p>iPhone XR has not been authorized as required by the rules of the Federal Communications Commission. iPhone XR is not, and may not be, offered for sale or lease, or sold or leased, until authorization is obtained.</p>
      </h2>

      基础CSS样式

      h2{
          font-size: 52px;
          font-weight: bold;
          color: #000;
      }
      p{
          font-size: 12px;
          color: #333;
      }

    二.使用纯css 制作tab选项卡(在最近一次项目中所参考对象发现其tab轮播选项卡为css制作)
      1.提示若需滚动效果可使用css scroll-behavior:smooth; 属性

    转载于:https://www.cnblogs.com/jjq-exchange/p/9853432.html

    展开全文
  • scrapyxpath无法匹配tbody标签

    千次阅读 2018-04-18 16:24:16
    刚才在使用scrapy的xpath时遇到了一点问题,个人觉得很有意思,也是在无意中发现的,认为是个坑,也是个很有意思的问题,所以这里做个介绍和笔记。问题:使用scapy的xpath在匹配&lt;tbody&gt;位置时无法获取...

    刚才在使用scrapy的xpath时遇到了一点问题,个人觉得很有意思,也是在无意中发现的,认为是个坑,也是个很有意思的问题,所以这里做个介绍和笔记。

    问题:使用scapyxpath在匹配<tbody>位置时无法获取。(使用浏览器自带copy的xpach)

    我使用的charm浏览器,在检查元素时,直接copy了它的xpath表达式。但是当运行时,却始终没有获取到目的信息。



    使用它的表达式,你会发现,并没有东西,所以我开始检查问题,将标签一个一个减少,直到


    减少到<table>时才有返回,这说明<table>的下一个标签匹配也就是<tbody>出现了问题,我也修改了一些获取方式,还是不行。

    很头疼,在反复的实验下,我查看了此处的网页结构,试着匹配跳过它的,没想到竟然有发现了。


    当去掉<tbody>标签时,居然就可以向下匹配了。很有意思,于是我google了一下原因,总结的也不是很详细,大概就是当charm浏览器在解析网页时添加了一个<tbody>标签,不知道它是在<table>标签中没有<tbody>就会加,还是有根据的加。

    现在只要留意<tbody>标签的匹配就行了,当遇到相同的问题时,可以参考这个问题,有可能原因都一样。


    展开全文
  • 这份模板的灵感是来自Optus的海报,配色部分我个人很喜欢,清爽不压抑,再加入一些小标签的元素,还挺有意思的,利用自定义形状或图标icon,加入了很多标签的形象,希望你和大家都会喜欢,可爱卡通风小标签风格主题...
  • B站的标签创建框 之前投稿时候,发现B站的标签创建框很有意思,如下图所示。按回车生成标签,点击标签或者按退格删除标签。...现在开始写下我还原的思路(这只是我的个人想法,肯定有更好的,不要被局限住了)。 首先

    B站的标签创建框

    之前投稿时候,发现B站的标签创建框很有意思,如下图所示。按回车生成标签,点击标签或者按退格删除标签。

    在这里插入图片描述

    第一次见到这东西(在下孤陋寡闻),觉得挺有意思,而且挺有用的。趁着端午节假日休闲的下午,把它还原一下。

    自己的标签框

    以下是还原效果图
    在这里插入图片描述

    还是有挺多缺漏,比如删除和添加时候,滚动条好像没有滚到最合适的位置,不过因为要吃饭了,等之后用到再修改吧。还有按钮的叉叉,实在懒得找图片,所以干脆不搞了。
    在这里插入图片描述

    设计思路

    现在开始写下我还原的思路(这只是我的个人想法,肯定有更好的,不要被局限住了)。

    首先可以无限添加,那么肯定有个ScrollArea,然后接着就是标签,为了方便响应点击,选用了Button。至于输入,因为没有做多行,所以毫不犹豫选用LineEdit。同时,为了方便插入和删除,Button和LineEdit可以统一放入Layout,方便Take和Insert。

    当回车按下时,在LineEdit前插入一个Button(直接获取Layout的Count然后扣去编辑框就对了)。为了方便点击时候删除Button,把所有Button统一插入ButtonGroup去响应事件。接着就是响应LineEdit的Backspace,所以我们得继承LineEdit,然后在按键事件那边发射一个信号。

    继承QLineEdit,响应Backspace

    #ifndef CUSTOMEDIT_H
    #define CUSTOMEDIT_H
    
    #include <QObject>
    #include <QLineEdit>
    
    class CustomEdit : public QLineEdit
    {
        Q_OBJECT
    public:
        explicit CustomEdit(QWidget* parent = nullptr);
        ~CustomEdit();
    protected:
        void keyPressEvent(QKeyEvent *event) override;
    
    signals:
        void BackspaceSignal();
    };
    
    #endif // CUSTOMEDIT_H
    
    
    #include "CustomEdit.h"
    #include <QKeyEvent>
    
    CustomEdit::CustomEdit(QWidget *parent) : QLineEdit(parent)
    {
    
    }
    
    CustomEdit::~CustomEdit()
    {
    
    }
    
    void CustomEdit::keyPressEvent(QKeyEvent *event)
    {
        QLineEdit::keyPressEvent(event);
        if(event->key() == Qt::Key_Backspace )
        {
            if(text().isEmpty())
            {
                emit(BackspaceSignal());
            }
        }
    }
    
    

    标签框

    #ifndef EDITLABEL_H
    #define EDITLABEL_H
    
    #include <QWidget>
    #include <QScrollArea>
    #include "CustomEdit.h"
    #include <QHBoxLayout>
    #include <QPushButton>
    
    namespace Ui {
    class EditLabel;
    }
    
    class EditLabel : public QWidget
    {
        Q_OBJECT
    
    public:
        explicit EditLabel(QWidget *parent = nullptr);
        ~EditLabel();
    
    protected:
        void paintEvent(QPaintEvent* event) override;
        void keyPressEvent(QKeyEvent *event) override;
    
    private:
        Ui::EditLabel *ui;
        QWidget* m_pCanvas;
        QScrollArea* m_pScroll;
        CustomEdit* m_pEdit;
        QHBoxLayout* m_pHLayout;
        QButtonGroup* m_pBtnGroup;
    
    private slots:
        void DeleteItem();
        void DeleteButton(QAbstractButton *button);
    };
    
    #endif // EDITLABEL_H
    
    
    #include "EditLabel.h"
    #include "ui_EditLabel.h"
    #include <QKeyEvent>
    #include <QStyleOption>
    #include <QPainter>
    #include <QButtonGroup>
    #include <QScrollBar>
    
    EditLabel::EditLabel(QWidget *parent) :
        QWidget(parent),
        ui(new Ui::EditLabel)
    {
        ui->setupUi(this);
    
        m_pCanvas = new QWidget;
        m_pScroll = new QScrollArea(this);
        m_pScroll->resize(200, 50);
        m_pScroll->setWidget(m_pCanvas);
        m_pScroll->setVerticalScrollBarPolicy( Qt::ScrollBarAlwaysOff );
        m_pScroll->setWidgetResizable( true );
        m_pEdit = new CustomEdit(this);
        m_pHLayout = new QHBoxLayout(m_pCanvas);
        m_pBtnGroup = new QButtonGroup(this);
        m_pHLayout->addWidget(m_pEdit);
        m_pHLayout->setMargin(1);
    
        setObjectName(QStringLiteral("editlabel"));
        m_pCanvas->setObjectName(QStringLiteral("canvas"));
        m_pScroll->setObjectName(QStringLiteral("scroll"));
        m_pEdit->setObjectName(QStringLiteral("edit"));
    
        setStyleSheet(QStringLiteral("QWidget#editlabel{border: none;}"));
        m_pCanvas->setStyleSheet(QStringLiteral("QWidget#canvas{background-color:white;}"));
        m_pScroll->setStyleSheet(QStringLiteral("QScrollArea#scroll{border:1px solid rgb(241, 91, 108); border-radius: 6px;background-color:white;padding: 2px;}"));
        m_pEdit->setStyleSheet(QStringLiteral("QLineEdit#edit{border: none;font-family:Microsoft Yahei; font-size: 14px;}"));
    
        m_pScroll->setAlignment(Qt::AlignLeft | Qt::AlignTop);
        m_pScroll->setFixedHeight(50);
        m_pEdit->setFixedSize(150, 20);
        m_pEdit->setPlaceholderText(QObject::tr("按回车键创建标签"));
    
        connect(m_pEdit, &CustomEdit::BackspaceSignal, this, &EditLabel::DeleteItem);
        connect(m_pBtnGroup, QOverload<QAbstractButton *>::of(&QButtonGroup::buttonClicked), this, &EditLabel::DeleteButton);
    }
    
    EditLabel::~EditLabel()
    {
        delete ui;
    }
    
    void EditLabel::paintEvent(QPaintEvent *)
    {
        QStyleOption opt;
        opt.init(this);
        QPainter p(this);
        style()->drawPrimitive(QStyle::PE_Widget, &opt, &p, this);
    }
    
    void EditLabel::keyPressEvent(QKeyEvent *event)
    {
        QWidget::keyPressEvent(event);
        if(event->key() == Qt::Key_Return && m_pEdit->hasFocus())
        {
            QString content = m_pEdit->text();
            QFont font;
            font.setFamily("Microsoft Yahei");
            font.setPointSize(14);
            QFontMetrics fm(font); // 获取字体像素宽高
            QPushButton* pBtn = new QPushButton(m_pScroll);
            pBtn->setFont(font);
            pBtn->setText(content);
            pBtn->setFixedSize(fm.horizontalAdvance(content) + 5, fm.height());
            pBtn->setStyleSheet(QStringLiteral("QPushButton{border-radius:5px;background-color:rgb(241,91,108);}"));
            pBtn->setCursor(QCursor(Qt::PointingHandCursor));
    
            int cnt = m_pHLayout->count();
            m_pHLayout->insertWidget(cnt - 1, pBtn, Qt::AlignCenter);
            m_pBtnGroup->addButton(pBtn);
            m_pEdit->clear(); // 输入完一次后要清空
            m_pScroll->horizontalScrollBar()->setValue(m_pScroll->horizontalScrollBar()->maximum()); // 滚到当前最大值
        }
    }
    
    void EditLabel::DeleteItem()
    {
        int cnt = m_pHLayout->count();
        if(cnt <= 1) return;
        auto item = m_pHLayout->itemAt(cnt - 2);
        m_pHLayout->removeItem(item);
        item->widget()->setParent(nullptr);
        delete item;
        item = nullptr;
    }
    
    void EditLabel::DeleteButton(QAbstractButton *button)
    {
        int cnt = m_pHLayout->count();
        cnt -= 1;
        for(int i = 0; i < cnt; i++)
        {
            auto item = m_pHLayout->itemAt(i);
            if(item->widget() == button)
            {
                m_pHLayout->removeItem(item);
                item->widget()->setParent(nullptr);
                delete item;
                item = nullptr;
                return;
            }
        }
    }
    
    
    
    
    

    滚动条这边因为还要资源文件,所以就没贴出来了,需要的自己写下style很快的。
    如果有更好的方法或者建议,欢迎评论区讨论。
    在这里插入图片描述

    展开全文
  • 日常Google中,无意中看到了一个免费搭建个人博客网站的标签,好奇就点了进去看了看,感觉还挺有意思的,就想着自己也搭一个玩玩,当时看的那篇文章说是5分钟就可以搭建完成,的确简单的搭建一下很快,但我配置完再...
  • 使用YOLOV3快速实现UAV视角目标检测--VisDrone2019

    万次阅读 多人点赞 2019-05-12 17:26:23
    学渣的生活就是拿着各种数据集在算法上各种训练、各种玩……当然,个人觉得还是有意思的,在你有一台Bebop2无人机的情况下,结合本人前面的博客,搭建一个无人机实时目标检测平台,再配合这个检测模型,还是相对有点...
  • 个人感觉ReactJS相比于传统的JS框架还是挺有意思的,主要是它将JS代码和HTML代码完美的结合在了一起,有点jsp把java代码和html混在一起写的意思?但是它通过组件的形式实现了代码可复用,避免了我们传统的.html(字符串)...
  • | Bestvist博客 | 作者的博客主要是前端开发相关工具的分享,同时比较重视用户体验,有很多有意思的干货 | 前端工具、用户体验 | | KieSun | 作者是掘金年度作者,维护了一个 14K star的开源项目,并出版了小册前端...
  • 全栈工程师第一步

    2020-02-12 11:05:08
    相对写个WORD文档、写个C语言程序,个人主页也是最有意思的一个主题。最开始的是用html标签方式来实现,用table来进行各种排版,丑得可见一斑。后面技术发展演进,大量的使用了html+css+js,再往后就衍生了...
  • 今天清理chrome书签,突然就点到了一个关于 知乎五周年的网页,这帮...当然这个展示还包括了其他一些数据的传输啦,特殊效果(类似触发一个标签的js回调啦),css那个一堆波浪的动画啦等等一些有意思的,这些暂时不管...
  • 在某次src的漏洞挖掘过程中,发现了一个payload绕过了三处xss过滤,个人觉得还是挺有意思的,所以记录一下。 从一个被忽略的self xss说起 在某页面信息如下,我决定对回复内容进行xss测试: 插入一个<...
  • 博客React 一个React + node的初/中级练习项目 家 标签 管理 图表 ... 库:一些有意思的东西,已实现: canvas ,画板,自定义数据可视化大屏,拖拽自定义布局 目录结构 . │ ├─config // 构建配
  • 前言在某次src的漏洞挖掘过程中,发现了一个payload绕过了三处xss过滤,个人觉得还是挺有意思的,所以记录一下。从一个被忽略的self xss说起在某页面信息如下,我决定对回复内容进行xss测试: 插入一个以后可以看到...
  • 所有文章都在 Issues 中,同步更新到我的个人博客,觉得不错的可以点个 star 收藏支持。 iCSS 前端趣闻 所有文章也都会同步更新到我的公众号,没有广告,只有天马行空的想象,想 Get 到最有意思的 CSS 资讯,千万...
  • 前段时间做了一个非常有意思的模拟终端的展示页: ://ursb.me/terminal/(没有做移动端适应,请在PC端访问),这个页面非常有意思,它可以作为个人博客系统或者给Linux初学者学习终端命令,现分享给大家〜 ...
  • 其思想比较有意思在这里分享一下个人的见解,不到之处请指正! 首先我们看看作者是如何实现数据增扩,假设存在一张图像A 我们知道它的标签为a,存在另外一张图像B它的标签为b,则 产生新数据为。我们让C同时...
  • 今天,发现了一个有意思的东西–【Google实验室】。 ​浏览器打开输入以下地址,你就可以发现一个新大陆 chrome://flags/ 关于Googel实验室,主要是一些还没正式在Google设置出现的一些功能,比较有意思。今天先给...
  • 用CSS实现“滑动门”技术

    千次阅读 2018-09-10 23:37:59
    在前几天无意中翻看网页代码的过程中,无意中发现了微信官网的nav里有一个很有意思的小细节。在跟着代码学习了一番,在网上阅读了相关资料,原来这就是传说中的滑动门技术。  接下来就来分享一下我个人对滑动门的...
  • 当然这个展示还包括了其他一些数据的传输啦,特殊效果(类似触发一个标签的js回调啦),css那个一堆波浪的动画啦等等一些有意思的,这些暂时不管,我们今天就来看看这个逐步显示的文字是怎么做到的,我首先想到的...
  • canvas学习笔记

    2016-11-22 14:04:58
    个人理解 canvas算是定义了一个容器或者是标记,告诉浏览器这个区域我要用来画图,其本身没有实质性的作用,不像p标签可以将文本块化,但如果结合js会有一些实用、有意思的图画,下面就大概介绍一下一些用法(博主也...
  • 1.2 挑选头条里的几个人物,发现还挺有意思的。建议文案工作者爬爬数据,就看看文案也蛮好的。 2.现在进行测试:手动更改参数格式vs利用notepad++列模式更改 2.1 个人猜测是tab键的原因 2.2于是自己开始大胆假设...
  • C++: 实现双向链表(例题讲解)

    千次阅读 2016-03-24 19:34:14
    C++: 实现双向链表(例题讲解)标签: C++ 双向链表by 小威威这一周的实验题比较水,我就不总结了,而作业题中最有意思的就是实现双向链表这一道题。这道题和我们之前做的单向链表是同一种类型的,只是这一次是双向...
  • HTML基础篇

    2019-09-29 13:15:03
    较早地就接触到了网页编程,当时看的是韩顺平老师的课程视频,觉得很有意思,当时只看了前几讲,由于其他事便放下了,现在突然好奇博客网页的个人设置,又重新拾起了这个语言,便专门找了专门的书籍,系统整理这些...
  • 只记得还挺有意思的貌似用了canvas?所以这次打算自己写一个分享给大家作者的思路。这只是一个很简陋的小demo如有bug请提issues。按照惯例po代码地址</a>;以及作者博客的...
  • 本文主要介绍了关于markdown的一些常用语法和技巧,让大家更好的写文章...更多文章欢迎访问我的个人博客–&gt;幻境云图 如下: 注:如下技巧大多是利用 Markdown 兼容部分 HTML 标签的特性来完成,不一定在所有...
  • 今天探索了一下如何添加个人网站到百度和google搜索引擎中 测试一下有没有被收录 在百度和谷歌上分别搜索 site:james20141606.github.io 如果此前没有进行过...感觉这个验证方法蛮有意思的 注意是放在themes/n...
  • Svelte.js是一个很不错的在Angular,Vue和... 系列标签、过渡等很多很有意思的内置API,我个人看来在某些方面是一个很不错的选择,只是现在还不是很流行,解决方案等确实会比较折腾,没有官方router支持也是问题...
  • 这题刷题刷到,感觉写起来挺有意思。 思路 直接挂到jquery原型上,然后进行调用即可。 代码 我写这个验证上基本没啥bug了,包括了表单提交和验证后表单按钮disabled。 我这个各个功能逻辑写...

空空如也

空空如也

1 2 3
收藏数 42
精华内容 16
关键字:

有意思的个人标签