切换马甲
上一页
下一页
TA最新文章
分类专栏
-
246篇
默认分类
文章数:246
文章总阅读量:260.6w
文章总收藏量:1.3k
文章总点赞量:2.2w
按发布时间
按阅读量
按点赞量
-
今天我给大家来将介绍一个CSS框架TailwindCSS,它在GitHub的css-framework话题中排名前五,不过在介绍它之前我们先来谈一下传统的CSS框架,Bootstrap。 还记的当初Bootstrap刚刚开源的时候吗?无数前端开发者追捧,提供的封装好的组件让前端设计出的页面既美观有高效,是所有前端必须要了解的一个框架。但随着时间的推移,人们发现Bootstrap也不是万能的,因为如2020-11-28 11:50:431 0 8010
-
历经一个月,我的域名fizz.ink终于备案成功了。于是开始了新一轮的网站折腾。 折腾的目的是想要学习网站部署的细节以及相关知识,域名解析,一台服务器部署多个二级域名的项目。以及Docker的配置。 我的资源 已备案的域名 一台腾讯云服务器(已安装Docker) 配置4核8G 2M带宽 要部署的服务有这些。 fizz.ink 是网站入口,有以下链接 gitlab 使用 gitlab.fizz2020-11-28 17:56:081 0 3663
-
云原生,K8s是目前炒的很火的两个话题,而我们项目组恰好是做云原生产品的,今天我就来给大家写一个简单易懂,适合前端人士入门云原生和K8s的简易教程。 本教程将让你在本地安装一个小型单节点K8s集群,以Windows平台演示。话不多少,让我们开始吧。 如果要安装一个K8s集群,官方提供了很多途径,其中适合本地开发,花费资源最少的方式是使用minikube的来安装。安装minikube必须先安装Doc2020-11-28 18:52:290 0 2991
-
我们都是知道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 2007
-
Python的基础功训练,不能停止巩固基础。下面是一些面试Python岗位经常问到的问题,下面我给大家整理一下。并附上详细的答案。 Python中数据类型有哪些? 数字 age = 12 字符串 name = 'Fizz' 列表 people = ['Tom', 'Diana'] 元组 hand = ('left', 'righet') 字典 star = {'earth', 'moon'} 如何2020-12-02 10:58:43254 34 7568
-
使用GitLab自带的流水线,必须要定义流水线的内容,而定义内容的文件默认叫做.gitlab-ci.yml,使用yml的语法进行编写。 目前任务关键词有28个,全局的关键词有10个,两者重叠的有很多。今天我给大家先讲解一下常用的关键词,掌握了这些关键词的用法,你可以编写逻辑严谨,易于扩展的流水线。 任务的28个关键词分别是, script, after_script, allow_failure,2020-12-02 16:57:0358 2 14892
-
什么是切片?使用场景是什么? 使用[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 7546
-
业务背景 业务场景是这样的,目前有一个表单,表单中28个表单项,但这些表单项只有三种类型,一种是输入框,一种是选择框,还有一种是输入域。每一个label都是一个可点击a标签,此外在label的后面,紧跟着一个图标,鼠标悬浮图标上会有气泡信息,显示该表单项的更多的信息。 页面的效果是长这个样子的 表单是基于Element-ui来完成的,按照常规的写法是这样做的, <el-form ref="2020-12-05 14:15:5395 8 10176
-
最近一直在想着做一个自己博客的数据统计。做数据统计,报表,必须要先有数据,于是写了一个使用Nodejs获取自己CSDN所有博客链接的程序, 并将这些博客数据通过页面展示出来。 先看下效果图 下面说一下做这个程序的具体历程,一方面是自己的总结,一方面是与大家探讨如何使用自己掌握的技术解决自己的难题 分析需求 做一个程序前,我们首先要思考的问题是,这个程序是要解决什么问题,如果问题过于大,耗费时间长2020-12-05 16:30:0252 9 9505
-
上次我们介绍了 script, image, artifacts ,tags, cache ,stage ,when ,only/except。 学习了这几个关键词的用法,就不难配置一条简单的流水线。但如果要遇到更加复杂的业务场景,如微服务,流水线继承,多流水线,等复杂场景,那么只靠以上的几个用法是无法实现的。下面我就再给大家讲解其他几个更加复杂的关键词。 这次讲解的关键词有 before_scr2020-12-06 17:48:5698 5 14556
-
原生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 7978
-
最近在项目中使用了vue的新属性,Composition API,这是一个最新版Vue3.0的组合式 API: 一组低侵入式的、函数式的 API,使得我们能够更灵活地「组合」组件的逻辑。由于Vue3.0目前还不太稳定,官方提供了这个API来体验Vue的最新的特征。大家可以尝尝鲜。 刚开始用的很不习惯,但慢慢地感受到了它带来的便利。下面是我使用一段时间后的总结。希望能够帮助各位前端读者快速地启用最新2020-12-07 23:36:1095 9 10570
-
自定义滚动条 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 8991
-
有时候我们需要分析一个网站,或者基于一个网站进行魔改,这个就需要一些特殊的手段将网站源码下载到本地了,其实目前大部分网站都是有代码压缩的,很难去有修改。 这里我就教大家如何快速获取一个网站的所有资源,包括源码,图片,js,css。 以这个页面为例 https://loading.io/spinner/ 这个页面所显示的图标都是付费的,但我们可以通过一些简单的手段将所有资源下载到本地。其实这并不是2020-12-09 09:53:3666 7 14835
-
今天给大家介绍一个用于做指引线的库,叫做leader-line。简单好用,非常容易上手。 这个库是用于在二个dom元素之间,画上一条线。可以用作产品详细点补充说明,也有用作相关关系表明。这样说有点空洞,先看一下几个示例。 引入与简单使用 leader-line库不依赖任何库,你无需引入jquery,vue,或其他的第三方库。 一个简单的案例 <!DOCTYPE html> <2020-12-09 23:14:1859 9 8955
-
关于如何编写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 21674
-
图表库G2的调研 最近要做一个监控的功能,设计到很多花里胡哨的图标,老大让调研一下用那些图表库。于是调研了一番主流的图表库,echart,G2,D3。。。 最后,身为打工人的我被大佬指定用G2,没办法。之前用的都是echart,学一下吧。 官方的介绍 G2 是一套基于图形语法理论的可视化底层引擎,以数据驱动,提供图形语法与交互语法,具有高度的易用性和扩展性。使用 G2,你可以无需关注图表各种繁琐的2020-12-11 16:08:0284 9 8014
-
写博客的时候,很多作者会用到截图上传的功能,通过微信截图,QQ截图,直接将截取的图片通过Ctrl+v 复制到编辑器里。编辑器自动将图片上传,并返回图片地址,将图片渲染到页面上。今天我就给大家实现一个这样的功能。 主要的知识点是,浏览的paste事件,clipboardData, 有关这两个属性的浏览器支持情况 paste 一个标准的Dom事件,粘贴事件,会在用户按下Ctrl+v ,或者通过鼠标2020-12-12 23:36:241 1 1907
-
目前在做项目中监控模块,其中有一个图表是显示设备的CPU使用率,需要做这样一个图表。 UI画的图,横坐标是时间,纵坐标是使用率 在上篇文章我已经介绍了使用G2如何画图表,这次我们对照着UI设计图,来真正地做一次实践,为了方便,我将采用一个单独的HTML的方式来讲解。 如果以项目中ts+vue的环境来写的话,有些新手光是搭建环境就要耗费半天。 每一个图表都要有一个真实的dom容器来装载,我们首先写2020-12-19 17:48:051 1 5518
-
Node-RED的介绍及优点 随着物联网的不断发展,各种物联网相关的技术也在不断发展,开源的平台也有很多,其中就有一个特别优秀的项目,它就是Node-RED,这个项目是由IBM新兴技术服务团队构建的可视化物联网编排工具,可基于浏览器的流程编辑器连接设备、服务器和 API 应用。 这句对于Node-RED的介绍是来自官方的,增加了很多概念性的词语,这里稍作解释一下。 首先这个项目是有IBM公司的二名2020-12-28 16:39:3859 11 84520
