切换马甲
上一页
下一页
分类专栏
-
242篇
默认分类
文章数:242
文章总阅读量:222.7w
文章总收藏量:1.3k
文章总点赞量:2.2w
按发布时间
按阅读量
按点赞量
-
云原生,K8s是目前炒的很火的两个话题,而我们项目组恰好是做云原生产品的,今天我就来给大家写一个简单易懂,适合前端人士入门云原生和K8s的简易教程。 本教程将让你在本地安装一个小型单节点K8s集群,以Windows平台演示。话不多少,让我们开始吧。 如果要安装一个K8s集群,官方提供了很多途径,其中适合本地开发,花费资源最少的方式是使用minikube的来安装。安装minikube必须先安装Doc2020-11-28 18:52:290 0 2336
-
我们都是知道Python是非常高效率的,使用方便。各种库非常齐全,今天我就给大家演示一下,如何使用Python快速获取一组图片,假设你已经有图片的链接 想这样的 image_url = [ 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3432627115,2855394237&fm=26&gp=0.jpg',2020-11-28 19:49:350 0 1437
-
Python的基础功训练,不能停止巩固基础。下面是一些面试Python岗位经常问到的问题,下面我给大家整理一下。并附上详细的答案。 Python中数据类型有哪些? 数字 age = 12 字符串 name = 'Fizz' 列表 people = ['Tom', 'Diana'] 元组 hand = ('left', 'righet') 字典 star = {'earth', 'moon'} 如何2020-12-02 10:58:43254 34 7051
-
使用GitLab自带的流水线,必须要定义流水线的内容,而定义内容的文件默认叫做.gitlab-ci.yml,使用yml的语法进行编写。 目前任务关键词有28个,全局的关键词有10个,两者重叠的有很多。今天我给大家先讲解一下常用的关键词,掌握了这些关键词的用法,你可以编写逻辑严谨,易于扩展的流水线。 任务的28个关键词分别是, script, after_script, allow_failure,2020-12-02 16:57:0358 2 14076
-
什么是切片?使用场景是什么? 使用[startIndex:endIndex]来获取list或trulp的部分元素 使用场景是,不需要遍历,就可以取得list或tuple中的连续多个元素 由于tuple的不变性,切片后依然是tuple类型,切片后都不会影响原有的数据,是新的数据,也可以用于复制list或tuple A=[1,2,3,4,5,6,7] B=(2,3,4,5,6,7,8) print(A2020-12-03 10:37:3195 20 6968
-
业务背景 业务场景是这样的,目前有一个表单,表单中28个表单项,但这些表单项只有三种类型,一种是输入框,一种是选择框,还有一种是输入域。每一个label都是一个可点击a标签,此外在label的后面,紧跟着一个图标,鼠标悬浮图标上会有气泡信息,显示该表单项的更多的信息。 页面的效果是长这个样子的 表单是基于Element-ui来完成的,按照常规的写法是这样做的, <el-form ref="2020-12-05 14:15:5395 8 9449
-
最近一直在想着做一个自己博客的数据统计。做数据统计,报表,必须要先有数据,于是写了一个使用Nodejs获取自己CSDN所有博客链接的程序, 并将这些博客数据通过页面展示出来。 先看下效果图 下面说一下做这个程序的具体历程,一方面是自己的总结,一方面是与大家探讨如何使用自己掌握的技术解决自己的难题 分析需求 做一个程序前,我们首先要思考的问题是,这个程序是要解决什么问题,如果问题过于大,耗费时间长2020-12-05 16:30:0252 9 8863
-
上次我们介绍了 script, image, artifacts ,tags, cache ,stage ,when ,only/except。 学习了这几个关键词的用法,就不难配置一条简单的流水线。但如果要遇到更加复杂的业务场景,如微服务,流水线继承,多流水线,等复杂场景,那么只靠以上的几个用法是无法实现的。下面我就再给大家讲解其他几个更加复杂的关键词。 这次讲解的关键词有 before_scr2020-12-06 17:48:5698 5 13566
-
原生CSS的短板 原生的CSS不支持层级写法,导致在书写CSS样式时,会写很多冗余的代码,比如下面这段代码 .jumbotron { position: relative; padding: 40px 0; color: #fff; text-align: center; text-shadow: 0 1px 3px rgba(0,0,0,.4),0 02020-12-07 16:50:1765 4 7326
-
最近在项目中使用了vue的新属性,Composition API,这是一个最新版Vue3.0的组合式 API: 一组低侵入式的、函数式的 API,使得我们能够更灵活地「组合」组件的逻辑。由于Vue3.0目前还不太稳定,官方提供了这个API来体验Vue的最新的特征。大家可以尝尝鲜。 刚开始用的很不习惯,但慢慢地感受到了它带来的便利。下面是我使用一段时间后的总结。希望能够帮助各位前端读者快速地启用最新2020-12-07 23:36:1095 9 10019
-
自定义滚动条 html代码 <div class="custom-scrollbar"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure id exercitationem nulla qui repellat laborum vitae, molestias tempora velit2020-12-08 10:17:4068 7 8368
-
有时候我们需要分析一个网站,或者基于一个网站进行魔改,这个就需要一些特殊的手段将网站源码下载到本地了,其实目前大部分网站都是有代码压缩的,很难去有修改。 这里我就教大家如何快速获取一个网站的所有资源,包括源码,图片,js,css。 以这个页面为例 https://loading.io/spinner/ 这个页面所显示的图标都是付费的,但我们可以通过一些简单的手段将所有资源下载到本地。其实这并不是2020-12-09 09:53:3666 7 13352
-
今天给大家介绍一个用于做指引线的库,叫做leader-line。简单好用,非常容易上手。 这个库是用于在二个dom元素之间,画上一条线。可以用作产品详细点补充说明,也有用作相关关系表明。这样说有点空洞,先看一下几个示例。 引入与简单使用 leader-line库不依赖任何库,你无需引入jquery,vue,或其他的第三方库。 一个简单的案例 <!DOCTYPE html> <2020-12-09 23:14:1859 9 8031
-
关于如何编写GitLab流水线,.gitlab-ci.yaml文件的关键词,已经写过两期了,gitlab-ci.yaml的关键词一共有28个,分别是 分别是 script, after_script, allow_failure, artifacts, before_script, cache, coverage, dependencies, environment, except, extend2020-12-10 16:21:2993 7 20586
-
图表库G2的调研 最近要做一个监控的功能,设计到很多花里胡哨的图标,老大让调研一下用那些图表库。于是调研了一番主流的图表库,echart,G2,D3。。。 最后,身为打工人的我被大佬指定用G2,没办法。之前用的都是echart,学一下吧。 官方的介绍 G2 是一套基于图形语法理论的可视化底层引擎,以数据驱动,提供图形语法与交互语法,具有高度的易用性和扩展性。使用 G2,你可以无需关注图表各种繁琐的2020-12-11 16:08:0284 9 7344
-
写博客的时候,很多作者会用到截图上传的功能,通过微信截图,QQ截图,直接将截取的图片通过Ctrl+v 复制到编辑器里。编辑器自动将图片上传,并返回图片地址,将图片渲染到页面上。今天我就给大家实现一个这样的功能。 主要的知识点是,浏览的paste事件,clipboardData, 有关这两个属性的浏览器支持情况 paste 一个标准的Dom事件,粘贴事件,会在用户按下Ctrl+v ,或者通过鼠标2020-12-12 23:36:241 1 1356
-
目前在做项目中监控模块,其中有一个图表是显示设备的CPU使用率,需要做这样一个图表。 UI画的图,横坐标是时间,纵坐标是使用率 在上篇文章我已经介绍了使用G2如何画图表,这次我们对照着UI设计图,来真正地做一次实践,为了方便,我将采用一个单独的HTML的方式来讲解。 如果以项目中ts+vue的环境来写的话,有些新手光是搭建环境就要耗费半天。 每一个图表都要有一个真实的dom容器来装载,我们首先写2020-12-19 17:48:051 1 4847
-
Node-RED的介绍及优点 随着物联网的不断发展,各种物联网相关的技术也在不断发展,开源的平台也有很多,其中就有一个特别优秀的项目,它就是Node-RED,这个项目是由IBM新兴技术服务团队构建的可视化物联网编排工具,可基于浏览器的流程编辑器连接设备、服务器和 API 应用。 这句对于Node-RED的介绍是来自官方的,增加了很多概念性的词语,这里稍作解释一下。 首先这个项目是有IBM公司的二名2020-12-28 16:39:3859 11 78726
-
要使用Node-RED去搭建一个物联网平台,链接设备,设备通信,就必须要先熟悉Node-RED的这种面板,对于一个新的项目,在动手做之前一点想对这个的技术的文档有足够的了解做起来才能游刃有余。本期我给大家介绍一下Node-RED的各种面板,熟悉这些面板后,在后续的搭建Iot服务中,会举重若轻,同时该系列的文档,难度会逐步加深,知道了本章解释的名称后对后续文章的理解有很大帮助。 面板1:默认节点选项2020-12-31 14:58:17101 11 23267
-
在Node-RED中默认安装有42个节点,分为6大类,分别是 公共节点 用于调试,注入消息,跨流操作 功能节点 逻辑判断,函数处理,命令行执行, 网络节点 使用各种通信,http,websocket,tcp,udp 序列节点 对消息体进行格式化,分割,排序 解析节点 解析html,csv,json,xml,yaml 存储节点 读取,写入文件,监听文件目录 有些节点只有出口没有入口,有些节点有入2021-01-04 10:25:54101 11 21473