Bootstrap

一款绝对让你惊艳的CSS框架——TailwindCSS

我的未来我决定 提交于 2020-11-15 21:21:23
前言 前段时间,laravel更新8.0版本,系统内置的Jetstream应用支架使用的是Tailwind CSS,于是勾起了我对Tailwind CSS的兴趣。 后来项目中也是逐步使用,总体感觉超级爽。就像他的简介一样Utility-First效用优先的CSS框架。 相比bootstrap,semantic ui antd这些组件库,tailwind只是个css库,简单的说就是可以完成任何ui交互,而上面的组件库一般就是做个后台应用,所以使用tailwind的环境更广泛一些。 几个亮眼的地方 首先是响应式设计。 css的媒体查询写起来还是比较麻烦的,如下: @media only screen and (max-width: 760px) { .navbar { width:100%; } } **使用了Tailwind CSS就免去这些繁琐的东西。**默认情况下,Tailwind使用移动优先断点系统,类似于您在Bootstrap或Foundation中可能使用的系统。 这意味着未加前缀的实用程序(如uppercase)在所有屏幕尺寸上都有效,而带前缀的实用程序(如md:uppercase)仅在指定的断点及以上断点生效。 如下一段代码就可以实现不同尺寸显示不同样式,是不是比媒体查询写法方便很多呢! <div class="bg-red-500 sm:bg-green-500 md

Scrapy & Django项目

廉价感情. 提交于 2020-11-15 04:59:11
# 需求: 编写爬虫项目与Django项目详解和, 将爬取到的数据展示到前端页面上 # spider编写: import scrapy from dl.items import DlItem class PSpider(scrapy.Spider): name = 'p' # allowed_domains = ['www.baidu.com'] start_urls = ['https://www.kuaidaili.com/free/'] def parse(self, response): # print(response) tr_list = response.xpath('//*[@id="list"]/table/tbody/tr') # print(tr_list) for tr in tr_list: ip = tr.xpath('./td[1]/text()').extract_first() port = tr.xpath('./td[2]/text()').extract_first() typ = tr.xpath('./td[3]/text()').extract_first() protocal = tr.xpath('./td[4]/text()').extract_first() position = tr.xpath('./td[5]/text()

Postgres中postmaster代码解析(上)

本小妞迷上赌 提交于 2020-11-13 05:21:36
之前我的一些文章都是在说Postgres的一些查询相关的代码。但是对于Postgres服务端是如何启动,后台进程是如何加载,服务端在哪里以及如何监听客户端的连接都没有一个清晰的逻辑。那么今天我来说说Postgres中的 postmaster 模块的代码,试着解答这些问题。 在正式讨论之前,我先说一下,代码主要涉及的是postgres源码的src/backend目录下的main,postmaster以及tcop模块。 关于postmaster这个命令,熟悉postgres的一定不会陌生。在Linux上它是postgres命令的一个软连接,而在Windows上,它直接就是postgres命令的别名。因此,话题就转换为:postgres命令的处理细节。而postgres命令,从官方手册上我们可以知道,它是启动后端服务器的命令(当然前提是你要用initdb命令先生成一个database cluster)。无论是是直接使用postgres命令启动还是用pg_ctl命令,其本质都是调用postgres命令来启动数据库的。 下面进入代码。 ##1.命令的入口处理 命令的入口在src/backend/main/main.c。这个main()函数所做的工作不多: 做一下基本的初始化(主要是调用MemoryContextInit函数启动error和memory management子系统

校内闲鱼说明书

大城市里の小女人 提交于 2020-11-13 03:28:05
如今,双十一双十二等等购物节一个接着一个,某宝某猫上各种物美价廉的商品看得眼花缭乱,各种诱惑让你按下了手中的按钮,过后是不是很想剁手呢?收到实物后,你是否有时发现它并非你心中所属不再使用,却弃之可惜,置之无地呢?希望再购新物,却囊中羞涩,看着旧物直呼浪费而又因不买而心有不甘呢? 您好,尊贵的客户,我们是您的肚中蛟蚘,校内闲鱼网页欢迎您,您的闲鱼,是他人的梦想。 校内闲鱼是一个基于东师校友之间的以物易物、以物换钱的交易平台。我们将为您提供一个展示自己不用的物品的平台,您可以拍照上传图片,并填写你希望换的价格或物品以及联系方式,当有同学发现了您的物品合心意,便可在页面留言询问或者与您联系详谈。 我们这个平台将解决您的闲置物品的去处问题,并让您低价买到心仪的物品,更重要的是!在这里,只有东师的学子,近距离接触,无需担忧快递、诚信等问题!我们将是您最理智的决定,我们在这里等您! N (Need 需求): 我们经常会出现这样的情况,网上购物买到东西后发现不是自己喜欢的类型或者由于种种原因不太满意,于是会想要看看周边的人是否需要,或者为觉得还不错只是不适合自己的这类商品寻找一个新的主人,使其发挥更好的价值。由于网上购物无法看到实物的局限性,发生以上情况的可能性是十分大的,我们的软件正是用于为大家解决这类问题的。 需求除了要关注大家的需求情况,还要关心现在市面上是否已经有了类似的软件

Wireshark分析DHCP

…衆ロ難τιáo~ 提交于 2020-11-13 01:03:23
文章转载 自 https://blog.csdn.net/qq_24421591/article/details/50936469 (0.0.0.0已经不是一个真正意义上的IP地址了。   它表示的是这样一个集合:    1、所有不清楚的主机和目的网络。这里的“不清楚”是指在本机的路由表里没有特定条目指明如何到达。    2、对本机来说,它就是一个“收容所”,所有不认识的“三无”人员,一 律送进去。) 一,动态主机配置协议DHCP 1,DHCP简介 DHCP(Dynamic Host Configuration Protocol),动态主机配置协议,是一个应用层协议。当我们将客户主机ip地址设置为动态获取方式时,DHCP服务器就会根据DHCP协议给客户端分配IP,使得客户机能够利用这个IP上网。 DHCP的前身是BOOTP协议(Bootstrap Protocol),BOOTP被创建出来为连接到网络中的设备自动分配地址,后来被DHCP取代了,DHCP比BOOTP更加复杂,功能更强大。后面可以看到,在用Wireshark过滤显示DHCP包,需要输入过滤条件BOOTP,而不是DHCP,但或许是因为我使用的Wireshark版本是比较旧的1.12.9,没有在新版本中尝试过,也许可以输入DHCP让其只显示DHCP包。 2,DHCP的实现 DHCP的实现分为4步,分别是: 第一步

java.net.BindException: Address already in use: JVM_Bind

℡╲_俬逩灬. 提交于 2020-11-12 11:00:16
org.apache.catalina.LifecycleException: Failed to initialize component [Connector[AJP/1.3-8009 ]] at org.apache.catalina.util.LifecycleBase.init(LifecycleBase.java: 112 ) at org.apache.catalina.core.StandardService.initInternal(StandardService.java: 549 ) at org.apache.catalina.util.LifecycleBase.init(LifecycleBase.java: 107 ) at org.apache.catalina.core.StandardServer.initInternal(StandardServer.java: 875 ) at org.apache.catalina.util.LifecycleBase.init(LifecycleBase.java: 107 ) at org.apache.catalina.startup.Catalina.load(Catalina.java: 632 ) at org.apache.catalina.startup.Catalina.load

css笔记

試著忘記壹切 提交于 2020-11-12 08:31:00
注释: /* */ 1、css和html的结合方式 (1)用(每个)html标签上的style属性结合 (2)使用html的<style>标签 (3)在style标签里使用语句 @import url(css文件路径);(某些浏览器不支持) (4)使用头标签link引入外部css文件 2、css的选择器(* 代表所有) (1)标签选择器 使用标签名作为选择器名称: 标签名{css属性} (2)class选择器 每个html标签都有个class属性(可以有多个class属性,用空格隔开) - [标签].class名{css属性}   (3)id选择器 每个html标签都有个属性id - [标签]#id名{css属性}   (4)属性选择器 选择具有指定属性值的标签 - 选择器[id='abc']{css属性}   优先级: style属性 > id选择器 > class选择器 > 标签选择器 3、css的扩展选择器 (1)关联选择器 指定嵌套标签里面的样式(标签1中的标签2) - 标签1 标签2{css属性}   (2)组合选择器 把不同标签设置成相同的样式 - 标签1,标签2{css属性}}   (3)伪元素选择器 css里面提供了一些定义好的样式,可以定义元素在不同条件下的样式 超链接(顺序不能变) 状态:原始状态(:link),鼠标放上去(:hover),点击还没释放(

在Ubuntu 18.04上搭建HyperLedger Fabric区块链环境

浪尽此生 提交于 2020-11-10 17:55:21
00 前言 Hyperledger Fabric是一个提供分布式账本解决方案的平台。Hyperledger Fabric由模块化架构支撑,并具备极佳的保密性、可伸缩性、灵活性和可扩展性。Hyperledger Fabric被设计成支持不同的模块组件直接拔插启用,并能适应在经济生态系统中错综复杂的各种场景。 我在实际操作中找到了一些可以加快部署速度的方法,以及使用了一些最新的官方安装方法。最后将部署HyperLedger Fabric(版本2.2.1)区块链环境过程整理如下,涉及到的下载网址和参考资料在最后给出。 部署环境:阿里云服务器,使用系统为Ubuntu18.04。 不同版本Hyperledger Fabric安装过程大同小异,在步骤中出现版本号的地方改为需要的版本即可。 01 安装Docker 更新软件包索引 $ sudo apt-get update $ sudo apt-get install apt-transport-https ca-certificates curl gnupg-agent software-properties-common 添加Docker的官方GPG密钥 $ curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add - 验证是否已添加密钥 $ sudo

.NET开源免费WMS仓库管理系统

限于喜欢 提交于 2020-11-09 04:40:04
**** * KopSoft标签打印软件 http://tuoshui.net.cn/Print/ * GitHub https://github.com/williamyang1984/KopSoftPrint * 码云 https://gitee.com/williamyang1984/KopSoftPrint * * KopSoft仓库管理系统 http://wms.kopsoft.cn/ * GitHub https://github.com/lysilver/KopSoftWms * 码云 https://gitee.com/yulou/KopSoftWms * * 技术QQ群 421635 * 技术论坛 http://tangqiao.net.cn/forum.php?mod=forumdisplay&fid=47 **** 相关技术 Asp.net Core Mvc c# 数据库支持MSSQL/MYSQL windows iis+nginx;linux Kestrel+nginx bootstrap、adminlte、bootstrap-table、bootstrap-select、bootstrap-treeview等 系统管理:角色管理/权限管理,部门管理,用户管理,数据字典 基础资料:物料管理,客户管理,供应商管理,承运商管理 仓库管理:仓库管理,库区管理

Visual Studio 2017 插件扩展

笑着哭i 提交于 2020-11-08 18:52:23
原文: Visual Studio 2017 插件扩展 “工具善其事,必先利其器!装好这些插件让vs更上一层楼” ReSharper : 首先的是Resharper,这个基本是目前是我开发过程中必备的工具集,唯一的缺点就是吃内存,所以你的内存要是低于8G,就不要使用它了。它的特点可以快速重构、高亮显示错误、导航和搜索都很方便、智能提示、 智能复制 这个我特别喜欢等等,用着它你会感受到很多惊喜。 Extensibility Tools :必备工具,他是基于visual studio上的拓展功能,增加了编码显示、智能感知、强化智能提示、代码段处理、自动提示html的标签工具等特点,而且下面提到的部分工具也是基于它的强化。 GitHub Extension for Visual Studio : 在Visual Studio中连接到GitHub的插件,直接在插件上管理github上的大部分功能都涵盖了。你如果不知道github是啥,请自行搜索。 BrowserSync : ASP.NET项目的Visual Studio扩展,利用Browser Link来同步表单域项,页面导航和滚动位置。简单来说就是你在开发的时候同时打开了5个页面,它可以帮助你同时刷新这5个页面。 Browser Reload on Save : 这个工具可以和上面的 BrowserSync 工具配合