白皓的博客 | Mickey 小站

zIndex-negative

z-index为负值的元素无法被选中

今天撒欢写代码的时候，突然看到运营反馈群里，有同学说，表格中的元素无法选中，PM让我解决一下，emmmmm…. 我思考了一下，最近除了修复了一个滚动bug，也没做啥修改啊，然后去看了一下代码，发现👇的代码 #wrap-comp { position: relative; z-index: -10; } <div id="header"></div> <...

Posted by Mickey on October 24, 2017

Longest Palindromic Subsequence

最长回文子序列

首先给出这道题目的地址longest-palindromic-subsequence 这道题的题干如下所示: Given a string s, find the longest palindromic subsequence’s length in s. You may assume that the maximum length of s is 1000. Input: "bbba...

Posted by Mickey on October 18, 2017

target-sum

计算目标和

首先给出这道题的地址target-sum 这道题的题干如下所示： You are given a list of non-negative integers, a1, a2, …, an, and a target, S. Now you have 2 symbols + and -. For each integer, you should choose one from + and ...

Posted by Mickey on October 15, 2017

页面滚动时自动显示隐藏导航效果

scroll-auto-show-hide

页面在用户滚动的时候自动显示和隐藏，这种交互方式已经出现很久了，甚至有很多大公司都在使用，这种交互希望导航在需要的时候很方便的显示，当用户向下滚动页面时，导航会自动隐藏，为内容留出更多的空间。在用户向上滚动页面时，将他的行为理解为想要访问导航，所以把导航自动自动显示出来，在本篇博客中会带来简要的实现方式 CSS实现流畅的目录打开，关闭样式切换如图所示，下面的图片切换可以用于侧栏的打开与...

Posted by Mickey on September 23, 2017

移动端video标签踩坑总结

mobile-video-control

今天在公司为feed流增加视频文章和视频卡片，调研了一下video.js，觉得过于厚重，便决定使用原生video来实现。。。video的坑实在太多了。。。下面对一些问题记录一下，进行备忘，以便以后查看在html5页面中播放视频 <video poster="封面图片" width="300" height="150"> <source src="x.mp4" ty...

Posted by Mickey on September 19, 2017

danmu-plugin-desgin

弹幕插件的设计与实现

看吃鸡直播的时候，突发奇想想实现一套适用于H5video的弹幕插件，如何设计一个高性能、精准度的弹幕是件很很有挑战性、也很有趣的事情，插件的地址在danmu-plugin，欢迎大家提出意见看过弹幕播放的截图后，我们思考一下，实现上图所示的弹幕插件有哪些基本的问题需要考虑的弹幕的管理弹幕的大小，速度和颜色控制不同字号的弹幕位置计算弹幕的碰撞检测（包含一个追击...

Posted by Mickey on September 16, 2017

queue-reconstruction-by-height

按照高度重新排列队列

以前做leetcode的时候，没有做任何学习笔记，导致很多当时灵光一闪写下的代码后来自己都不记得了，现在决定将一些题目比较好的解法记录下来，这样以后复习的时候也比较轻松好的，话不多说，这道题目的题干如下所示: Suppose you have a random list of people standing in a queue. Each person is described by...

Posted by Mickey on September 16, 2017

rem-decimal-problem

rem产生的小数问题

今天，正撒欢写代码的时候，产品拿着手机走了过来，对我说道，你这按钮样式怎么不一样啊。。emmmmm，我说，不可能，代码用的都是一套，怎么可能不一样。。emmmm，拗不过PM爸爸，于是开始调试～ rem rem是用来解决移动端网页的适配问题的，大大减少了移动端web页面的开发量，这篇博客是记录rem小数带来的像素问题，有关rem的概念，请大家自行百度小数像素 1rem在width=3...

Posted by Mickey on September 13, 2017

python-sqlalchemy-install

python sqlalchemy 安装

最近在学习python sqlalchemy进行ORM操作的时候，遇到了一些安装方面的问题，在此记录一下～ 1.使用pip安装sqlalchemy，安装完毕之后，运行写好的demo，发现如下错误 Traceback (most recent call last): File "orm-python.py", line 20, in <module> engine ...

Posted by Mickey on September 9, 2017

Vue-plugin-directive

Vue中的自定义插件和指令

博主最近在写Vue项目的时候，觉得自己对Vue的理解仅仅停留在使用的地步，远远达不到熟练掌握Vue的地步，于是，决定在之前的基础上重新学习一遍Vue，前不久写了一篇关于Vue组件的博客，而在这篇博客中，我将简要介绍一下Vue的一些扩展，比如自定义指令以及类似于Element UI的组件库如何开发～主要讲以下三个知识点，至于最基础的也是最常见的使用v-model或者.sync显式控制组件在...

Posted by Mickey on September 8, 2017

Mickey 小站