侧边栏导航 Off-Canvas 滑动导航现在逐渐在移动页面变得越来越流行了 (点击菜单按钮菜单从左侧滑出): 创建滑动导航 创建滑动导航实例如下： 实例 <!-- 最外层div：页面布局 --><div class="off-canvas-wrap" data-offcanvas> <!-- 内部 ...
分类：
其他好文 时间：
2020-06-09 14:45:51
阅读次数：
66
Foundation 表单控制会自动设置为全局样式: 所有 <textarea>, <select> 及 <input> 元素宽度都为 100%，且带有外边距、内边距、阴影和鼠标移动效果。 实例 <form> Input: <input type="text" placeholder="Name"> ...
分类：
其他好文 时间：
2020-06-09 14:41:16
阅读次数：
64
Foundation 麦哲伦（Magellan）导航 如何创建麦哲伦导航 麦哲伦导航就是一个导航索引，创建方式如下: 实例 <div data-magellan-expedition="fixed"> <dl class="sub-nav"> <dd data-magellan-arrival="p ...
分类：
其他好文 时间：
2020-06-09 14:38:27
阅读次数：
64
开关是在鼠标点击(手指敲击)下在 "On" 和 "Off" 状态下切换： 切换开关使用 <div class="switch"> 创建。 <div> 内添加带有唯一 id 的 <input type="checkbox"> ， <label> 元素的 for 属性需要与 <input type="c ...
分类：
其他好文 时间：
2020-06-09 14:24:25
阅读次数：
52
在你想隐藏部分内容的显示时，可以使用折叠列表。 实例 <ul class="accordion" data-accordion> <li class="accordion-navigation"> <a href="#demo">Simple Collapsible</a> <div id="dem ...
分类：
其他好文 时间：
2020-06-09 12:51:17
阅读次数：
59
在 HTML 中，无序列表 (<ul>) 实例如下: <ul> <li>List item</li> <li>List item</li> <li>List item</li> <li>List item</li></ul> 结果: List item List item List item Lis ...
分类：
其他好文 时间：
2020-06-09 12:47:45
阅读次数：
48
如果你的网页有很多内容，就需要使用分页功能。 要创建一个基础的分页功能需要在 <ul> 元素上加上 .pagination 类: 实例 <ul class="pagination"> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li> ...
分类：
其他好文 时间：
2020-06-09 12:45:59
阅读次数：
55
选项卡导航可以很好的展示不同的内容，并可以对内容进行切换。 选项卡使用 <ul class="tabs" data-tab> 来创建, 各个选项使用 <li> 元素并加上 .tab-title 类来创建。 提示: 当前选中项可以使用 .active 类。 实例 <ul class="tabs" da ...
分类：
其他好文 时间：
2020-06-09 12:31:30
阅读次数：
71
组件 组件的style作用域 组件是基本的单位 语法 name是组件名 props是类似将数据委托给上层组件处理的表达 data()类似构造函数 一个组件的 data 选项必须是一个函数，因此每个实例可以维护一份被返回对象的独立的拷贝 methods 即该组件的方法 生命周期同name这些同级用来描 ...
分类：
其他好文 时间：
2020-06-09 00:05:40
阅读次数：
129
Makefile教程（绝对经典，所有问题看这一篇足够了）makefile很重要 什么是makefile？或许很多Winodws的程序员都不知道这个东西，因为那些Windows的IDE都为你做了这个工作，但我觉得要作一个好的和professional的程序员，makefile还是要懂。这就好像现在有这... ...
分类：
其他好文 时间：
2020-06-08 19:27:31
阅读次数：
215
