6 Eighteen Z

北京国双科技 - 高级软件工程师

我要认证

此人不懒,但还是什么都没写。

等级
TA的排名 1w+

CSS揭秘:6.复杂的背景图案(上)

文章目录前言一、网格1. 网格 First Try总结相关阅读前言上一篇文章中我们学会了如何使用渐变实现条纹状的背景,但是实际上条纹背景并不是我们能实现的唯一的背景图案,利用渐变我们可以实现很多更为复杂的图案,本篇会介绍一些其他的简单而实用的背景图案。提示:以下是本篇文章正文内容,下面案例可供参考一、网格网格的原理其实很简单,目前我们已经实现了条纹背景,那么如果我们将条纹背景组合呢?互相穿插组合,那么是不是很简单就实现了各种各样的网格背景。1. 网格 First Try代码如下:wi

2020-09-21 10:05:03

CSS揭秘:5.条纹背景(下)

上篇文章讲述了实现条纹效果所使用的CSS特性并实现了水平和垂直条纹,接下来我们来实现斜向条纹。回忆一下之前的效果水平条纹background: linear-gradient(#fb3 33%, #58a 0, #58a 66%, yellowgreen 0);background-size: 100% 60px;垂直条纹background: linear-gradient(90deg, #fb3 33%, #58a 0, #58a 66%, yellowgreen 0);backgro

2020-07-08 12:23:53

CSS揭秘:5.条纹背景(上)

条纹背景背景知识:CSS线性渐变,background-sizeCSS线性渐变 background: linear-gradient(red, yellow, blue); background: linear-gradient(red 0%, yellow 50%, blue 100%); background: linear-gradient(to right, red 0%, yellow 50%, blue 100%); background: linear-gradien

2020-07-03 01:04:02

JavaScript:leetcode_209. 长度最小的子数组(滑动窗口 + 双指针)

题目说明给定一个含有 n 个正整数的数组和一个正整数 s ,找出该数组中满足其和 ≥ s 的长度最小的连续子数组,并返回其长度。如果不存在符合条件的连续子数组,返回 0。 示例:输入:s = 7, nums = [2,3,1,2,4,3]输出:2解释:子数组 [4,3] 是该条件下的长度最小的连续子数组。 进阶:如果你已经完成了 O(n) 时间复杂度的解法, 请尝试 O(n log n) 时间复杂度的解法。解题思路一第一种方法,比较常规,符合我们的脑回路。遍历数组,求遍

2020-06-29 00:32:16

JavaScript:leetcode_16. 最接近的三数之和(排序+双指针)

题目说明给定一个包括 n 个整数的数组 nums 和 一个目标值 target。找出 nums 中的三个整数,使得它们的和与 target 最接近。返回这三个数的和。假定每组输入只存在唯一答案。 示例:输入:nums = [-1,2,1,-4], target = 1输出:2解释:与 target 最接近的和是 2 (-1 + 2 + 1 = 2) 。 提示:3 <= nums.length <= 10^3-10^3 <= nums[i] <= 10^3

2020-06-24 16:27:44

了解所有的 HTTP/1.1 的方法及用途

http/1.1 中可使用的方法,源自《图解HTTP》GET:获取资源用来请求服务器中已被URI识别的资源。经服务器解析后返回相应内容。若请求的是文本即返回文本的内容。类型内容请求GET /index.html HTTP/1.1 Host: www.hackr.jp If-Modified-Since: Mon, Jun 22 2020 23:58:43 GMT响应HTTP/1.1 200 OKDate: Mon, Jun 22 2020 23:58:43 GM.

2020-06-23 10:15:48

CSS揭秘:4.边框内圆角

边框内圆角背景知识:box-shadow,outline,“多重边框”一、两个div嵌套两个div实现内圆角很容易,只需要内圆角外直角即可。div First Try.box{ width: 200px; padding: 20px; background-color: #655; }.content{ background-color: tan; border-radius: .8em; paddi

2020-06-19 00:17:15

JavaScript:leetcode_1028. 从先序遍历还原二叉树

题目说明我们从二叉树的根节点 root 开始进行深度优先搜索。在遍历中的每个节点处,我们输出 D 条短划线(其中 D 是该节点的深度),然后输出该节点的值。(如果节点的深度为 D,则其直接子节点的深度为 D + 1。根节点的深度为 0)。如果节点只有一个子节点,那么保证该子节点为左子节点。给出遍历输出 S,还原树并返回其根节点 root。 示例 1:输入:"1-2--3--4-5--6--7"输出:[1,2,5,3,4,6,7]示例 2:输入:"1-2--3---4

2020-06-18 15:48:53

CSS揭秘:3.灵活的背景定位

灵活的背景定位背景知识:background-position的扩展语法,background-origin,calc()background-position扩展语法background-position扩展语法: css3 中background-position 语法可以通过在偏移量前指定关键字,来设置四条边的偏移量。background-positon: right 20px bottom 10px;background-originbackground-origin: cs

2020-06-12 00:38:06

JavaScript:leetcode_739. 每日温度(栈)

题目说明根据每日 气温 列表,请重新生成一个列表,对应位置的输出是需要再等待多久温度才会升高超过该日的天数。如果之后都不会升高,请在该位置用 0 来代替。例如,给定一个列表 temperatures = [73, 74, 75, 71, 69, 72, 76, 73],你的输出应该是 [1, 1, 4, 2, 1, 1, 0, 0]。提示:气温 列表长度的范围是 [1, 30000]。每个气温的值的均为华氏度,都是在 [30, 100] 范围内的整数。暴力方法就不提了,直接循环判断即可。解

2020-06-11 11:27:28

CSS揭秘:2.多重边框

多重边框背景知识:box-shadow的基本用法,outline基本用法/* x偏移量 | y偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色 */box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);以上是box-shadow的基本参数。box-shadow是为元素添加阴影效果的样式。但是我们可以通过对其属性的设置,呈现边框效果。box-shadow 方案First Try将x偏移量 ,y偏移量设置为0px,此时阴影会在元素下面不会超

2020-06-11 00:07:53

JavaScript:leetcode_9. 回文数(水题,三种方法)

题目说明判断一个整数是否是回文数。回文数是指正序(从左向右)和倒序(从右向左)读都是一样的整数。示例 1:输入: 121输出: true示例 2:输入: -121输出: false解释: 从左向右读, 为 -121 。 从右向左读, 为 121- 。因此它不是一个回文数。示例 3:输入: 10输出: false解释: 从右向左读, 为 01 。因此它不是一个回文数。进阶:你能不将整数转为字符串来解决这个问题吗?解题思路一(字符串反转)第一反应数字转字符串,然后前

2020-06-10 10:42:50

CSS揭秘:1.半透明边框

半透明边框背景知识:RGBA/HSLA 半透明颜色, 它们同样是一种颜色,并非只适用于背景。background-clip 背景裁切属性,定义了背景的延伸范围,是否延伸到边框、内边距盒子、内容盒子,内容文字下面。分别对应border-box,padding-box,content-box,text四个属性值First Try首先我们来尝试一下,假如我们想要实现一个半透明的边框,该如何写样式border: 10px solid hsla(0, 0%, 0%, 0.5);background-c

2020-06-09 23:37:20

JavaScript:leetcode_面试题46. 把数字翻译成字符串(斐波那契)

题目说明给定一个数字,我们按照如下规则把它翻译为字符串:0 翻译成 “a” ,1 翻译成 “b”,……,11 翻译成 “l”,……,25 翻译成 “z”。一个数字可能有多个翻译。请编程实现一个函数,用来计算一个数字有多少种不同的翻译方法。 示例 1:输入: 12258输出: 5解释: 12258有5种不同的翻译,分别是"bccfi", "bwfi", "bczi", "mcfi"和"mzi" 提示:0 <= num < 231解题思路一(斐波那契数列)我一般做

2020-06-09 10:49:48

JavaScript:leetcode_面试题29. 顺时针打印矩阵(分层 + 递归)

题目说明输入一个矩阵,按照从外向里以顺时针的顺序依次打印出每一个数字。 示例 1:输入:matrix = [[1,2,3],[4,5,6],[7,8,9]]输出:[1,2,3,6,9,8,7,4,5]示例 2:输入:matrix = [[1,2,3,4],[5,6,7,8],[9,10,11,12]]输出:[1,2,3,4,8,12,11,10,9,5,6,7]限制:0 <= matrix.length <= 1000 <= matrix[i].lengt

2020-06-05 10:11:42

JavaScript:leetcode_238. 除自身以外数组的乘积(左右乘积列表)

题目说明给你一个长度为 n 的整数数组 nums,其中 n > 1,返回输出数组 output ,其中 output[i] 等于 nums 中除 nums[i] 之外其余各元素的乘积。 示例:输入: [1,2,3,4]输出: [24,12,8,6] 提示:题目数据保证数组之中任意元素的全部前缀元素和后缀(甚至是整个数组)的乘积都在 32 位整数范围内。说明: 请不要使用除法,且在 O(n) 时间复杂度内完成此题。解题思路一(左右乘积列表)如果可以用除法,那我们只需

2020-06-04 09:47:19

《you dont konw js》一起来明明白白的了解作用域和闭包吧

本文来源于《你不知道的JavaScript》上卷,第一部分:作用域和闭包。有兴趣,有时间的同学,强烈建议直接去看书,书里的知识才是最全面最系统的,本文仅为个人书后总结。一 作用域是什么?变量的存储和查找的这一套规则被称为作用域1.1 编译原理js通常被认为是动态(解释执行)语言,但事实上它也是一门编译语言,但并不是提前编译的。传统语言的编译分为三部分:分词/词法分析(Tokenizing/Lexing): 将 var a = 2;分解成为、词法单元: var、 a、 =、 2解析/语法分.

2020-06-02 18:28:06

JavaScript:leetcode_101. 对称二叉树(递归)

题目说明给定一个二叉树,检查它是否是镜像对称的。 例如,二叉树 [1,2,2,3,4,4,3] 是对称的。 1 / \ 2 2 / \ / \3 4 4 3 但是下面这个 [1,2,2,null,3,null,3] 则不是镜像对称的: 1 / \ 2 2 \ \ 3 3解题思路一递归加判断即可可能判断还是稍麻烦点的,哈哈。左节点,右节点都为null -------------------------

2020-06-01 13:27:44

JavaScript:leetcode_1431. 拥有最多糖果的孩子

题目说明给你一个数组 candies 和一个整数 extraCandies ,其中 candies[i] 代表第 i 个孩子拥有的糖果数目。对每一个孩子,检查是否存在一种方案,将额外的 extraCandies 个糖果分配给孩子们之后,此孩子有 最多 的糖果。注意,允许有多个孩子同时拥有 最多 的糖果数目。 示例 1:输入:candies = [2,3,5,1,3], extraCandies = 3输出:[true,true,true,false,true] 解释:孩子 1 有 2

2020-06-01 11:19:42

JavaScript:leetcode_198. 打家劫舍(动态规划)

题目说明你是一个专业的小偷,计划偷窃沿街的房屋。每间房内都藏有一定的现金,影响你偷窃的唯一制约因素就是相邻的房屋装有相互连通的防盗系统,如果两间相邻的房屋在同一晚上被小偷闯入,系统会自动报警。给定一个代表每个房屋存放金额的非负整数数组,计算你 不触动警报装置的情况下 ,一夜之内能够偷窃到的最高金额。示例 1:输入: [1,2,3,1]输出: 4解释: 偷窃 1 号房屋 (金额 = 1) ,然后偷窃 3 号房屋 (金额 = 3)。 偷窃到的最高金额 = 1 + 3 = 4 。示例

2020-05-29 10:00:13

查看更多

CSDN身份
  • 博客专家
勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 签到王者
    签到王者
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 阅读者勋章Lv3
    阅读者勋章Lv3
    授予在CSDN APP累计阅读博文达到30天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv3
    勤写标兵Lv3
    授予每个自然周发布7篇到8篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。
  • 原力新人
    原力新人
    在《原力计划【第二季】》打卡挑战活动中,成功参与本活动并发布一篇原创文章的博主,即可获得此勋章。
  • 原力探索 · S
    原力探索 · S
    在《原力计划【第二季】》打卡挑战活动中,发布 12 篇原创文章参与活动的博主,即可获得此勋章。(本次活动结束后统一统计发放)
  • 分享达人
    分享达人
    成功上传6个资源即可获取