关键词

将markdown编译为html

缘起it人写技术文档，例如我自己写博客，用的最多的就是 markdown. 但是在浏览器中看到的这些博客都是以 html的格式展示在人们的面前的. 所以一个自然的问题就是markdown怎么变成html的? 分析背景众所周知，markdown和html都是全球通用的标记语言，那么从一种语言要转换为另一种语言不就是编译吗? 这学期刚好学了编译...

HTMLayout 界面贴图技术

概述 ----在htmlayout中支持在css中使用background属性指定背景图片,并扩展支持更多的功能, 例如九宫格切片贴图. 另外, htmlayout 还可以在css中使用foreground属性指定前景图片. 前景图片的所有属性用法与背景图片完全一样, 背景贴图支持的功能,前景贴图同样支持, 唯一要做的就是将background里的back替换为fore即可...

有时，主栏的左侧或右侧，需要添加一个图片栏。? html代码如下。 ... css代码如下。. media { display: flex; align-items: flex-start; .media-figure { margin-right: 1em;} .media-body { flex: 1;} 六、固定的底栏有时，页面内容太少，无法占满一屏的高度，底栏就会抬高到页面的中间。这时可以采用flex布局，让...

Cartopy调用天地图作为底图

python绘制气象实用地图(续)中我们介绍了cartopy这个库，专门用于绘制地图和地理空间信息分析的python库，但是cartopy中的底图都是国外资源，一个是未经审核，另外调用时加载速度也会受影响。本期文章将会介绍如何在cartopy中使用天地图提供的影像，矢量和地形的图层服务。 cartopy调用天地图图层cartopy自带的底图...

浏览器内核之 HTML 解释器和 DOM 模型

htmlconstructionsite 类中包含一个 “htmlelementstack” 变量，它是一个保存元素节点的栈，其中的元素节点是当前有开始标记但是还没有结束标记的元素节点。想象一下 html 文档的特点，例如一个片段 “ ”，当解释到 img 元素的开始标记时，栈中的元素就是 body 、div 和 img ,当遇到 img 的结束标记时，img 退栈...

基于HTML5技术的电力3D监控应用（三）

因为我们项目这次采用android平板终端，所以我对这方面有点肤浅的研究，这篇分享些项目经验总结，希望对大家有所帮助。电力3d项目去年底刚立项时，需求...当然google不会止步不前，最新的kitkat已经将webview升级到了chrome for android的30版本，这个版本的html5功能对大部分应用来说也算足够了 ...

基于HTML5技术的电力3D监控应用（三）

前端学习笔记之HTMLCSS 速写神器 Emmet

htmlcss 速写神器：emmet 在前端开发的过程中，一个最繁琐的工作就是写 html、css 代码。数量繁多的标签、属性、尖括号、标签闭合等，让前端们甚是苦恼。于是，我向大家推荐 emmet，它提供了一套非常简单的语法规则，书写起来非常爽快，然后只需要敲一个快捷键就立刻生成对应的 html 或 css 代码，极大提高了代码...

Hexo 入门指南（四） - 页面、导航、边栏、底栏

页面命令行键入：$ hexo new page about会在sourceabout中生成index.html。这个就叫做页面，不在文章列表显示，可以通过http:localhostabout浏览。页面支持文章的大部分属性，除了分类和标签。导航打开主题中的设置文件，即themes_config.yml（其中是当前主题的名字，默认为landscape，下同），找到menu...

在Adobe Html5 Extension的使用Nodejs的问题

前情回顾之前为一个客户开发过一个基于adobe premiere的html5扩展。原本是在adobe premiere pro 2015下面进行调试开发的。一切进展的非常顺利，功能也都正常。但是2015版本内嵌的chrome浏览器内核有点老旧，很多页面样式在2015里面都不正常，所以这段时间从2015迁移到2017进行开发。哪知道迁移之后的第一步就报...

基于 HTML5 WebGL 构建智能数字化城市 3D 全景

66 每步增加dlt67 node.setrotation3d(); 68 }69 if (node.getdisplayname() === 底 || node.getdisplayname() ===底2){70 获得当前旋转角度71 let ...（当然如果是某些简单的模型可以直接使用 ht 来绘制，这样会比 obj 模型更轻量化，所以大部分简单的模型都是采用 ht for web 产品轻量化 html5webgl...

利用交叉观察者这个小宝贝儿，轻松实现懒加载、吸顶、触底

假设html结构如下：多个li 假设scss代码如下:ul { li { &.show { 默认从左边进来 animation: left 1s ease; 偶数从右边进来 &:nth-child(2n) { animation: right 1s ease; } } }} @keyframes left{ from { opacity: 0; transform: translate(-20px, 20px); right动画改成20px,20px即可 } to { opacity: 1; }}然后...