前言：在介绍select组件的时候，博主之前分享过一篇 JS组件系列——两种bootstrap multiselect组件大比拼 ，这两个组件的功能确实很强大，只可惜没有图文结合的效果（也就是将图片放入到select里面随着文字一起显示）。前两天做一个菜单图标选择的功能，就要用到这个图文选择的功能。于是乎又是找啊找。终于不负所望，找到了我们伟大的select2组件。今天分享下这个组件的一些用法和特性。 一、组件说明以及API说明 Select2...
Web大前端时代之：HTML5+CSS3入门系列： http://www.cnblogs.com/dunitian/p/5121725.html 1. 结构元素 可以理解为 语义话标记 ，比如：以前这么写 现在偷懒写： 1. header 头部区域，包含对主页的介绍 标签定义文档的页眉（介绍信息） 2. nav 导航系列 标签定义导航链接的部分。 3. section 一块区域 标签定义文档中的节（section、区段）。比如章节、页眉、页脚...
前言：最近好多朋友在群里面聊到bootstrap icon图标的问题， 比如最常见的菜单管理，每个菜单肯定需要一个对应的菜单图标，要是有一个可视化的图标选择组件就好了，最好是直接选择图标，就能得到对应的class样式 。于是乎各种百度，皇天不负有心人，最后被博主找到了，感觉效果还不错，并且支持自定义的图标，今天就拿出来分享下，绝对的干货哦！ 一、Bootstrap icon picker组件 这个组件是在github上面搜索的时候找到的，...
ICON Y 是一套集合了 100 个图标的免费图标集，这套图标的特色是平面化设计，没有多余或复杂的图形，很容易被使用于任何一个开发项目。这套图标一共提供了四种常见格式，包括 AI、EPS、PSD 及 PNG，自由捐赠，也能免费下载。 这套图标命名为 ICON Y，从网页介绍可以知道这套图标一共有 100 个，移动鼠标光标可以放大、预览这些图案。下载后除了有四种格式的图案外，也制作成字型文件来用于 Retina 显示屏幕上。 ICONY ...
今天介绍的IconStore不同于一般的图标素材网站，该网站经过精心挑选，看得出图标都颇有水平，而且大多是矢量格式（AI/SVG/EPS），可以免费商用，无须标注出处。趁着过年，再附上一个超简单的配色网站，来收！ 顺带一提，该网站也允许使用者自由投稿自行设计的图标素材。 IconStore STEP 1 开启 IconStore 网站后，可以找到网站收录的免费图标预览，点选、开启图标页面，可以找到详细的图标信息，包括发布尔日期、尺寸...
没用的代码可以删除， 没用的资源文件当然也可以删除。只需要设置 gradle 属性 shrinkResources 为true 即可启用该功能。 build.gradle Java android { ... buildTypes { release { minifyEnabled true shrinkResources true proguardFiles getDefaultProguardFile(proguard-android.txt), proguard-rules.pro } }} android {...
这是一个有趣的话题 其实我并不确切的平时大家是怎么去应用或者玩转一个属性，一个值。我能肯定的是这些东西都有不少的可玩性。 我今天要聊的 background-position 应该已经被大家玩得色彩斑斓了。尤其是 CSS Sprites 流行的这些年， background-position 基本上是被应用最多的属性之一。 重拾旧趣 我们知道 background-position 是用来指定背景图像的偏移值的，能让一张图从特定的位置开始展现。而 CSS Sprites 就...
10年5月份写过 ，那时候CSS3 动画基本上只有webkit内核的浏览器，如今CSS3已经大量的被应用到各种项目中，并且逐渐成为前端开发工程师的必备技能。虽然在项目中也经常用CSS3来优化一些体验，但是总觉的自己掌握的不够，所以最近温故知新，总结一下。欢迎大家拍砖讨论。 归纳总结了一下，我们口中说的CSS3 动画包括两种类型： Transition-过渡 Animation-动画 他们都使我们的网页“动”起来了，两者功...
Himi在写React 时主要遇到两个知识点觉得很有必要跟大家一起回顾下。 函数绑定 FlexBox 布局 一：函数绑定 首先来看一段代码片段： constructor(props) { super(props); this.state = { myName:I am MyName!, }; } componentWillMount() { this.state.myName=cwm; } testFun1(){ this.state.myName=tf1; Alert.alert(Himi, testFun1 ); } tes...
HTML 是一种描述 Web 文档（页面）的标记语言。 HTML 代表超文本标记语言（Hyper Text Markup Language） 标记语言就是一组标记标签 HTML 文档是由 HTML 标签来描述的 每个 HTML 标记描述了不同的文档内容 HTML 示例代码 Page Title My First Heading My first paragraph. 示例代码解释 DOCTYPE 声明定义将 HTML 文档类型 ...
文章作者：walkerfuz 000 写在前面 站在巨人的肩膀上，才能看的更远，开发项目亦是如此。 四年前开源的Grinder项目，和借助于它运行的nduja，着实让浏览器漏洞挖掘飞入了寻常百姓家。但随着时间的考验，Grinder也遇到了让人爱恨交加的尴尬：明明产生了Crash，可就是无法重现。有多少人和我一样，从初识Grinder的激动，到分离时的落寞，也见证了一代怀揣梦想的挖洞人的足迹。 在现有项目的基础上，对其...
我是想通过不同的浏览器窗口宽度改rem字体的大小，从而使用页面上字体也跟着改变的问题 $(window).resize通过计算屏幕宽度，给出不同的rem值，IE在页面刚载入的时候字体显示正常，$(window).resize之后改变了rem的大小，但是页面上子元素设置字体大小为：font-size:1rem的，字体大小不会随着rem的变化而变化，还是页面刚载入时的大小。但在chrome浏览器下就正常，会随着浏览器窗口大小的变化，字体大小也随着变化。 另外...
本手册是FIF小组推出的《FIF互动帮助手册系列》中的《HTML手册》，其中共收录HTML标签、事件、属性共774个，并附带它们的读音。 同时，本手册还提供助记功能，您可以通过“点点”和“填填”两个助记辅助工具来加深、巩固您的学习，检验您的学习成果。点击每个解释后面的“到论坛讨论”可以链接到FIF小组专门的技术论坛和别人进行交流。本手册还会实时从网上载入FIF小组为本手册后补充的内容，使资料更新在不知不觉中完成，您所看到...
前言在 HTML5 的本地存储中，有一种叫 indexedDB 的数据库，该数据库是一种存储在客户端本地的 NoSQL 数据库，它可以存储大量的数据。从上篇：HTML5 进阶系列：web Storage ，我们知道 web Storage 可以方便灵活的在本地存取简单数据，但是对于大量结构化存储，indexedDB 的优势就更加明显。接下来我们来看看 indexedDB 如何存储数据。原文作者：林鑫，作者博客：https://github.com/lin-xin/blog连接数据库一个网站可以有多个 ind...
前言 在 HTML5 的本地存储中，有一种叫 indexedDB 的数据库，该数据库是一种存储在客户端本地的 NoSQL 数据库，它可以存储大量的数据。从上篇：HTML5 进阶系列：web Storage ，我们知道 web Storage 可以方便灵活的在本地存取简单数据，但是对于大量结构化存储，indexedDB 的优势就更加明显。接下来我们来看看 indexedDB 如何存储数据。 连接数据库 一个网站可以有多个 indexedDB 数据库，但每个数据库的名称是唯一的。我们需要通过...