首页
学习
活动
专区
圈层
工具
发布

我至今没想到,我也能在 CSS 中实现 SVG 动画了

你会发现我使用相对单位 % 来设置位置,这是一种确保图像内容调整大小以适应包含 SVG 元素的简单方法。虽然这种方法在这种情况下有效,但有一个很大的缺点: 我们无法维护以这种方式定位的元素的长宽比。...为了使结果更易于访问,让我们将SVG包装在 元素中,并处理该级别上的单击。...当触发 click 事件时,我们只在 本身上切换 .is-active 类,而不是在层次结构中更深入地切换。...在本例中,我将其转换为 100 x 100 像素的 viewBox。 让我们确保图标居中并且大小合适。...我们将.mute__headphones类添加到 元素中,这样它就会影响耳机图标的所有三个部分。

3.5K10

关于拖拽功能在IE11 、Firefox和Safari中不兼容的问题

firebox) 3是firefox在拖动的时候会打开一个新窗口 (firbox) 4是ie11不支持onclick属性方法 ; ie11 里元素对象的attributes的排序和其他浏览器不同, ie11 中...remove()方法不work (ie) 对于原因1的解决方案 其中IE11 压根就不支持path属性,firefox和Safari还勉强通过hack的方式获取到path,获取方式如下: const...addEventListener('click', function () {}) 如果你的业务代码里包含 获取对象attributes的值的代码,比如 event.target.attributes[n].xxx 在ie11中attributes...解决这个问题 ,我是通过遍历attributes 找到符合我要的代替之前的写死的attributes顺序 针对ie11 remove()不work的情况,可以用代码 parent.removeChild

4.7K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    不,我本科生也能在大厂当应用科学家

    我意识到我不会因为没能在研究中取得成功然后转回软件工程而后悔,但如果没有尝试ML研究我会非常后悔,因为我相信自己有能力可以取得成功。我的竞争好胜心又使我无法接受延迟晋升。...因此,我做了一个研究工程师的内部面试,包括一轮 ML 算法面试和一轮编码面试。 在这个过程中,我亲历了令人惊讶的学位偏见。...然后我再对这些研究项目进行总结,并以晋升文件的方式收集同行的反馈,以便申请调动。 大多数应用科学家都是外部聘用的,很少有工程师能在内部成功转型,特别是学位上还存在偏见,因此,机会对我来说是很难得的。...如果不工作更长时间,我很可能无法收集到足够的研究数据和同行的反馈意见,更不可能转为应用科学家。...当你可以在行业工作中获得经验和报酬时,以课堂为重点的硕士课程并不是对时间的有效利用方式。 是否要攻读博士学位是一个复杂的话题,但基本上我不认为博士学位对于行业研究中的职业发展是必要的。

    99130

    回忆:我技术生涯中的那些“惊悚”瞬间,谢老板当年的不“杀”之恩

    这些现象在技术圈内屡见不鲜,并不稀奇,如碰到,算你倒霉,如没碰到,算你运气爆棚。 说到这有人说,我技术生涯十多年了,就从来没有出过事故,自己能力有问题,别总找客观因素。...的确,但有时 “客观因素” 却占据重要位置,即便再好的RP也有爆表一刻,再坚固不摧的技术风控也会遭遇百密一疏。...我的运气还算不错,在近二十年的技术生涯中,虽遭遇过多次“惊悚” 瞬间,但均有惊无险,至少没被老板炒了鱿鱼,也没对公司(或客户)造成太大的直接损失。...根据公司规定(甲乙方双),生产操作过程须两名以上人员在场(1人操作,1人监督),但由于与甲方技术关系较好,所以在升级过程中并未遵守,不仅如此,还边聊天边操作,注意力分散,最终误将生产库当成测试库,爽快的执行了一连串...跟顺丰事件的主人翁比起来,我算是幸运的,虽然每次都不同程度的受到物质或精神上的惩罚,但还是要谢谢几位老板当年的不 “杀” 之恩,毕竟没有让我瞬间丢了工作,还能继续偿还房贷。

    76020

    今年我拿到了期望中的收入,同时更希望能在睡后收入上有进一步的发展——2021年我的总结与思考

    我记得是2017年开始在博客园写博客,并与当年年底写了这篇17年的年度总结,n年前,我没钱但年轻,我怕n年后我老时,还是一无所成——2017我的收获和反思,在随后的几年的年末,写总结文也已经成为了我的惯例...1 工作中要用的技术,虽然之前没接触过,但好歹我能快速解决,这可以说是解决问题的能力吧。     2 能和别人有效沟通,尤其能和老外用英语进行有效沟通,这可以说是沟通能力吧。    ...点击量是变现的的前提,更是睡后收益的有力保障,今年我好歹也拼凑出一些写高点击量文的经验,希望这些经验能在明年能继续发扬光大,为我带来更多的收益。...不管怎么说,在确保稳定睡后收入这方面,我今年总算有了个开头,在某平台,咨询的收入至少能帮我解决些零花钱,而自媒体的广告收益也总算有了零的突破,希望在明年,我能在这方面找到更多更好的方法。...我个人感觉,年入百万未必要靠开工作室,一个人做应当也行,但首先得有所侧重,不能光顾挣小钱而忽略探索挣钱渠道,其次还得靠优质的输出,这样才能在帮到别人的前提下,聚集流量,进而提升收益。

    55420

    不背锅运维:搭不起来我赔钱给你:分享Ubuntu20和Centos7中使用kubeadm搭建k8s集群。

    我安装的ubuntu20默认没有selinux这东西,因此不涉及关闭 关闭swap sudo swapoff -a # 临时 sudo sed -ri 's/....calico.yaml中CALICO_IPV4POOL_CIDR默认的配置如下: # - name: CALICO_IPV4POOL_CIDR #   value: "192.168.0.0/16" 取消注释...刚才提到,在部署calico的过程中3台节点都需要拉取相关镜像,可以到其中1台Node上查看有没有镜像了: tantianran@test-b-k8s-node02:~$ sudo docker images...0.2.6-3.el7.x86_64.rpm rpm -ivh cri-dockerd-0.2.6-3.el7.x86_64.rpm 4.4 指定依赖镜像地址 在cri-docker.service配置中的...calico.yaml中CALICO_IPV4POOL_CIDR默认的配置如下: # - name: CALICO_IPV4POOL_CIDR #   value: "192.168.0.0/16" 取消注释

    1.3K11

    即梦每日积分不浪费,我找到了在 n8n 工作流中免费调用即梦生成图片的方法

    群里总有朋友问,即梦(Dreamina)生成的图质量很高,但每次都得打开网页点点点,能不能搞进 n8n 实现自动化,主打一个不浪费每天送的积分。...我花时间研究了一下,还在 Github 上翻到一个开源项目,确实能行。不过在落地的过程中踩了个坑,本地部署的 Docker 服务互相通信时,网络配置稍微有点绕。...很多朋友卡在这里,其实也不复杂,跟着我看一遍。你需要用浏览器(推荐 Chrome 或 Edge)打开即梦官网并登录。...我在工作流里加了一个 Split Out 节点,把返回的图片数组拆成单条数据。...即梦 api + n8n 的工作流 JSON 文件,我已经导出来了。如果你想试一试这个方法,关注公众号“曹工不加班”发送“即梦”即可获取工作流。

    56120

    使用 DeepSeek API 搭建智能体《无间》- 卓伊凡的完整指南 -优雅草卓伊凡

    在开始搭建智能体之前,我想先说明 为什么推荐使用 DeepSeek API,而不是本地私有化部署:模型性能差距:DeepSeek 官方 API 使用的是 最新、最强 的模型,而本地部署的版本(如果有)往往是...因此,本文将 完全基于 DeepSeek API,教大家如何搭建一个 具备长期记忆的智能体,并部署到 Windows、Linux 或宝塔面板,让它记住我的科幻恐怖小说 《无间》 的内容,并辅助创作!...headers, json=data)print(response.json())预期输出:{ "choices": [ { "message": { "content": "我是...,第一个在‘思维深渊’中失去自我的人类,现以纯意识体存在,能腐蚀他人心智。”...接入 Discord/Slack/微信使用 discord.py 或 ItChat 库让 AI 在聊天软件中响应。

    62111

    K3S 从放弃到入门(二)使用域名访问dashboard

    上一篇,我们搭建了一个两个节点的K3S集群,并且部署了一个dashboard,但是有一个不优雅的地方是访问dashboard需要加端口,这篇文章就来解决这个问题,最终效果是,通过域名访问dashboard...安装 Nginx Ingress K3S默认安装,自带一个Traefik Ingress,但是,我发现网上的很多资料,都是用的Nginx Ingress,所以作为新手的我们,还是本着别人用什么我们也用什么的原则...k8s.gcr.io/ingress-nginx/controller liangjw/ingress-nginx-controller 上传deploy.yaml文件,并执行命令...并且域名一定要是解析状态,非解析状态的域名无法成功申请证书; Issuer的类型分两种:ClusterIssuer和Issuer,ClusterIssuer可以跨namespace提供服务,Issuer类型只能在相同的...这里证书需要放在kubernetes-dashboard所在的namespace中,所以我把他设置成ClusterIssuer,这样以后我在别的namespace中也能用他。

    3.6K190

    爱快链路聚合对接华为eth-trunk,经验主义害人,小问题折腾半天

    正所谓,常在河边走,哪有不湿鞋,小伙伴们来看看,我这回算不算是翻车了?...,系统也不让我删除,那就把web.zip删除了吧,反正交换机配置也用不上WEB界面。...交换机上执行命令:ftp -a 192.168.10.1 192.168.10.23(后面这个是电脑的IP地址) 输入刚创建的FTP帐号和密码,登录成功,然后执行命令,备份当前的系统软件到电脑: Put...eth-trunk 12,看一下状态是不是:up,端口是不是都在里面 目前的情况是:爱快不支持trunk,这台弱三层交换机又不支持Undo portswitch,那么,划分VLAN的计划自然就泡汤了,只能在爱快里面把...就这样,暂时解决了客户的问题,等待下次升级设备吧,客户没啥感觉,我自己心塞——我知道有点Low,可是能有什么别的好办法呢?欢迎朋友们不吝赐教。

    1.7K20

    【Hadoop 分布式部署 五:分布式部署之分发、基本测试及监控】

    1.对 hadoop 进行格式化     到 /opt/app/hadoop-2.5.0 目录下  执行命令: bin/hdfs namenode -format       执行的效果图如下...2.启动dfs    执行命令(在 /opt/app/hadoop-2.5.0/目录下): sbin/start-dfs.sh       执行之后的效果就如下图 (可以看到...windows的hosts中,所以也能通过这个主机名访问)        点击主页的 LiveNodes 就可以看见如下的界面        这个界面上显示的就是我们的节点 ?...在启动yarn的时候我的出先了一个问题 就是resourcemanager 启动不起来 不论是在 第一个节点上看,还是在第二个节点上看 都没有resourcemanager ?       ...最终在开源中国上查找到了解决方案 Namenode和ResourceManger如果不是同一台机器,不能在NameNode上启动 yarn,应该在ResouceManager所在的机器上启动yarn

    50030

    Win10下Docker容器开发调试EasySwoole

    Win10下Docker开发easyswoole 众所周知swoole不能在win环境下开发,所以会阻挡一部分用户使用swoole,但也不是不能在win下开发,无非是需要借助工具开发而已(虚拟机、docker...Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux或Windows 机器上,也可以实现虚拟化。...swoole4.4.12+easyswoole3.x-dev),另一种是dockerFile,可以自定义版本需求(本次使用方式) 构建DockerFile(swoole最新稳定版本+easyswoole3.x测试版,不建议开发使用测试版...平常容器关闭后,如何启动easyswoole容器 执行命令 docker ps -a 查看所有容器 执行命令 docker rename suspicious_jang easyswoole 重命名容器名称...(方便自己维护) 再次执行命令 docker ps -a 查看所有容器,发现容器名称已经变更 ?

    2.1K20

    如何运行plink软件--三种方法

    不不不,它只是一个软件,一个只能在命令行添加参数的软件,没有图形界面,没有快捷方式,不能用鼠标点击的软件。 现在我提供三种方法,来运行plink软件。...比如windows系统,解压下如下: 第一种方法:直接调用 很多人都是先在windows键找到cmd,然后再进入相关文件夹,其实有个简单的方法:直接在文件夹路径中输入cmd回车: 上面黑黑的框,就是...然后按照这种方式执行命令即可。...放到环境变量中 这是经典的一种方法,还记得配置java环境吗,就是加入到环境变量中。如果了解到Linux系统,它就像bin文件夹一样。...首先,复制这个路径: 然后,打开我的电脑,右键--属性--高级系统设置 直接在上面的2中双击也是比较简单的:点击新建,然后粘贴进去plink.exe的路径即可。

    3.6K10

    告别命令行记忆地狱:用自然语言驾驭你的终端

    作为一名资深程序员,我每天都在与命令行打交道。但说实话,我厌倦了在man手册和元宝/ChatGPT之间来回切换,只为了找到那个"我明明用过但就是记不住"的命令参数。...(虽然都能用,但总想知道"正确"的顺序)场景二:复杂命令拼接展开代码语言:BashAI代码解释#我想统计nginx日志中每个IP的访问次数并排序......#我只是想查个进程,为什么要记三套命令?...--no-send-stdin"统计行数"执行命令:wc-l#LLM只知道你要"统计行数",不知道具体数据4.Dry-run模式展开代码语言:BashAI代码解释#只查看命令,不执行$aicli--dry-run...Q:能在脚本中使用吗?A:可以!使用--force跳过确认,使用--quiet获得纯净输出:展开代码语言:BashAI代码解释#!

    6410
    领券