介绍:Leaflet是一个开源的JavaScript库,对移动端友好且对地图有很好的交互性。 大小仅仅只有 33 KB, 同时具有大多数地图所需要的特点。 Leaflet设计的非常简单易懂, 同时具有很好的性能和易用性。 它在桌面端和移动端都工作的相当高效,并有大量的插件用于扩张Leaflet的功能。 微信公众号:673399718嘻嘻 demo图如下: 使用leaflet.js生成世界地图非常方

javascript   css   html   jquery   js插件  

Canvas基础

title: Canvas基础 date: 2016-11-09 tags: HTML5 0x00 Canvas 使用 Canvas 元素必须为其设置宽度和高度属性,指定可以绘制区域的大小。如果不添加任何样式或者不绘制任何图形,那么是看不到该元素的。 但是若是通过 CSS 样式来为其设置宽高属性的话,如果 CSS 的尺寸与 canvas 初始比例(canvas 默认初始宽度 300 px 高度 1

html   css   javascript  

由OpenDigg 出品的前端开源项目周报第一期来啦。我们的前端开源周报集合了OpenDigg一周来新收录的优质的前端开发方面的开源项目,方便前端开发人员便捷的找到自己需要的项目工具等。 blueprint React UI Web工具套件 webpack-bundle-analyzer 将内容束展示为方便交互的树状图 nuxt.js 用于服务器渲染Vue app的最小化框架 react-form

html   css   javascript   vue.js  

首先介绍两个移动端私有属性 -webkit-touch-callout,-webkit-tap-highlight-color -webkit-touch-callout:当你触摸并按住触摸目标时候,禁止或显示系统默认菜单。在iOS上,当你触摸并按住触摸的目标,比如一个链接,Safari浏览器将显示链接有关的系统默认菜单。这个属性可以让你禁用系统默认菜单。 -webkit-tap-highligh

html   html5  

Timeline各指标说明 摘自 http://www.cnblogs.com/starof/p/5481935.html 参考 https://developers.google.com/web/tools/chrome-devtools/network-performance/understanding-resource-timing Connection Setup:建立与服务器的连接。具体

javascript   html  

title: 结构与布局 date: 2016-12-11 tags: CSS Secrets 0x00 min-content 宽度自适应 CSS3 新增宽度属性值 width:min-content 可以将容器的宽度值设置为容器内最大的不可断行的宽度(最宽的单词,图片,或者具有固定宽度的盒元素) figure{ width:min-content; margin: auto;

html   css   javascript  

欲实现一个文字搜索的功能,要求输入时,键盘回车按钮提示显示为“搜索”。效果如下: 开始~ input type=text并不能达到这种效果,google了一下,html5 增加的type=search可以做到(但需要input type=search外面报上一层带action属性的form)。 <div class="search-input-wrap clearfix">

html   input标签  

名词解释 DTD: Document Type Definition 文档类型定义 SGML: Standard Generalized Markup Language 标准通用标记语言。 SGML 是一种很强大但很复杂的标记语言,HTML、XML 就是从中衍生出来的。 <!DOCTYPE>为什么有个“!”? <!DOCTYPE>声明不是HTML标签; <!DOCTYPE>的位置? <!DOCTY

html   doctype  

favicon 的概念 favicon 中文译名是收藏夹图标,不仅是网站的头像,也是其可以让浏览器的收藏夹中除了显示相应的标题外,还以图标的方式区分不同的网站。 浏览器的支持 FF 浏览器还支持动态的 favicon,让你的网站更有个性 一个冷知识 favicon 在一定程度上减轻服务器的流量带宽占用,一般为了提高网站的可用性,我们都会为自己的网站创建一个自定义的404错误文件,在这种情况下,如果

webpack   html  

版权声明:此文首发于我的简书账号人生还有多少个二十年 ,转载请注明出处。   在慕课网看到有人提了这个问题,所以在这里说说自己的一些拙见。   我不算过来人,本没资格谈论这个,不过我还是忍不住想说说自己的看法。HTML、CSS、JS要熟练掌握,要跟进时代,还必须学HTML5、CSS3、ES6。框架的话,css的要掌握一个bootstrap,js至少要懂jquery,如果能认真研读源码的话,那么一定

html5   github   html   javascript  
1 2 3 4 5 6 7 8 9