- 博客(28)
- 收藏
- 关注
RSS订阅原创 Material Design Lite组件之工具提示
1.介绍Material Design Lite（MDL）工具提示组件是title属性生成的标准HTML工具提示的增强版本。 工具提示由文本和/或图像组成，当用户悬停在或在基于触摸的用户界面中触摸元素时，可以清楚地传达有关元素的附加信息。 MDL工具提示组件是预先设计的（颜色，字体和其他设置包含在material.min.css中），以提供生动有吸引力的视觉元素，显示相关但通常不重要的内容，例如定...
2018-05-31 15:48:18
406
原创 Material Design Lite组件之文本框
1.介绍Material Design Lite（MDL）文本框组件是标准HTML <input type =“text”>和<input type =“textarea”>元素的增强版。文本字段由一个水平线组成，指示键盘输入可以发生的位置，并且通常包含明确传达文本字段的预期内容的文本。 MDL文本字段组件提供各种类型的文本字段，并允许您添加显示效果和点击效果。2.配置选项...
2018-05-31 15:37:19
1226
原创 Material Design Lite组件之切换表格
1.介绍Material Design Lite（MDL）数据表组件是标准HTML <table>的增强版。数据表由行格式良好的数据和列组成，具有适当的用户交互功能。数据表中可用的行/列/单元格类型大多是自我格式化的;也就是说，一旦定义了数据表，单个单元就不需要特别关注。例如，行在鼠标悬停和选择上显示着色行为，默认情况下数字值会自动格式化，并且添加单个类可以单独或共同选择表格行。这使得...
2018-05-31 14:55:41
662
原创 Material Design Lite组件之切换按钮
1.复选框1.1.配置选项类名效果其他mdl-checkbox定义一个label作为MDL组件需要label标签mdl-js-checkbox为lable标签添加默认事件需要label标签mdl-checkbox__inputinput标签复选框样式使用在input元素上mdl-checkbox__label将基本默认行为应用于标题span元素必需mdl-js-ripple-effect点击波纹效...
2018-05-31 14:29:45
389
原创 Material Design Lite组件之提醒框
1.用法介绍为一个div容器添加mdl-js-snackbar和mdl-snackbar类设置为提醒框组件；在该容器内部添加一个类名mdl-snackbar__text的容器用于存放消息内容，并将其消息内容设置为空，用于弹出的时候添加内容；下面在添加一个button按钮，类名设置为mdl-snackbar__action，并设置内容为空，也不添加事件；在JavaScript代码中配置数据选项和调用...
2018-05-31 11:27:53
1385
原创 Material Design Lite组件之滑块
1.介绍Material Design Lite（MDL）滑块组件是新HTML5 <input type =“range”>元素的增强版。 一个滑块由一个水平线组成，在该水平线上放置一个小的可移动光盘（拇指），并且通常包含明确传达用户移动时设置的值的文本。滑动条在用户界面中是一项相当新颖的功能，并允许用户通过在指定范围内移动拇指来选择一个值（向左移动较小的值，向右移动较高的值）。 他们...
2018-05-31 09:55:34
979
1
原创 Material Design Lite组件之菜单
1.介绍Material Design Lite（MDL）菜单组件是一个用户界面元素，允许用户从多个选项中选择一个。 选择通常会导致动作启动，设置更改或其他可观察的效果。 菜单选项总是以两个或更多的集合呈现，并且可以根据需要以编程方式启用或禁用选项。 当用户被要求在一系列选项中进行选择时会出现菜单，并且通常在做出选择后被收回。菜单是用户界面中已建立但非标准化的功能，并允许用户进行选择以指导软件的活...
2018-05-30 23:30:27
746
原创 Material Design Lite组件之进度指示器
1.进度条1.1.介绍Material Design Lite（MDL）进度组件是网页或应用程序中背景活动的可视指示器。 进度指示器包含一个（通常）水平条，其中包含一些传达运动感的动画。 虽然一些进度设备指示完成的大致或特定百分比，但MDL进度组件仅传达活动正在进行且尚未完成的事实。进度指示器是用户界面中已建立但非标准化的功能，可为用户提供应用程序状态的直观线索。 因此，它们的设计和使用是整体用户...
2018-05-30 22:06:50
421
原创 Material Design Lite组件之列表
1.介绍无2.配置选项MDL ClassEffectRemark.mdl-list定义MDL列表组件必需.mdl-list__item定义列表栏目必需.mdl-list__item--two-line定义列表栏目为两行可选.mdl-list__item--three-line定义列表栏目为三行可选.mdl-list__item-primary-content设置内容可选.mdl-list__ite...
2018-05-30 18:42:11
1297
原创 Material Design Lite组件之布局
1.导航布局1.1.介绍Material Design Lite（MDL）布局组件是一种全面的页面布局方法，它使用MDL开发原则，允许高效使用MDL组件，并自动适应不同的浏览器，屏幕大小和设备。无论站点的内容或功能如何，适当和易于访问的布局都是所有用户界面的关键特征。页面设计和展示因此是整体用户体验的重要因素。有关详细信息，请参阅布局组件的材料设计规范页面。使用MDL布局原则通过提供可重用组件，并...
2018-05-30 18:06:23
807
原创 Material Design Lite组件之对话框
1.介绍要使用对话框组件，您必须使用支持对话框元素的浏览器。在撰写本文时，只有Chrome和Opera有本地支持。对于其他浏览器，您需要包含对话框填充或创建自己的。一旦你有对话支持创建一个对话框元素。使用polyfill时的元素必须是body元素的子元素。在该容器中，添加一个内容元素与类mdl-dialog__content。添加你的内容，然后用类mdl-dialog__actions创建一个操作...
2018-05-30 14:11:27
504
原创 Material Design Lite组件之小纸片
1.介绍Material Design Lite（MDL）小纸片是一个小型的互动元件。 小纸片通常用于联系人，文本，规则，图标和照片。2.配置选项类名效果其他mdl-chip定义一个元素为MDL小纸片组件必需mdl-chip--contact在小纸片内设置衔接可选mdl-chip__text定义小纸片文本内容内部文本容器必需mdl-chip__action定义小纸片行为内部行为容器必需mdl-ch...
2018-05-30 11:48:14
545
原创 Material Design Lite组件之卡片
1.介绍Material Design Lite（MDL）卡组件是一个用户界面元素，用于表示包含相关数据（如照片，文本和链接）的虚拟纸张，这些数据都是关于单个主题的。卡片是连贯显示由不同类型的对象组成的相关内容的便利手段。 它们也非常适合呈现类似的物体，其尺寸或支持的动作可能会有很大差异，例如具有可变长度字幕的照片。 卡片根据其内容具有恒定的宽度和可变的高度。卡是用户界面中一个相当新的功能，并允许...
2018-05-30 11:09:20
560
1
原创 Linux下文件的压缩与解压
1.tar打包与解包打包：打包目的：将文件先打包成tar在压缩成gz或者bz2方式，解决压缩目录问题tar -cvf 打包文件名.tar 源文件-c:打包-t:瞟一眼压缩包里面有哪些文件而不需要解压-v:显示打包过程-f:指定打包后的文件名解包：tar -xvf 打包文件名.tar-x:解包2..tar.gz文件打包压缩与解压缩打包压缩：tar -zcvf ...
2018-05-30 00:23:39
284
原创 Material Design Lite组件之按钮
1.介绍Material Design Lite（MDL）按钮组件是标准HTML <button>元素的增强版。 一个按钮由文字和/或图像组成，清楚地表明用户点击或触摸时会发生什么动作。 MDL按钮组件提供各种类型的按钮，并允许您添加显示效果和点击效果。无论网站的内容或功能如何，按钮都是大多数用户界面中无处不在的功能。 因此，它们的设计和使用是整体用户体验的重要因素。 可用的按钮的显示...
2018-05-29 22:26:43
637
原创 Material Design Lite组件之徽章
1.介绍Material Design Lite（MDL）徽章组件是一个屏幕上的通知元素。徽章由一个小圆圈组成，通常包含数字或其他字符，这些圆圈出现在另一个物体附近。徽章既可以是通知者，也可以是与对象相关的其他项目以及有多少项目的指示符。您可以使用徽章不显眼地将用户的注意力吸引到他们可能不会注意到的物品上，或强调物品可能需要他们的注意。例如：一个“新消息”通知后面可能会有一个包含未读邮件数量的徽章...
2018-05-29 17:42:46
324
原创 ubuntu环境下启动php-fpm失败Job for php-fpm.service failed...
Job for php-fpm.service failed because the control process exited with error code. See "systemctl status php-fpm.service" and "journalctl -xe" for details.原因，php-fpm的进程没有完全杀死:root@4fun:/etc/init.d# ki...
2018-05-29 15:18:57
13901
原创 Ubuntu为软件运行添加环境变量
Ubuntu系统中直接下载的软件需要在软件当前的文件夹执行该软件的可执行文件才会运行软件，若需要在任何目录下能够执行该软件需要将可执行文件添加到系统的环境变量中，使用echo $PATH可以查看系统的所有环境变量的位置：root@4fun:/# echo $PATH echo $PATH /usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:...
2018-05-25 15:28:14
4499
原创 使用ssh连接服务器
方法一：使用ssh密码连接：ssh 登录服务器用户名@服务器地址输入密码登录方法二：使用密匙登录1.本地密匙创建创建密匙：ssh-keygen出现选项直接回车即可创建成功：The key's randomart image is:。。。打开当前文件夹.ssh文件夹，里面会生成两个文件id_rsa id_rsa.pub，前者是私匙，后者是公匙将公匙上传至服务器ssh-copy-id 用户名@服务器...
2018-05-25 12:00:40
8126
原创 Apache2 Ubuntu Default Page
It works!This is the default welcome page used to test the correct operation of the Apache2 server after installation on Ubuntu systems. It is based on the equivalent page on Debian, from which the Ub...
2018-05-23 09:50:32
4138
原创 websocket+node实现一个最简单的即时通信功能
http与websocket区别：http协议请求只能由客户端向服务端发起请求才能获取最新的状态，因此为了保持最新状态，客户端需要不间断的定期请求服务器，即所谓的“轮询”，相对于这种耗费资源的协议，webscoket实现了双向发送信息，即服务器可以向客户端主动推送消息，客户端也可以向服务器主动推送消息，从而不必为了保持最新消息的获取而不断的轮询。在即时通信中，用户A与用户B之间的通信的信息...
2018-05-22 11:41:32
2397
3
转载 Linux的管道机制和重定向
1.管道机制在Linux中，管道是一种使用非常频繁的通信机制。从本质上说，管道也是一种文件，但它又和一般的文件有所不同，管道可以克服使用文件进行通信的两个问题，具体表现为：· 限制管道的大小。实际上，管道是一个固定大小的缓冲区。在Linux中，该缓冲区的大小为1页，即4K字节，使得它的大小不象文件那样不加检验地增长。使用单个固定缓冲区也会带来问题，比如在写管道时可能变满，当这种情况发生时...
2018-05-15 14:38:53
398
原创 Linux下使用make命令编译c源文件
make命令是GNU的工程化编译工具，用于编译众多相互关联的源代码问价，以实现工程化的管理，提高开发效率。make命令唯一读取的文件是Makefile，在较大的项目中，有些文件没有编译有些编译过，Makefile中指定一定的规则来对整个项目的所有文件新型编译，make命令读取文件，按照规则编译未编译的文件。因此使用make命令可以避免使用gcc命令进行繁琐的执行编译。以三个文件为例：max.c:i...
2018-05-15 13:00:48
9687
1
原创 c语言多文件编译
假设现在有三个c源文件：max.c:int max(int a,int b){ if(a > b){ return a; }else{ return b; }}min.c:int min(int a,int b){ if(a < b){ return a; }else{ return b; }}res.c:#include <stdio.h&g...
2018-05-15 11:10:14
1510
2
原创 c语言程序的执行过程(以输出hello,world为例)
1.c源文件的存储任何数据在计算机中都以二进制的样式进行存储，即0和1两种存储表示，那么c源文件中的各种字符要想存储在计算机中作为可执行的指令，那么必须得以二进制0或1的形式存储在其中，因此，需要将c源文件的需要被以某种方式“翻译”成二进制存储进计算机。将指定的字符“翻译”成对应二进制文件需要“统一”的“密码本”，使得在任何一台计算上c源文件都以相同的二进制形式存储。而翻译这个c源文件的“密码本”...
2018-05-14 16:51:25
41484
4
转载 Ubuntu 16.04 标题栏实时显示上下行网速、CPU及内存使用率
原文地址：https://blog.csdn.net/lcgwust/article/details/78424985Ubuntu很实用的小工具reference：http://blog.csdn.net/tecn14/article/details/24489031/ 在Windows下用习惯了，在下载或着视频时，习惯看到网速显示，现在换
2018-05-09 17:49:03
530
转载 安装Ubuntu 16.04后要做的事
原文地址：https://www.cnblogs.com/jxldjsn/p/5686197.html1.删除libreofficelibreoffice虽然是开源的，但是Java写出来的office执行效率实在不敢恭维，装完系统后果断删掉[html] view plain copy sudo apt-get remove libreof
2018-05-09 17:37:28
283
转载 UNICODE与ASCII的区别
原文地址：https://blog.csdn.net/lx697/article/details/5914417最近的项目涉及到了国际化的问题，由于之前并没有接触到UNICODE编码，因此，在项目期间，收集了一些关于ASCII和UNICODE的资料。 1.ASCII的特点 ASCII 是用来表示英文字符的一种编码规范。每个ASCII字符占用1
2018-05-08 10:19:37
10208
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人