（转）Bootstrap 之 Metronic 模板的学习之路 - （3）源码分析之 body 部分

Bootstrap 之 Metronic 模板的学习之路 - （1）总览

写在前面 bootstrap 的模板非常多,Envato 上有着各种各样的免费及付费模板.Metronic 是我最喜欢的模板之一(看一眼就喜欢上的那种),当前售价 $28 ,觉得赞的,不妨支持一下作者.觉得贵的,想必不用我说,你也会找到途径.:b 目录结构拿到 Metronic 后,可以看一下他的文件目录 _documentation: 说明文档,我的学习就是从看这文档开始,下面的会有部分摘录和体会. _resources:PSD 设计源码,你如果想在其基础上重新设计,不妨看看. start.…

（转）Bootstrap 之 Metronic 模板的学习之路 - （2）源码分析之 head 部分

https://segmentfault.com/a/1190000006684122 下面,我们找个目录里面想对较小的文件来分析一下源码结构,我们可以看到,page_general_help.html 页面容量较小,而且显示的元素最全,大的框架架构都已经包含了,我们就从分析这个文件开始. Beginning of Page 页面开始 Below code is used at the beginning of all HTML pages to detect Internet Explorer…

（转）Bootstrap 之 Metronic 模板的学习之路 - （1）总览

https://segmentfault.com/a/1190000006673582#articleHeader0 写在前面 bootstrap 的模板非常多,Envato 上有着各种各样的免费及付费模板.Metronic 是我最喜欢的模板之一(看一眼就喜欢上的那种),当前售价 $28 ,觉得赞的,不妨支持一下作者.觉得贵的,想必不用我说,你也会找到途径.:b 目录结构拿到 Metronic 后,可以看一下他的文件目录 _documentation: 说明文档,我的学习就是从看这文档开始,下…

（转）Bootstrap 之 Metronic 模板的学习之路 - （4）源码分析之脚本部分

https://segmentfault.com/a/1190000006709967 上篇我们将 body 标签主体部分进行了简单总览,下面看看最后的脚本部门. 页面结尾部分(Javascripts 脚本文件) 我们来看看代码最后的代码,摘取如下: <!--[if lt IE 9]> <script src="../assets/global/plugins/respond.min.js"></script> <script src=&quo…

（转）Bootstrap 之 Metronic 模板的学习之路 - （5）主题&布局配置

https://segmentfault.com/a/1190000006736457 Theme Setup 主题配置 Metronic comes with 6 color themes,default, darkblue, blue, grey, light, light2. To setup a selected theme. Include../assets/layouts/layout/css/themes/[theme_name].css in page head. For ins…

(转）Bootstrap 之 Metronic 模板的学习之路 - （6）自定义和扩展

https://segmentfault.com/a/1190000006815041 前面我们将 Metronic 的结构和源码大致浏览了一遍,Metronic 整个文件包有三百多兆,在实际项目中,我们肯定用不到所有文件,这时,我们需要做一些自定义. 自定义和扩展 CSS 部分要重载 Metronic 主题的 CSS 样式,我们可以定制 ../assets/layouts/layout/css/custom.css 这个文件. 如果你保持你自己的 css 代码分开独立,这将使得你将来的更新也…

（转）Bootstrap 之 Metronic 模板的学习之路 - （7）GULP 前端自动化工具

https://segmentfault.com/a/1190000006738327 初步了解 Metronic 的结构和应用后,我们就可以在项目中应用起来了.考虑到实际项目应用时,会有很多文件需要修改调整并压缩处理,这时候我们就会用到我们的<前端自动化神器 (Gulp)>,鉴于 gulp 的内容比较多,为了不打乱 Metronic 系列,就单独列了一篇<初探前端自动化神器 (Gulp)>.本文不对 gulp 进行详细阐述,只保留和 Metronic 相关部分. Gulp is…

（转）Bootstrap 之 Metronic 模板的学习之路 - （3）源码分析之 body 部分

https://segmentfault.com/a/1190000006697252 body 的组成结构 body 部分包含了 HEADER.CONTAINER.FOOTER,其中 CONTAINER 部分又包含了 SIDEBAR.CONTENT.QUICK SIDEBAR 几个部分.body部分源码折叠后截图如下: Header 页面顶部 Header contains of logo and top menu bar and it used in all pages. 页面顶部(或头部)…

memcached学习笔记——存储命令源码分析下篇

上一篇回顾:<memcached学习笔记——存储命令源码分析上篇>通过分析memcached的存储命令源码的过程,了解了memcached如何解析文本命令和mencached的内存管理机制. 本文是延续上一篇,继续分析存储命令的源码.接上一篇内存分配成功后,本文主要讲解:1.memcached存储方式:2.add和set命令的区别. memcached存储方式哈希表(HashTable) 哈希表在实践中使用的非常广泛,例如编译器通常会维护的一个符号表来保存标记,很多高级语言中也显式的支持哈希…

memcached学习笔记——存储命令源码分析上篇

原创文章,转载请标明,谢谢. 上一篇分析过memcached的连接模型,了解memcached是如何高效处理客户端连接,这一篇分析memcached源码中的process_update_command函数,探究memcached客户端的set命令,解读memcached是如何解析客户端文本命令,剖析memcached的内存管理,LRU算法是如何工作等等. 解析客户端文本命令客户端向memcached server发出set操作,memcached server读取客户端的命令,客户端的连接状态…

tornado 学习笔记6 Application 源码分析

Application 是Tornado重要的模块之一,主要是配置访问路由表及其他应用参数的设置. 源代码位于虚拟运行环境文件夹下(我的是env),具体位置为env > lib>sit-packages>tornado>web.py. 注释大体意思: Application是由请求handlers集合组成,配置好application之后,直接作为参数传递给HTTPServer. 这个类的构造函数包含URLSpec对象集合或者(正则表达式,request handler)…

Redis学习之底层链表源码分析

Redis底层链表的源码分析: 一.链表结点的结构(单个结点): // listNode 双端链表节点 typedef struct listNode { // 前置节点 struct listNode *prev; // 后置节点 struct listNode *next; // 节点的值 void *value; } listNode; 该链表为双向链表,由多个listNode结点组成的链表结构图如下: 二.双端链表的结构: // list 双端链表 typedef struct list…

Android开发学习之路-Volley源码解析

从简单的StringRequest入手看看Volley的工作机制. 先简单说下Volley的用法: ① 获取一个RequestQueue mRequestQueue = Volley.newRequestQueue(this); ② 构造一个StringRequest对象 mStringRequest = new StringRequest(url, new Response.Listener<String>() { @Override public void onResponse(Strin…

正式学习React(五) react-redux源码分析

磨刀不误砍柴工,咱先把react-redux里的工具函数分析一下: 源码点这里 shallowEqual.js export default function shallowEqual(objA, objB) { if (objA === objB) { return true } const keysA = Object.keys(objA) const keysB = Object.keys(objB) if (keysA.length !== keysB.length) { return…

正式学习React (七) react-router 源码分析

学习react已经有10来天了,对于react redux react-redux 的使用流程和原理,也已经有一定的了解,在我上一篇的实战项目里,我用到了react-route,其实对它还只是停留在看完阮神的博客的基础上,一丢丢的小认识,对history 到底怎么用,Route里的我见别人还写了getcomponent代替component也不是很清楚.决定好好分析一下 react-route.咱们一个一个组件来学习. PS: 十几天的学习,我发现我的学习方式错了,其实应该直接先用一遍再来看源…

3.EasyUI学习总结(三)——easyloader源码分析

easyloader模块是用来加载jquery easyui的js和css文件的,即easyloader可以在调用的时候自动加载当前页面所需的文件,不用再自己引用, 而且它可以分析模块的依赖关系,先加载依赖项.模块加载好了会调用parse模块来解析页面.把class是easyui-开头的标签都转化成easyui的控件. 先看Demo1例子,再分析源代码. 有跟后台交互的属性比较多的控件,建议用js 没有跟后台交互的,建议用class <!DOCTYPE html> <html> &…

Android开发学习之路-SimpleAdapter源码分析学习

今天在课堂上,老师用到了SimpleAdapter,然后女神在边上问我为什么这个SimpleAdapter不能做到我app那种带有进度条的效果,言语说不清,然后就开始看源代码,发现这个Adapter的实现方式还真的应该好好去研究下,收获还是很多的. 先看构造函数,构造函数传进来一个数据源List<Map>,一个布局文件的Id(resource),一个字符串数组是对应Map里面的Key,还有一个整型数组对应item布局中的每个控件的ID public SimpleAdapter(Context…

Hadoop学习之--Capaycity Scheduler源码分析

Capacity Scheduler调度策略当一个新的job是否允许添加到队列中进行初始化,判断当前队列和用户是否已经达到了初始化数目的上限,下面就从代码层面详细介绍整个的判断逻辑.Capaycity添加一个job,会通过注册的监听器org.apache.hadoop.mapred.JobQueuesManager向队列中添加JOB,添加JOB过程中会检查当前队列和用户是否已经达到资源上限了. 下面详细的从源码角度介绍判断的条件: 队列的相关的上限判断条件:(queueWaitingJobs +…

OA学习笔记-010-Struts部分源码分析、Intercepter、ModelDriver、OGNL、EL

一.分析二. 1.OGNL 在访问action前,要经过各种intercepter,其中ParameterFilterInterceptor会把各咱参数放到ValueStack里,从而使OGNL可以访问这些参数,而ValueStack里包含对象stack和map (1)map 赋值:ActionContext.getContext().put("roleList", roleList); 取值:在jsp中通过ognl取<s:iterator value="#roleL…

EasyUI学习总结(四)——parser源码分析

parser模块是easyloader第一个加载的模块,它的主要作用,就是扫描页面上easyui开头的class标签,然后初始化成easyui控件. /** * parser模块主要是解析页面中easyui的控件 */ $.parser = { // 是否自动解析 auto: true, // 可以被解析的控件 plugins:['linkbutton','menu','menubutton','splitbutton','layout', 'tree','window','dialog','d…

EasyUI学习总结(三)——easyloader源码分析(转载)

声明:这一篇文章是转载过来的,转载地址忘记了,原作者如果看到了,希望能够告知一声,我好加上去! easyloader模块是用来加载jquery easyui的js和css文件的,而且它可以分析模块的依赖关系,先加载依赖项.模块加载好了会调用parse模块来解析页面.把class是easyui开头的标签都转化成easyui的控件. 先看Demo1例子,再分析源代码. <!DOCTYPE html> <html> <head> <title>easyloader…

EasyUI学习总结(四)——parser源码分析（转载）

本文转载自:http://www.cnblogs.com/xdp-gacl/p/4082561.html parser模块是easyloader第一个加载的模块,它的主要作用,就是扫描页面上easyui开头的class标签,然后初始化成easyui控件. 1 /** 2 * parser模块主要是解析页面中easyui的控件 3 */ 4 $.parser = { 5 // 是否自动解析 6 auto: true, 7 8 // 可以被解析的控件 9 plugins:['linkbutton',…

正式学习React(四) ----Redux源码分析

今天看了下Redux的源码,竟然出奇的简单,好吧.简单翻译做下笔记: 喜欢的同学自己可以去github上看:点这里 createStore.js import isPlainObject from 'lodash/isPlainObject' import $$observable from 'symbol-observable' /** * These are private action types reserved by Redux. * For any unknown actions,…

Redis学习之对象系统源码分析

背景知识: Redis并没有直接使用sds,双端链表,字典,压缩列表,跳表等这些数据结构来直接实现键值对数据库,而是基于这些对象创建了一个对象系统,这个对象系统包含5个对象:字符串对象,列表对象,哈希对象,集合对象和有序集合对象,字符串对象是唯一会被其他四种对象嵌套的对象 1.我们可以针对不同的使用场景,为对象设置多种不同的数据结构,从而优化对象在不同场景下的使用效率 2.Redis的对象系统实现了基于引用计数的内存回收机制 3.Redis的对象系统还实现了对象共享机制,这个机制在适当条件下,通…

中小研发团队架构实践之生产环境诊断工具WinDbg 三分钟学会.NET微服务之Polly 使用.Net Core+IView+Vue集成上传图片功能 Fiddler原理~知多少? ABP框架（asp.net core 2.X+Vue）模板项目学习之路（一） C#程序中设置全局代理(Global Proxy) WCF 4.0 使用说明如何在IIS上发布，并能正常访问

中小研发团队架构实践之生产环境诊断工具WinDbg 生产环境偶尔会出现一些异常问题,WinDbg或GDB是解决此类问题的利器.调试工具WinDbg如同医生的听诊器,是系统生病时做问题诊断的逆向分析工具,Dump文件类似于飞机的黑匣子,记录着生产环境程序运行的状态.本文主要介绍了调试工具WinDbg和抓包工具ProcDump的使用,并分享一个真实的案例.N年前不知谁写的代码,导致每一两个月偶尔出现CPU飙高的现象.我们先使用ProcDump在生产环境中抓取异常进程的Dump文件,然后在不了解代码的…

【（转）Bootstrap 之 Metronic 模板的学习之路 - （3）源码分析之 body 部分】的更多相关文章

Bootstrap 之 Metronic 模板的学习之路 - （1）总览

（转）Bootstrap 之 Metronic 模板的学习之路 - （2）源码分析之 head 部分

（转）Bootstrap 之 Metronic 模板的学习之路 - （1）总览

（转）Bootstrap 之 Metronic 模板的学习之路 - （4）源码分析之脚本部分

（转）Bootstrap 之 Metronic 模板的学习之路 - （5）主题&布局配置

(转）Bootstrap 之 Metronic 模板的学习之路 - （6）自定义和扩展

（转）Bootstrap 之 Metronic 模板的学习之路 - （7）GULP 前端自动化工具

（转）Bootstrap 之 Metronic 模板的学习之路 - （3）源码分析之 body 部分

memcached学习笔记——存储命令源码分析下篇

memcached学习笔记——存储命令源码分析上篇

tornado 学习笔记6 Application 源码分析

Redis学习之底层链表源码分析

Android开发学习之路-Volley源码解析

正式学习React(五) react-redux源码分析

正式学习React (七) react-router 源码分析

3.EasyUI学习总结(三)——easyloader源码分析

Android开发学习之路-SimpleAdapter源码分析学习

Hadoop学习之--Capaycity Scheduler源码分析

OA学习笔记-010-Struts部分源码分析、Intercepter、ModelDriver、OGNL、EL

EasyUI学习总结(四)——parser源码分析

EasyUI学习总结(三)——easyloader源码分析(转载)

EasyUI学习总结(四)——parser源码分析（转载）

正式学习React(四) ----Redux源码分析

Redis学习之对象系统源码分析

Appium Android Bootstrap源码分析之启动运行

Appium Android Bootstrap源码分析之控件AndroidElement

手机自动化测试：appium源码分析之bootstrap一

手机自动化测试：appium源码分析之bootstrap八

Springboot与Thymeleaf模板引擎整合基础教程(附源码)