- 博客(6)
- 收藏
- 关注
原创 你不知道的三列布局之圣杯布局和双飞翼布局(超详细)
前言三列布局相信大家都见过,像上面淘宝、豆瓣等很多平台界面都有使用。他们用到的是圣杯布局和双飞翼布局。圣杯布局和双飞翼布局是一些大厂可能问的问题,圣杯布局与双飞翼布局针对的都是三列左右栏固定中间栏边框自适应的网页布局(想象一下圣杯是主体是加上两个耳朵;鸟儿是身体加上一对翅膀),圣杯布局是Kevin Cornell在2006年提出的一个布局模型概念,在国内最早是由淘宝UED的工程师(传说是玉伯)改进并传播开来,在中国也有叫法是双飞翼布局。在讲这两种布局之前,我们还可以思考一下还有什么方法能做到三列布局吗
2021-04-27 01:08:06
1942
20
原创 “三 四部曲”带你走进js的预编译世界
预编译首先,我们来讲一下什么是预编译:面对代码,我们可以清晰的知道它的运行方式和顺序,但是,计算机不一定能懂。在js中,有一个v8引擎,它可以形象的拆分为两个部门,“编译部门”和“执行部门”。在执行代码时,引擎会先让“编译部门”把js代码编译成引擎能读得懂的样子,这个过程就叫预编译。预编译一定发生在代码执行之前(有些地方是 代码执行之时)预编译的类型预编译分为函数预编译和全局预编译:函数预编译发生在函数执行的前一刻,而全局预编译发生在页面加载完成时执行。函数预编译“四部曲”创建一个AO(a
2021-04-24 02:42:14
457
1
原创 LeetCode第一题:两数之和
1.题目描述给定一个整数数组 nums 和一个整数目标值 target,请你在该数组中找出 和为目标值 的那 两个 整数,并返回它们的数组下标。 你可以假设每种输入只会对应一个答案。但是,数组中同一个元素在答案里不能重复出现。 你可以按任意顺序返回答案。示例:输入:nums = [2,7,11,15], target = 9输出:[0,1]解释:因为 nums[0] + nums[1] == 9 ,返回 [0, 1] 。输入:nums = [3,2,3], target = 6
2021-04-23 13:07:19
685
原创 #LeetCode第20题:有效的括号
LeetCode第20题:有效的括号1.题目描述给定一个只包括 ‘(’,’)’,’{’,’}’,’[’,’]’ 的字符串 s ,判断字符串是否有效。有效字符串需满足:1.左括号必须用相同类型的右括号闭合。2.左括号必须以正确的顺序闭合。注:空字符也为有效字符哦(空对空也是一组)示例:输入:'()'输出:ture输入:'([{}])'输出:ture输入:'{}])'输出:false输入:'([)]'输出:false输入:'([{()})
2021-04-19 23:54:33
643
4
原创 浅谈 JS 里 一句代码是怎么运行的及其编译原理
浅谈 JS 里 一句代码是怎么运行的及其编译原理用第一性原理来推导出来前言可能有很多小伙伴在JS代码运行中只知道一些基本的,像代码是逐行运行的、分为编译阶段和执行阶段。当问到代码是怎么运行的 和 JS代码运行的编译原理时,有的小伙伴就可能理解不是很全面了。这也是很多大厂里面试所会问的问题。下面我会为大家详细的讲解一下在JS中代码是怎样运行的,它的编译原理是什么。代码运行首先我们在js文件中输入showName();来看看它的运行结果是什么输入:showName();输出:Refere
2021-04-16 04:10:44
2684
17
原创 (html + css + js)实现视频的倍速播放
(html + css + js)实现视频的倍速播放前言一、页面展示二、网页实现1.找到自己想播放的视屏地址,把它放进容器中2.把视屏放在一个合适的位置3.在视屏旁边创建一个倍速的拉动框4.用js去实现鼠标监听事件总结前言相信大家都有过看视频想要按照自己所想的去调倍速的冲动,那么今天它就来了。我会带大家去实现这个功能,话不多说,先给大家展示一下效果。一、页面展示相信看到效果的小伙伴已经感兴趣了,那么接下来给大家讲解一下如何去实现二、网页实现1.找到自己想播放的视屏地址,把它放进容器中代码如
2021-04-16 01:13:35
2218
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人