大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

汽车

我国国家最新标准《汽车和挂车类型的术语和定义》(GB/T 3730.1—2001)中对汽车有如下定义:由动力驱动,具有4个或4个以上车轮的非轨道承载的车辆,主要用于:载运人员和(或)货物;牵引载运人员和(或)货物的车辆;特殊用途。

css实现边框动画

css实现边框动画 1、css实现边框动画 效果如图: body,div{ margin: 0; padding: 0; box-sizing: border-box; } .box{ width: 300px; height: 200px; padding: 20px; margin: 50px auto; color: #fff; background-color: #f60; } .border-box{ position: relative; width: 100%; height: 100%; padding: 20px; } .border-box::before

表格单元格内的两端对齐

表格单元格内的两端对齐 前端入坑纪 49 许久未更,最近做了个表格。碰到了两端对齐的坑(以前看到过,后来忘了。果然好记性不如烂笔头),今天来分享下~ 好,详解如下! OK,first things first! github项目地址 性冷淡表格 HTML 结构 姓名 休泽 职业 修业 就是这么简单的一个表格,这里的span是整个效果的灵魂,mark CSS 结构 table { width: 300px; height: 30px; display: inline-block;

又一个css3 loading 打转的圆

又一个css3 loading 打转的圆 前端入坑纪 52 上回写过一篇《一直打转的圆圈》的css3 loading 效果,用的是障眼法. 今天来分享真正的环形圆圈来做, 其实是border啦,哈哈 好,详解如下! OK,first things first! github项目地址 你就是个圆 HTML 结构 就是只用一个div, 任性不, O(∩_∩)O哈哈~ CSS 结构 body{ background-color: aliceblue;circle{ border: 8px solid rgba(218, 141, 218, 0.5); width: 100%; left: -8px;

多域名 ssh git 配置

ssh/config Host 域名 User 用户名 IdentityFile ssh key的路径 IdentitiesOnly 只使用这里设置的key, 防止使用默认的 ServerAliveInterval 连接保持 ControlMaster auto 不用重新登录 ControlPath ~/.alibaba-inc.com User git IdentityFile ~/.ssh/id_gmail 连接测试 ssh -T git@github.com git 名称设置 git config --global user.name "User name" git config --global user.email user@example.com 如果不设置全局的, 在项目目录下执行, 去掉--global即可

React 中合并单元格的正确写法

React 中合并单元格的正确写法 用表格进行页面布局,页面布局在各种浏览器的的兼容性, 都非常好, 而在react中使用表格布局, 合并单元格的写法比较特殊, 博主查了很久才找到正确的写法, 在这里分享一下 效果图 源码 react组件文件 import React, { Component } from 'react';/App.css';App { text-align: center; } td { border: 1px solid #AB3319; width: 30px;title { color: #444444; font-size: 20px; border-collapse: collapse;

Gitlab + Jenkins + Ansible 自动部署

warning: You appear to have cloned an empty repository. [root@deploy update_nginx_html]# cd code_html/ [root@deploy code_html]# echo "this is test jenkins+gitlab+ansible-playboos html file" index.html [root@deploy code_html]# git add .

vscode之必备插件推荐

vscode之必备插件推荐 工欲善其事,必先利其器 Auto Close Tag 自动闭合标签 Auto Rename Tag 自动完成另一侧标签的同步修改 Path Intellisense 自动提示文件路径,支持快速引入文件 Open HTML in Default Browser 右键:在浏览器中打开 Live Server vscode不是IDE

Kubernetes Dashboard的安装与坑

then echo "INFO: docker not running " exit 2 fi func_reload(){ systemctl daemon-reload systemctl restart docker echo "INFO#: docker-reload finined!

go| beego 速览

这也是为什么传统框架中, PHPer 依然可以使用 $_GET/$_POST 等超全局变量, 而在 Swoft 这样基于 Swoole 的框架中, 必须使用框架提供的方法. 其实质就是对 context 封装. err == nil { return u, nil } else { return nil, context.NotFound } } 原来我只需要使用 IDE 的文件查找功能, 查找类似 TaskController 的文件, 现在就得先全局搜索 /mission, 再根据搜索结果定位到代码.

Mac读写NTFS的U盘硬盘的超无脑教程

Mac读写NTFS的U盘硬盘的超无脑教程 第一步:插上U盘/硬盘 第二步:打开默认应用程序“终端” 接下来是在终端内的处理: 输入以下内容可以查看所有的磁盘设备 diskutil list 找到TYPE为Windows_NTFS的设备名称,如白线所示 找到你插入的U盘/硬盘的名字,记住名字 输入以下命令修改系统设置 sudo vim /etc/fstab 按下i(表示进入编辑模式,不会在屏幕上出现i) 添加以下内容 LABEL=名字 none

ReactNative开发笔记(持续更新...)

- ReactNative本地图片如何获取其base64编码?(一般指采用 这类相对路径地址的图片资源如何获取到绝对路径) 关键是要获取到本地图片的uri,用到了Image.resolveAssetSource方法,ImageEditor.cropImage方法和ImageStore.getBase64ForTag方法,具体可以查询官方文档 解决方案:看如下代码 import item from '. NSError *error;55版RN的一个bug 解决方案:使用下面的MyTextInput替换原TextInput import React from 'react';

Flex布局

} Webkit 内核的浏览器,必须加上-webkit前缀。 .container{ width: 100px;item{ margin-left: 1px; text-align: center; flex-direction: column;

Grid布局入门

Grid布局入门 Grid Line 分界线:组成网格结构,它们是垂直或者水平 Grid Track 网格的列或者行 Grid Cell 网格的一个单元 Grid Area 四个网格线包围的总空间 父容器 display .container { display: grid | inline-grid | subgrid; gird-template-columns: 40px 50px auto 50px 40px;container { grid-template-rows: [row1-start] 25% [row1-end row2-start] 25% [row2-end]; aside" "footer footer footer footer"; grid-row-gap: 15px;item { grid-column: / | / span ;

2018-09-04画太极

2018-09-04画太极 第一种方法:笨方法 不停画圆即可实现。 HTML部分 JS Bin Css部分 body{ background-color: #444; } #YinYang{ width:200px; height: 200px; border: 1px solid black; border-radius: 50%; background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(0,0,0,1) 51%, rgba(0,0,0

Flex布局入门

Flex布局入门 父元素 display: flex . } flex-direciton . } row,默认值,水平从左到右 row-reverse,1相反 column 垂直从上到下 column-reverse 3相反 flex-wrap 设置当子元素超过父元素时是否换行,上面方法设置换行的方向 . } 不换行,默认值。 其他字面意思 flex-flow flex-direction和flex-wrap的缩写,默认值row nowrap flex-flow: || ; } 子元素 order .item { align-self: flex-start | flex-end | center | baseline | stretch | auto;

手风琴效果 transition使用

手风琴效果 transition使用 手风琴效果 *{ margin: 0; } ul{ list-style: none; width: 960px; height: 300px; border: 1px solid seagreen; margin: 90px auto; overflow: hidden; } ul li{ float: left; width: 160px; /*添加动画效果*/ transition: all 0.3s; } /*所有的li都变小*/ ul:hover li{ width: 60px; } /*当前的li变大*/ ul li:hover{ width: 600px;动画前.png 动画后.png

【CSS】多重边框

【CSS】多重边框 90507-106.jpg 要设置多重边框,最要用到的是box-shadow这个样式。 box-shadow 的作用是添加投影。 div { width: 300px; height: 300px; margin: 100px auto; border: 10px solid #036;好以上参数就行。box-shadow: 5px 5px 10px #888; } image.png 如果需要设置多重边框,可以用逗号分隔语法,这样就可以创建任意数量的投影了。box-shadow: 0 0 0 10px #9c0 , 0 0 0 20px #ffc, 0 0 0 30px #9cf; outline-offset: -16px;

打开Mac OS原生的读写NTFS功能

打开Mac OS原生的读写NTFS功能 1.查看磁盘的Volume Name diskutil list image.png 2.更新 /etc/fstab文件 sudo nano /etc/fstab image.png 输入密码后,键入 LABEL=我就叫土豆的磁盘 none ntfs rw,auto,nobrowse image.png 按Ctrl + X 保存,然后回车保存,重启Mac 3.添加快捷方式到桌面 sudo ln -s /Volumes/我就叫土豆的磁盘 ~/Desktop/我就叫土豆的磁盘 image.png image.png

(转)mac 清理xcode

(转)mac 清理xcode 原文地址:https://blog.csdn.net/cuihaiyang/article/details/56892799 自测可以清理,但是第一次重新启动模拟器会比较慢。而且运行起来以后,就会多出来差不多5G空间,主要是 image.png 下面是原文内容: 128G存储空间已经剩下没多少了,必须得清理一下。 image 一层层查找发现~/Library/Developer目录占了15G, Xcode8占用了12G,拿它开刀。 image 1. 清理~/Library/Developer/CoreSimulator/Devices

go1.11的module机制和dep/govendor机制问题

go1.11的module机制和dep/govendor机制问题 module机制和dep/govendor机制是否冲突? 自从go团队推出module机制后,go团队和dep社区发生了一些冲突,有一篇有名的争论《关于Go Module的争吵》,读后给人一种错觉,似乎module机制和dep/govendor机制是不相容的。但是仔细分析二者的运行机制,其实两者并无冲突,反而是互补性质的。 module机制由环境变量GO111MODULE控制,它有三个值:off、on、auto