RED | 易学教程

Bootstrap 的Timepicker

阅读更多关于 Bootstrap 的Timepicker

<div class="form-group"> <label class="col-md-2 control-label"><span style="color:red; ">*</span>时间</label> <div class="col-md-10"> <div class="input-group"> <input type="text" class="form-control" id="per_time" name="per_time"> <span class="input-group-btn"> <button class="btn default" type="button"> <i class="fa fa-clock-o"></i> </button> </span> </div> </div> </div>  < link rel ="stylesheet" href ="/static/assets/global/plugins/bootstrap-timepicker/css/ bootstrap-timepicker.css " > < script src ="/static/assets/global/plugins/bootstrap-timepicker/js/ bootstrap-timepicker

为什么建议你使用枚举？

阅读更多关于为什么建议你使用枚举？

枚举是 JDK 1.5 新增的数据类型，使用枚举我们可以很好的描述一些特定的业务场景，比如一年中的春、夏、秋、冬，还有每周的周一到周天，还有各种颜色，以及可以用它来描述一些状态信息，比如错误码等。枚举类型不止存在在 Java 语言中，在其它语言中也都能找到它的身影，例如 C# 和 Python 等，但我发现在实际的项目中使用枚举的人很少，所以本文就来聊一聊枚举的相关内容，好让朋友们对枚举有一个大概的印象，这样在编程时起码还能想到有“枚举”这样一个类型。本文的结构目录如下：枚举的 7 种使用方法很多人不使用枚举的一个重要的原因是对枚举不够熟悉，那么我们就先从枚举的 7 种使用方法说起。用法一：常量在 JDK 1.5 之前，我们定义常量都是 public static final... ，但有了枚举，我们就可以把这些常量定义成一个枚举类了，实现代码如下： public enum ColorEnum { RED, GREEN, BLANK, YELLOW } 用法二：switch 将枚举用在 switch 判断中，使得代码可读性更高了，实现代码如下： enum ColorEnum { GREEN, YELLOW, RED } public class ColorTest { ColorEnum color = ColorEnum.RED; public void

JS中的事件委托/事件代理详解

阅读更多关于 JS中的事件委托/事件代理详解

起因： 1、这是前端面试的经典题型，要去找工作的小伙伴看看还是有帮助的； 2、其实我一直都没弄明白，写这个一是为了备忘，二是给其他的知其然不知其所以然的小伙伴们以参考；概述：那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？网上的各位大牛们讲事件委托基本上都用了同一个例子，就是取快递来解释这个现象，我仔细揣摩了一下，这个例子还真是恰当，我就不去想别的例子来解释了，借花献佛，我摘过来，大家认真领会一下事件委托到底是一个什么原理：有三个同事预计会在周一收到快递。为签收快递，有两种办法：一是三个人在公司门口等快递；二是委托给前台MM代为签收。现实当中，我们大都采用委托的方案（公司也不会容忍那么多员工站在门口就为了等快递）。前台MM收到快递后，她会判断收件人是谁，然后按照收件人的要求签收，甚至代为付款。这种方案还有一个优势，那就是即使公司里来了新员工（不管多少），前台MM也会在收到寄给新员工的快递后核实并代为签收。这里其实还有2层意思的：第一，现在委托前台的同事是可以代为签收的，即程序中的现有的dom节点是有事件的；第二，新员工也是可以被前台MM代为签收的，即程序中新添加的dom节点也是有事件的。为什么要用事件委托：一般来说

design tokens —— 设计和开发碰撞的火花

阅读更多关于 design tokens —— 设计和开发碰撞的火花

作者：凹凸曼 - TT 前言在前端的开发的过程中，和前端合作最紧密的职位应该就是设计师了。在业务流程中，设计师将自己的交互稿、视觉稿以 1px 以内误差的期望交给开发者。但在这个过程中有几个不方便的地方：设计稿可拆解为布局、图案、文字、颜色等。其中布局、文字以及颜色这三者的样式编码需要花费前端开发者大量的时间。虽说近几年随着蓝湖等设计协同工作平台的诞生，可以在平台上获取到部分 css 代码，但是依然不能满足 web、iOS、Android 等多平台的情况；设计稿的更新无法及时在开发者的代码中体现，一是因为开发首先需要拿到新的设计稿，再根据标注甚至肉眼判断区别后更新代码；另一方面，设计稿中看似简单的改动可能导致较大范围的代码改动，例如字体大小等。为了解决上述的问题，完善设计和开发之间的协作流程，Design Tokens 应运而生。什么是 Design Tokens 在了解 Design Tokens 之前，需要先了解一下 Design System （即设计系统）的概念。这个概念在设计和开发的沟通流程中已经流行许久，在团队设计体系工程化的过程中不可或缺。 A Design System is the single source of truth which groups all the elements that will allow the teams to

ROS中利用V-rep进行地图构建仿真

阅读更多关于 ROS中利用V-rep进行地图构建仿真

V-rep中显示激光扫描点　　　在VREP自带的场景中找到practicalPathPlanningDemo.ttt文件，删除场景中多余的物体只保留静态的地图。然后在Model browser→components→sensors中找到SICK TiM310 Fast激光雷达，拖入场景中：　　打开脚本参数修改器，可以修改雷达扫描范围（默认为270°），是否显示雷达扫描线（true），以及最大探测距离（默认为4m）这三个参数。地图大小为5m×5m，我们将雷达最大探测距离改为2m 　　将激光雷达放到地图中任意位置，点击仿真按钮可以看到扫描光线（如果电脑比较卡可以将showLaserSegments这个参数设为false，就不会显示扫描线）如下图所示：　　SICK_TiM310激光雷达在V-rep中是由两个视角为135°的视觉传感器模拟的，这两个视觉传感器可以探测深度信息：　　双击视觉传感器图标，修改Filter中Coordinate Extraction的参数与传感器X/Y方向分辨率一致。X方向默认值为135，即会返回135个数据点，这里要改为256。　　我们可以在V-rep中绘制出激光扫描图：在场景中添加一个Graph，将其设为显示处理（Explicit handling），然后添加用户自定义数据x和y：　　然后点击Edit XY graphs按钮

Less 运算

阅读更多关于 Less 运算

Less 语言中支持运算，我们可以给变量进行一些运算操作，例如加 + 、减 - 、乘 * 、除 / 四个运算符，这四个运算符可以对任何数字、颜色或变量进行运算。一般运算符在进行加、减计算之前会进行单位换算。计算的结果以最左侧操作数的单位类型为准。如果单位换算无效或失去意义，则忽略单位。运算的使用运算的使用其实很简单，就是对属性值或变量进行一些加减乘除运算。示例：我们来看下面这段 HTML代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Less学习(9xkd.com)</title> <link rel="styleSheet" type="text/css" href="./index.css"> </head> <body> <div class="content"> <h3>欢迎来到侠课岛！</h3> <p class="p1">这里是前端部分</p> <p class="p2">这里是Python部分</p> </div> </body> </html> 现在的需求是，我们要给上述内容设置字体大小，比如标题字体大小为 28px ，第一段字体大小为 18px ，第二段字体大小为 12px 。然后我们可以创建一个 Less 文件，文件中的内容如下所示： @fontsize:14px;

《代码英雄》第一季（4）：DevOps，拆掉那堵墙

阅读更多关于《代码英雄》第一季（4）：DevOps，拆掉那堵墙

代码英雄讲述了开发人员、程序员、黑客、极客和开源反叛者如何彻底改变技术前景的真实史诗。什么是《代码英雄》代码英雄Command Line Heroes是世界领先的企业开源软件解决方案供应商红帽（Red Hat）精心制作的原创音频播客，讲述开发人员、程序员、黑客、极客和开源反叛者如何彻底改变技术前景的真实史诗。该音频博客邀请到了谷歌、NASA 等重量级企业的众多技术大牛共同讲述开源、操作系统、容器、DevOps、混合云等发展过程中的动人故事。本文是《代码英雄》系列播客第一季（4）：DevOps，拆掉那堵墙的音频脚本。当应用开发的争斗暂告一段落，横亘在开发者与运维之间的那堵墙开始崩塌。在墙彻底倒塌的时候，墙两边的人都应该学会如何合作，彼此变得亲密无间。不过到底什么是 DevOps？开发者一方的嘉宾，包括来自微软的 Scott Hanselman 和 Cindy Sridharan（即 @copyconstruct），他们从开发者的角度认为 DevOps 是一种惯实践。而来自运维一方的成员则他们一直在努力捍卫的东西。双方依然存在差异，不过因为 DevOps 的诞生，大家的合作效率会比之前更上一层楼。这集节目讲述了这种方法的诞生对于大家有多重要。 Saron Yitbarek ：请你想象这样一堵墙：这堵墙从你目之所及的最右侧延伸到最左侧。墙比你高，你无法看见墙背后

css笔记整理

阅读更多关于 css笔记整理

0索引 1html标签块 2选择器 3CSS的引入方式: 4CSS浮动 :流式布局 5盒子模型 6案例一网站首页 7案例二网站注册页面 1html标签块 div标签:默认占- -行,自动换行 span标签:内容显示在同- -行 <! DOCTYPE html > < html > < head > < meta charset ="UTF-8" > < title ></ title > </ head > < body > < div > 张三 </ div > < div > 李四 </ div > < span > 我想 </ span > < span > 好好 </ span > < span > 学习 </ span > < span > 那是不存在的 </ span > </ body > </ html > 2选择器元素选择器: 元素的名称{ 属性名称:属性的值; 属性名称:属性的值; } ID选择器: 以#号开头 #ID的名称{ 属性名称:属性的值; 属性名称:属性的值; } 类选择器: 以.号开头 .类名{ 属性名称:属性的值; 属性名称:属性的值; } 伪类选择器后代选择器选择器优先级按照选择器搜索精确度来编写: 行内样式 > ID选择器 > 类选择器 > 元素选择器就近原则：选择离标签近的代码示例:  <!

CSS类可以继承一个或多个其他类吗？

阅读更多关于 CSS类可以继承一个或多个其他类吗？

问题： I feel dumb for having been a web programmer for so long and not knowing the answer to this question, I actually hope it's possible and I just didn't know about rather than what I think is the answer (which is that it's not possible). 我作为一个网络程序员已经这么长时间了，而且不知道这个问题的答案，这让我感到很愚蠢。我实际上希望这是可能的，我只是不知道答案，而不是我认为答案是什么（那是不可能的）。 My question is whether it is possible to make a CSS class that "inherits" from another CSS class (or more than one). 我的问题是，是否有可能使一个CSS类从另一个CSS类（或多个CSS类）“继承”。 For example, say we had: 例如，假设我们有： .something { display:inline } .else { background:red } What I'd like to do is

Linux常用基础命令

阅读更多关于 Linux常用基础命令

1、查看Linux版本 [root@localhost ~]# cat /proc/version Linux version 3.10.0-862.el7.x86_64 (builder@kbuilder.dev.centos.org) (gcc version 4.8.5 20150623 (Red Hat 4.8.5-28) (GCC) ) #1 SMP Fri Apr 20 16:44:24 UTC 2018 [root@localhost ~]# cat /etc/redhat-release CentOS Linux release 7.5.1804 (Core) 2、进程状态查看 top / ps -aux / vmstat 5 / htop / nmon 显式进程的信息 root@10.24.40.10:~/T1# pwdx PID 9545: /mnt/GSPCloud/gsp20190522_mss/runtime/libs root@10.24.40.10:~/T1# ls -l /proc/PID kill -9 pid 根据进程名查找指定进程： ps -ef|grep processname 内存使用查看： free / top / htop su - 切换用户 sudo 以root用户执行命令 3、网络监控 netstat -anp|grep pid

订阅 RED