h2

CSS变量实现暗黑模式,我的小铺页面已经支持

旧城冷巷雨未停 提交于 2020-03-21 04:14:50
3 月,跳不动了?>>> 最近微信被苹果逼的开发了 暗黑模式 ,越来越多的网站和应用开始支持了暗黑模式,许多人也喜欢为网站选择暗模式,也许他们更喜欢这样的外观,或者他们想让自己的眼睛免受疲劳。这篇文章将告诉你如何实现一个自动的 CSS 暗模式,根据你的访客的主题来改变。 我在自己的博客页面 我的小铺 页面实践了一下用 CSS变量 和 @media查询 实现暗黑模式。 CSS Dark Mode 我定义了变量以设置主题的颜色,我建议你也这样做,因为这样会使这个过程容易得多。我的默认模式的颜色变量如下: :root { --accent : #226997 ; --main : #333 ; --light : #666 ; --lighter : #f3f3f3 ; --border : #e6e6e6 ; --bg : #ffffff ; } 复制代码 如果你想在你的样式表中使用这些变量,你可以这样做: p { color : var (--main); } 复制代码 这样,如果您想更改主题的颜色,则只需修改定义的变量,所有使用该变量的内容都会更新。 现在我们需要定义一组新的变量,这些变量将在调用 CSS 暗模式时使用。 /* 定义 dark 模式的颜色 */ :root { --accent : #3493d1 ; --main : #f3f3f3 ; --light :

字节跳动今日头条前端面经(4轮技术面+hr面)

依然范特西╮ 提交于 2020-03-21 04:11:01
3 月,跳不动了?>>> 笔者读大三,前端小白一枚,正在准备春招,人生第一次面试,投了头条前端,总共经历了四轮技术面试和一轮hr面,不多说,直接上题 一面 自我介绍,然后问了为什么学习前端 算法:实现36进制转换 简述https原理,以及与http的区别 操作系统中进程和线程怎么通信 node中cluster是怎样开启多进程的,并且一个端口可以被多个进程监听吗 实现原生ajax vue-router源码 vue原理(手写代码,实现数据劫持) 算法:树的遍历有几种方式,实现下层次遍历 算法:判断对称二叉树 第一次面试,当时比较紧张,面试官很和蔼,面试中问到操作系统的进程,当时不记得操作系统, 就提到了node多进程,然后面试官就问了cluster是怎样开启多进程的,并且一个端口可以被多个 进程监听吗?答完后面试官就问了后面写完vue数据劫持的时候,面试官又问了 Object .defineProperty除了 set get外还有什么属性,我回答了configurable enumerable。vue-router主要提到了hashchange 事件等,顺便跟面试官聊了一下h5的historyAPI。时间总共是 50 分钟左右,一面完了后面试官让 我等五分钟,接下来二面就开始了 复制代码 二面 介绍一下项目中的难点 let var const 有什么区别 你知道哪些http头部

2017级C语言大作业

╄→尐↘猪︶ㄣ 提交于 2020-03-21 04:08:39
3 月,跳不动了?>>> 分享17级同学大一上学期用C语言实现的小小冒险岛。分步骤代码、图片音乐素材、可执行程序可从百度网盘下载: 链接: https:// pan.baidu.com/s/1MRNnZA MZj8iC_c6bxruQnA 提取码:5zui C语言 - 小小冒险岛 https://www.zhihu.com/video/1222973792655773696 摘要 本设计是模仿盛大冒险岛并且从小游戏《小小冒险岛》吸取经验制作而来.算是一个小小的同人游戏.整个游戏的风格以小清新RPG为主,人物与地图全为2D图像,利用if函数实现了人物与背景的分开移动,让人物可以在小游戏框下走出大地图.本游戏图片来自原游戏,玩法为人物的移动和狩猎怪物。玩家可以在不同的地图中来回穿梭,在不同的挡板上跳跳下下。走出村庄可以进行狩猎怪物,不过也会被怪物狩猎,被怪物触碰会减低Hp,当Hp为0时gameover。 一、设计思路 1、搭建基本框架. 2、从原游戏中盗取最基本的人物及背景图. 3、实现人物简单的左右移动,设计图片的输出. 4、编写结构体,对于地图要素进行定义. 5、对于定义好的地图要素编写挡板及跳跃的判定,实现人物在地图中的跳跃. 6、增加地图的要素,定好传送点,方向,并且加入更多的地图,实现地图的变换. 7、再次增加地图要素,加入怪物的数据及贴图,完善人物的攻击函数. 二

这是一篇“不一样”的真实渗透测试案例分析文章

北战南征 提交于 2020-03-21 03:42:06
3 月,跳不动了?>>> 作者:cheery@QAX-ATEAM && n0thing@QAX-ATEAM 公众号: 奇安信ATEAM 0x00 前言 本文是由一次真实的授权渗透案例引申而出的技术分析和总结文章。在文章中我们会首先简单介绍这次案例的整体渗透流程并进行部分演绎,但不会进行详细的截图和描述,一是怕“有心人”发现端倪去目标复现漏洞和破坏,二是作为一线攻击人员,大家都明白渗透过程也是一个试错过程,针对某一个点我们可能尝试了无数种方法,最后写入文章的只有成功的一种,而这种方法很有可能也是众所周知的方法。因此我们只会简单介绍渗透流程,然后提取整个渗透过程中比较精华的点,以点及面来进行技术分析和探讨,望不同的人有不同的收获。 0x01 渗透流程简述 在接到项目以后,由“前端”小组(初步技术分析小组)进行项目分析和信息收集以及整理,整理出了一批域名和一些关键站点,其中有一个phpmyadmin 和 discuz的组合建站,且均暴露在外网,这也是很常见的一种情况。由于网站某个web端口的解析配置问题导致了php不被解析而形成任意文件下载漏洞,通过这个漏洞我们拿到了mysql的root账户密码。由于linux服务器权限设置比较严格的问题没法直接使用phpmyadmin登录mysql而提权拿到discuz的webshell

乔布斯遗孀将裸捐 250 亿美元;华为武汉研究所人员每人每天补贴 2000 元;特斯拉被曝通过削减保修成本夸大营收丨雷锋早报

浪子不回头ぞ 提交于 2020-03-21 03:41:52
3 月,跳不动了?>>> 国内新闻 华为补助武汉研究所现场办公人员:每人每天 2000 元 近日,有华为员工在脉脉发帖,称武汉研究所现场办公人员每人每天补助 2000 元。对此,华为确认该消息属实。 具体是华为深入湖北新冠肺炎医疗救治定点医院和发热门诊等危险区域的人员,每人每天 2000 元。在湖北现场参与业务连续性攸关项目的人员,以及在政府发布的危险隔离区域进行工作的人员,每人每天 1000 元。除湖北省外的其他省市,疫情期间进入国家发布新冠肺炎定点救治医院进行工作的人员,每人每天 1000 元;海外疫情国家参与特殊业务保障的人员,每人每天 150 美金。(脉脉) 富士康 2 月营收同比大降 18%,创 7 年来最大月跌幅 富士康周四称,公司 2 月营收为新台币 2175 亿元 (约合 72.8 亿美元),同比下滑 18.1%,创下自 2013 年 3 月以来的最大月跌幅,也是连续第三个月遭遇营收下滑。富士康已发出预警称,疫情将会冲击公司的第一季度利润。 富士康今年股价已经累计下跌了近 10%,该公司在本周稍早时候警告称,今年第一季度,包括消费电子和电信产品在内的业务营收跌幅将会超过 15%。但是富士康也表示,随着中国内地的生产恢复正常,其营收也将恢复。富士康表示,内地的生产将在今年 3 月底之前恢复正常。(凤凰科技) 蔚来宣布再完成 2.35 亿美元可转债融资 昨天

JavaScript 深入之浮点数精度

生来就可爱ヽ(ⅴ<●) 提交于 2020-03-21 03:39:02
3 月,跳不动了?>>> 前言 0.1 + 0.2 是否等于 0.3 作为一道经典的面试题,已经广外熟知,说起原因,大家能回答出这是浮点数精度问题导致,也能辩证的看待这并非是 ECMAScript 这门语言的问题,今天就是具体看一下背后的原因。 数字类型 ECMAScript 中的 Number 类型使用 IEEE754 标准来表示整数和浮点数值。所谓 IEEE754 标准,全称 IEEE 二进制浮点数算术标准,这个标准定义了表示浮点数的格式等内容。 在 IEEE754 中,规定了四种表示浮点数值的方式:单精确度(32位)、双精确度(64位)、延伸单精确度、与延伸双精确度。像 ECMAScript 采用的就是双精确度,也就是说,会用 64 位字节来储存一个浮点数。 浮点数转二进制 我们来看下 1020 用十进制的表示: 1020 = 1 * 10^3 + 0 * 10^2 + 2 * 10^1 + 0 * 10^0 所以 1020 用十进制表示就是 1020……(哈哈) 如果 1020 用二进制来表示呢? 1020 = 1 * 2^9 + 1 * 2^8 + 1 * 2^7 + 1 * 2^6 + 1 * 2^5 + 1 * 2^4 + 1 * 2^3 + 1 * 2^2 + 0 * 2^1 + 0 * 2^0 所以 1020 的二进制为 1111111100 那如果是 0.75

伊朗最强仿人机器人:踢球、写字、对话啥都会

拥有回忆 提交于 2020-03-21 03:33:54
3 月,跳不动了?>>> 近日,伊朗机器人专家研发出了一种人形机器人Surena IV,能抓住水瓶还会写字,号称史上最先进的仿人机器人。Surena IV高1.7米重68公斤,是在人形机器人Surena的基础上迭代的第四代产品,新增了模仿功能,四肢运动也变得更加灵活。 在总体设计上Surena IV十分类似本田的Asimo机器人,它的全身共有43个自由度,能用手操纵各种物体,甚至能操作电动工具。 一、会操作电动工具,崎岖路面也能行走自如 德黑兰大学先进系统和技术中心(CAST)的50多名研究人员组成了专门的研究小组,在机械工程学教授Aghil Yousefi-Koma的带领下,花费了四年时间才将Surena IV研制出来。 <iframe src="https://v.qq.com/txp/iframe/player.html?vid=h3066mj2nnr" width="300" height="150" frameborder="0" allowfullscreen="allowfullscreen"> Aghil Yousefi-Koma称,改善机器人与环境的互动是他们做Surena IV项目的主要目标之一。他说:“Surena IV现在可以精确的跟踪物体,而且运动的灵活性很高,它不仅能拿起水瓶,甚至可以操纵各种物体,包括电动工具。” 研究人员表示,Surena

Python爬取网易云音乐1万条评论,感受到疫情下的真情

狂风中的少年 提交于 2020-03-21 03:26:32
3 月,跳不动了?>>> 一、前言 昨天打开网易云音乐被这条视频刷屏了⬇️ 致敬所有疫情前线的工作人员! ​ music.163.com 1600万+的播放量,1.3万+的评论 那么今天我们用python看看这些评论里留下了哪些感人的故事, 二、数据抓取 首先,我们用电脑打开网易云音乐这条视频的链接。找到 最新评论, 目标就是把这些评论全部取出来。接着发现每点击“下一页”,网站的url并没有任何变化,说明整个评论区的内容都是通过 Ajax异步请求 技术得到的。关于这个概念大家可以百度,简单来说就是能够实现在后台与服务器交换数据,在不重新加载页面的情况下更新网页。打开浏览器F12,进入开发者工具,选择Network,我们选择XHR(XmlHttpRequest)就可以选出Ajax的请求包: 然后再一个个点进去查看response,就能找到包含评论的数据包⬇️ 点进去就能看到header信息 可以发现是一个post请求并且接收两个参数 params 以及 encSecKey 我们先来试试看 import requests import json url = 'https://music.163.com/weapi/v1/resource/comments/R_VI_62_3F79C7B87510106B8118EE3F811C1BC5?csrf_token=' headers = {

数据结构与算法(Python版):时间复杂度和大O表示法

微笑、不失礼 提交于 2020-03-21 03:26:16
3 月,跳不动了?>>> 一.时间复杂度 首先我们来看一个问题·: 题目:如果a+b+c=1000,且a^2+b^2=c^2(a,b,c为自然数),如何求出a,b,c所有可能的组合? 看到这个题目我们的第一反应则是直接套用三个循环使用枚举法直接得到答案,程序如下: import time start_time = time.time() for a in range(0,1001 ): for b in range(0,1001 ): for c in range(0,1001 ): if a+b+c == 1000 and a**2+b**2==c**2 : print ( " The possible a is {}, b is {}, c is {} " .format(a,b,c)) end_time = time.time() print ( " time:{} " .format(end_time- start_time)) print ( " finished " ) 这样我们就可以得到结果: The possible a is 0, b is 500, c is 500 The possible a is 200, b is 375, c is 425 The possible a is 375, b is 200, c is 425 The possible a

关于 Kubernetes 规划的灵魂 n 问

孤街浪徒 提交于 2020-03-21 03:25:50
3 月,跳不动了?>>> 作者 | 易立 阿里云资深技术专家 导读 :Kubernetes 已经成为企业新一代云 IT 架构的重要基础设施,但是在企业部署和运维 Kubernetes 集群的过程中,依然充满了 复杂性和困扰 。 阿里云容器服务自从 2015 年上线后,目前 托管着上万的 K8s 集群 来支撑全球各地的客户。我们对客户在规划集群过程中经常会遇见的问题,进行一些分析解答。试图缓解大家的“ 选择恐惧症 ”。 如何选择 Worker 节点实例规格? 裸金属还是虚拟机? 在 Dimanti 2019 年的容器调查报告中,对专有云用户选择裸金属服务器来运行容器的主要原因进行了分析。 选择裸金属服务器的最主要原因( 超过 55% )是:传统虚拟化技术 I/O 损耗较大;对于 I/O 密集型应用,裸金属相比传统虚拟机有更好的性能表现; 此外近 36% 的客户认为:裸金属服务器可以降低成本 来源: oschina 链接: https://my.oschina.net/u/4342268/blog/3207596