dragonir-CSDN博客

原创两种纯CSS方式实现hover图片pop-out弹出效果

实现原理主要图形的组成元素由背景和前景图两个元素，以下示例代码中，背景元素使用伪元素 figure::before 表示，前景元素使用 figure img 表示，当鼠标 hover 悬浮至 figure 元素时，背景元素产生变大效果，前景元素产生变大并向上移动效果，从而从视觉上实现弹出效果。背景元素 figure::before前景元素 figure img1. 使用 overflow: hidden 方式主体元素的 html 结构由一个 figure 元素包裹的 img 元素构成：&.

2021-10-21 07:46:12 1756

原创使用CSS计数器美化有序列表

在web设计中，使用一种井井有条的方法来展示数据是十分重要的，这样用户就可以很清晰的理解网站所展示的数据结构和内容，使用有序列表就是实现数据有组织的展示的一种简单方法。如果你需要更加深入地控制有序列表数字的样式，你可能会觉得必须通过增加更多的 html DOM 结构或者通过 JavaScript 才能做到。幸运的是，使用 CSS计数器可以更加容易的解决这个问题。在这篇教程中，我们将学习到什么是 CSS计数器和一些使用案例。有序列表的问题当你写了一个如下的有序列表，浏览器会自动在列表项前面加上.

2021-10-20 09:21:55 319

原创前端实现很哇塞的浏览器端扫码功能

背景不久前我做了关于获取浏览器摄像头并扫码识别的功能，本文中梳理了涉及到知识点及具体代码实现，整理成此篇文章内容。本文主要介绍，通过使用基于 vue 技术栈的前端开发技术，在浏览器端调起摄像头 ????，并进行扫码识别功能，对识别到的二维码进行跳转或其他操作处理。本文内容分为背景介绍、实现效果、技术简介、代码实现、总结等部分组成。实现效果本实例中主要有两个页面首页和扫码页，具体实现效果如下图所示。首页：点击 SCAN QRCODE 按钮，进入到扫码页。扫码页：首次进入时，或弹出获取摄像头访问

2021-10-14 10:26:54 2392 8

原创前端常用实用函数方法整理

背景本文内容是对前端常用实用函数的整理，主要内容包含：数组类、浏览器类、日期类、函数类、数学类、媒体类、节点类、对象类、字符串类、类型检测类、正则表达式类等。正文数组类arrayMaxarrayMinchunkcompactcountOccurrencesdeepFlattendifferencedistinctValuesOfArraydropElementseveryNthfilterNonUniqueflattenflattenDepthgroupByheadi

2021-10-08 09:18:01 503 1

原创使用three.js实现炫酷的酸性风格3D页面

背景近期学习了 WebGL 和 Three.js 的一些基础知识，于是想结合最近流行的酸性设计风格，装饰一下个人主页，同时总结一些学到的知识。本文内容主要介绍，通过使用 React + three.js 技术栈，加载 3D模型、添加 3D文字、增加动画、点击交互等，配合样式设计，实现充满设计感的 ???? 酸性风格页面。基础知识Three.jsThree.js 是一款基于原生 WebGL封装运行在浏览器中的 3D引擎，可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。是一款使用非常广泛的

2021-09-28 23:05:20 901

原创前端瓦片地图加载之塞尔达传说旷野之息

背景最近在肝???? 塞尔达旷野之息，希望 2022年新作发布前可以救出公主 ????。同时公司有地图加载的需求，于是想以旷野之息地图为例，学习实践一下前端开发相关的地图知识，本文内容主要介绍通过使用瓦片地图加载原理，实现塞尔达旷野之息地图加载并添加交互锚点。基础知识瓦片地图 ????在游戏开发过程中，经常会遇到超过屏幕大小的地图，例如在即时战略游戏中，它使得玩家可以在地图中滚动游戏画面。这类游戏通常会有丰富的背景元素，如果直接使用背景图切换的方式，需要为每个不同的场景准备一张背景图，

2021-09-15 15:45:22 697 2

转载 c++继承与多态经典例子【转自网络大神】

c++继承经典例子#include class Base{private: int b_number;public: Base( ){} Base(int i) : b_number (i) { } int get_number( ) {return b_number;} void p

2015-05-26 23:49:51 991

原创 Sicily 14513. Aaah!

14513. Aaah! Time Limit: 1sec Memory Limit:256MBDescriptionJon Marius shouted too much at the recent Justin

2015-05-19 14:03:32 767

原创 Sicily 1119. Factstone Benchmark

1119. Factstone Benchmark Time Limit: 1sec Memory Limit:32MBDescriptionAmtel has announced that it will re

2015-05-19 13:40:22 936

原创 Sicily 1011. Lenny's Lucky Lotto

1011. Lenny's Lucky Lotto Time Limit: 1sec Memory Limit:32MBDescriptionLenny likes to play the game of lotto. In the lotto game, he picks a list of N u

2015-05-19 13:24:09 773

原创 Sicily 11157. Crossword

11157. Crossword Time Limit: 1sec Memory Limit:256MBDescriptionMirko has assembled an excellent crossword puzzle and now he wants to frame it. Mir

2015-05-10 12:36:01 834

原创 Sicily 1002. Static Member

1002. Static Member Time Limit: 1sec Memory Limit:256MBDescription/* 测试static member*/完成类Int，可以加入你觉得需要

2015-05-05 14:32:37 681

原创 Sicily 1814. 日期计算问题

【转自网络大神，由本人整理】Description试用 C++的类来表示日期,给定 2 个日期 yyyy.mm.dd 求两个日期间相差的天数。 Input第 1 行为一个正整数T，表示测试数。对于每个测试点，第 1 行与第 2 行分别有两个日期 yyyy.mm.dd。 Output对于每个测试点，输出一行数字，表示相差的天数。

2015-04-28 14:37:09 764

原创 Sicily 1780. Faulty Odometer Again

DescriptionYou are given a car odometer which displays the miles traveled as an integer. The odometer has a defect, however: it proceeds from the digit 1 to the digit 3, from the digit 4 to the di

2015-04-28 14:30:59 728

原创 Sicily 1782. Knapsack

DescriptionJohn wants to carry several items with a knapsack. Each item has integral size and can not be divided into smaller parts. The knapsack also has an integral capacity. Given n items, what

2015-04-28 14:11:08 353

原创 Sicily 1543. Completing Brackets

DescriptionA series of brackets is complete if we can pair off each left bracket '[' with a right bracket ']' that occurs later in the series. Every bracket must participate in exactly one such pa

2015-04-14 14:49:42 390

原创 Sicily 1500. Prime Gap

DescriptionThe sequence of n ? 1 consecutive composite numbers (positive integers that are not prime and not equal to 1) lying between two successive prime numbers p and p + n is called a prime

2015-04-14 14:28:41 592

原创 Sicily 1511. Conversions

Time Limit: 1sec Memory Limit:32MBDescriptionConversion between the metric and English measurement systems is relatively simple. Often, it involves either multiplying or dividing by a const

2015-04-14 14:11:46 500

转载第十六周往年期末考试题I解题报告

第十六周往年期末考试题I解题报告 1000. Running Test题目大意：给出一个人每秒跑多少厘米，输出他跑800米所用秒数（向上取整）解：单位转换一下，向上取整有标准库函数ceil#include #include #include #include #include #include #include #include

2015-04-12 23:07:24 650

转载第十四周程序设计课解题报告

第十四周程序设计课解题报告上周 rp/*int类型*/=2147483647;今天： rp++；问：rp还有多少要跪了TAT，下周还要交论文。吭吭，说回正题，这周终于遇见递归大魔王了。其实递归解决子问题用的是一种假设的思路，把问题拆分成更小的问题。比如设一个函数f(x),f(x)表示他能解决规模为x的解。而f(x)能通过比x小的规模得到。比如我问n的阶乘是多少。那

2015-04-12 23:05:36 386

转载第十五周程序设计作业解题报告

第十五周程序设计作业解题报告 1000.解：直接运用sort函数即可。其实老师表示应该用重载函数把小于号的定义改掉（sort函数排完后默认数列内所有数从左到右都满足小于号），用cmp的是不是我教坏你们了 = =PS:字符数组是有比较函数strcmp的（调用cstring库），只有我这种没上课的傻x才自己写比较函数去了。code：#include #include

2015-04-12 23:05:33 751

转载第十二周程序设计课解题报告

第十二周程序设计课解题报告这周解题报告有点赶，请见谅 1000.sorted？题目大意：写一个函数判断给定的数列是否非下降序列解:注意处理边界情况，如循环是否会访问到数组以外的数，相邻两个数的大于小于号判断是否带等号bool isSorted(const int list[], int size){ for (int i=0; i i

2015-04-12 23:04:08 498

转载第十一周程序设计课作业解题报告

第十一周程序设计课作业解题报告嗯.......我不知道有没有人会打我呢？因为这周的解题报告或许是字数最少了的=w=因为都是定义题啊，就看同学们有没有好好上课了。1000.int add(int a, int b){ return (a+b);} 1001. int sumDigits(int x){ int tmp=

2015-04-12 23:02:07 684

转载第十周程序设计课解题报告

第十周程序设计课解题报告这周的题目主要想的时候得转个弯，不需要用到高科技，就用老师课堂讲过的内容即可。 1000.题目大意：矩阵加法。解：单纯每个格子对应相加即可。但是要注意若干细节，例如行末没有空格，输出的时候是多组数据询问而非固定组数所以需要使用读入判断。代码：#include #include #include

2015-04-12 23:01:54 621

转载第九周期末（中）考试解题报告

第九周期末（中）考试解题报告最近手癌经常打错字大家见谅。本周期末考试不知道大家感觉如何呢？不过我猜想这种比赛的紧迫感还是很陌生的吧。状态不好的话不要紧，多写点题以及平时注意限制自己做题的时间，不要太拖沓就能改善这种状态了。1000. Triangle 解：初中数学题，两边之差小于第三边，两边之和大于第三边，以此为界限即可。注意输出格式。代码：#

2015-04-12 23:01:02 494

转载第八周的药之程序风格

第八周的药之程序风格有时候你们拿程序给我debug的时候，我可能看得很慢，因为都是被该死的手机qq排版给毁了，而同时，我也很想给你们讲讲一个对于程序正确性几乎为0但却非常重要的东西。风格！可读性！可读性并不是说哦我不能读懂这个人的程序就说明他的程序可读性差哦。可读性跟写字的字体漂不漂亮一样，并不是说他用了你不懂的高科技可读性就差，而是他对于程序的一个排

2015-04-12 22:59:00 418

转载第八周程序设计课解题报告

第八周程序设计课解题报告下周期末考试啦，所以提前发布解题报告，留点时间给大家复习吧~ 在写报告前：这周的题略微有点boss的感觉了，因为不再是单纯的暴力可行了，需要你去想如何优化才行了呢，其实这个也是日后程序设计的核心问题之一。很多问题直接暴力写的话很容易，但是往往会消耗（非常多）^n的时间或者空间。那么我们就要去找到题目潜在的规律去优化他，减少不必要的花销。如果不愿

2015-04-12 22:57:24 457

转载为啥我的程序超时？随便谈谈时间复杂度

为啥我的程序超时？随便谈谈时间复杂度我读的书很少，所以这篇文章纯粹代表我个人的见解而非官方的定义以及绝对正确的认知。不过我也知道自己读的书很少，所以在需要得到官方定义以及更加准确的认知的话，我会奉上传送门。为啥我们的程序会超时，那么显然，如果你的程序的运算的指令太太太太太太多了，计算机不能一下子跑完所有的指令，那么sicily妹子就会强行终止你的程序，返回Ti

2015-04-12 22:56:25 2823

转载 stl库积累（不定期更新

stl库积累（不定期更新我不太会用stl库（毕竟我是pascal造就的时代的眼泪），以下若有错误务必请您指出！！！！库:swap(a,b) ：交换变量a，bsort(a, a+n, cmp):排序a数组内[0,n),cmp为比较函数，若缺省则默认将数从小到大排。unique：去除相邻重复元素，返回迭代器（可以视作数组指针但是不是一回事，注意重复的元素会被放

2015-04-12 22:55:20 410

转载程序错误自检帮助

程序错误自检帮助这周的解题报告周日不知道能不能出来，因为星期六晚上写的时候sicily妹子生病登陆不了了，所以先放一篇文章将就着吧。当你的程序提交后返回的不是accept时，不要着急先自己冷静下来检查。首先先把程序完全看一遍，看看有没有打错的地方导致程序的功能与自己想表达不一致，比如 if (ans==1) 打成 if (ans=1) 这样的错误算是语法错误吧。

2015-04-12 22:54:05 667

转载第七周程序设计课解题报告

第七周程序设计课解题报告1.different triangs题目大意：给出n条边，任取其中三条，问有多少种情况取出的三条边能组成三角形。解：先使用数组把边长存起来，然后用三重循环去枚举取边方案，再用if语句判断取出的三条边是否能组成三角形（我使用了函数实现这个功能）代码：#include #include #include #include #include

2015-04-12 22:51:13 556

原创指针与数组的关系

区别：若有定义int(*p)[3];则定义了一个名为p的指针变量，表示p是一个指针变量，它可以指向每行有三个整数（即int型）元素的二维数组.p是指向一维数组的指针变量。这句话的理解是首先(*p)[3]是一个指向一维数组的指针变量，意思就是p这个指针是指向一个含有3个元素的数组的，那么p指针每一次加1就相当于把p中存的地址加6（前提是int类型占2个字节，在VC中是占4个字节）。

2015-04-11 23:55:22 458

转载顺序表与链表

顺序表与链表顺序表与链表是非常基本的数据结构，它们可以被统称为线性表。线性表（Linear List）是由 n（n≥0）个数据元素（结点）a[0]，a[1]，a[2]…，a[n-1] 组成的有限序列。顺序表和链表，是线性表的不同存储结构。它们各自有不同的特点和适用范围。针对它们各自的缺点，也有很多改进的措施。一、顺序表顺序表一般表现为数组，使用一组地址连续的

2015-04-08 14:10:37 755

原创 Sicily 4700. 小明与奶牛

Description 小明是奶牛场的员工，已知奶牛按品种分为3类，分别编号为1，2，3，小明的任务是找出每一类奶牛的最大产奶量。给定一个整数N(1代表奶牛的总数，并且给出每头奶牛的编号(1,..,3)以及产奶量(1,…,1,000,000)，找出每类奶牛中最大的产奶量。Input第一行为T（1），代表用例个数。接下来每个用例中，第一行为一个整数N，代表奶牛

2015-04-04 21:45:05 554

原创 Sicily 6084. Times17

DescriptionAfter realizing that there is much money to be made in software development, Farmer John has launched a small side business writing short programs for clients in the local farming ind

2015-04-04 21:16:09 484

原创 Sicily 11599. Tight words

11599. Tight words Time Limit: 1sec Memory Limit:256MBDescriptionGiven is an alphabet {0, 1, ... , k}, 0 . W

2015-04-04 20:52:59 575

原创 Time 类可以实现调整和重新设置，显示时间，将两个时间相加的功能

可以计算两个时间段的相加减，以及operator+（）的使用方法：以下是程序：myTime.h#include #ifndef MYTIME1_H_#define MYTIME1_H_class Time{ private: int hours; int minutes; public: Time(); Time(int h, int m=0); vo

2015-03-30 23:06:52 1217

原创 Sicily 13290 Play with Strings powered by wangbin

13290. Play with StringsConstraintsTime Limit: 1 secs, Memory Limit: 256 MBDescriptionGiven a string X, you can swap any two characters in X as many times as you want. You wonder whether it

2015-03-28 23:38:52 607

转载 C/C++中的STL函数库

STL的一个重要特点是数据结构和算法的分离。尽管这是个简单的概念，但这种分离确实使得STL变得非常通用。例如，由于STL的sort()函数是完全通用的，你可以用它来操作几乎任何数据集合，包括链表，容器和数组。要点STL算法作为模板函数提供。为了和其他组件相区别，在本书中STL算法以后接一对圆括弧的方式表示，例如sort()。STL另一个重要特性是它不是面向对象的。为了具有足够通用性，S

2015-03-28 23:33:42 1839