TOMMYHU - 专注互联网开发及运营技术,提供相关资料及软件下载,奇趣网络时事评论!
Pages: 16/290 First page Previous page 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 Next page Final page [ View by Articles | List ]
Dec 23
移动端的单位现在都是用rem,icon太多合成雪碧图减少网络请求

安装ruby,
安装sass或升级到最新


安装compass或升级到最新


步骤
1、建立一个目录,当然具体的项目应该整合到项目里
mkdir work;

2、到这个目录并初始化


发现work目录下生成了项目文件
Highslide JS
建立images/icons目录,并将i需要合并的con拷贝到该目录
在sass下建立icons.scc文件内容如下


3、执行compass compile
生成了合并图icons-saafd78ade7.png
以及css


comprass api

Download ( 349 downloads)

Dec 22

随着商业及其相关需求的发展,数据成为越来越重要的元素之一,为了更加直观和明显的展示商业潜在的趋势和内在的特性,我们需要使用图表和图形的方式来直观动态的展示数据内在秘密,在今天的这篇文章中我们推荐12款最棒的数据可视化的Javascript框架,希望能够帮助大家在项目中更好的实现数据可视化效果。

Dec 22
1.简介
GeoJSON是一种对各种地理数据结构进行编码的格式。GeoJSON对象可以表示几何、特征或者特征集合。GeoJSON支持下面几何类型:点、线、面、多点、多线、多面和几何集合。GeoJSON里的特征包含一个几何对象和其他属性,特征集合表示一系列特征。

一个完整的GeoJSON数据结构总是一个(JSON术语里的)对象。在GeoJSON里,对象由名/值对--也称作成员的集合组成。对每个成员来说,名字总是字符串。成员的值要么是字符串、数字、对象、数组,要么是下面文本常量中的一个:"true","false"和"null"。数组是由值是上面所说的元素组成。

1.1.举例
GeoJSON特征集合:

{ "type": "FeatureCollection",
  "features": [
    { "type": "Feature",
      "geometry": {"type": "Point", "coordinates": [102.0, 0.5]},
      "properties": {"prop0": "value0"}
      },
    { "type": "Feature",
      "geometry": {
        "type": "LineString",
        "coordinates": [
          [102.0, 0.0], [103.0, 1.0], [104.0, 0.0], [105.0, 1.0]
          ]
        },
      "properties": {
        "prop0": "value0",
        "prop1": 0.0
        }
      },
    { "type": "Feature",
       "geometry": {
         "type": "Polygon",
         "coordinates": [
           [ [100.0, 0.0], [101.0, 0.0], [101.0, 1.0],
             [100.0, 1.0], [100.0, 0.0] ]
           ]
       },
       "properties": {
         "prop0": "value0",
         "prop1": {"this": "that"}
         }
       }
     ]
   }
Dec 15
animate.css – 是一个齐全的CSS3动画库,查看效果:http://www.dowebok.com/demo/2014/98/
简介

animate.css 是一个来自国外的 CSS3 动画库,它预设了抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、淡入淡出(fadeIn/fadeOut)等多达 60 多种动画效果,几乎包含了所有常见的动画效果。

虽然借助 animate.css 能够很方便、快速的制作 CSS3 动画效果,但还是建议看看 animate.css 的代码,也许你能从中学到一些东西。

兼容

浏览器兼容:当然是只兼容支持 CSS3 animate 属性的浏览器,他们分别是:IE10+、Firefox、Chrome、Opera、Safari。

使用方法

1、引入文件


2、HTML 及使用

给元素加上 class 后,刷新页面,就能看到动画效果了。animated 类似于全局变量,它定义了动画的持续时间;bounce 是动画具体的动画效果的名称,你可以选择任意的效果。

如果动画是无限播放的,可以添加 class infinite。

你也可以通过 JavaScript 或 jQuery 给元素添加这些 class,比如:

有些动画效果最后会让元素不可见,比如淡出、向左滑动等等,可能你又需要将 class 删除,比如:

animate.css 的默认设置也许有些时候并不是我们想要的,所以你可以重新设置,比如:

注意添加浏览器前缀。
Dec 15
nodejs守护进程,常用的有下面两个,推荐是用pm2,pm2 是一个带有负载均衡功能的Node应用的进程管理器.
forever
npm install -g forever
forever start app.js
forever stop app.js
forever restart app.js
forever list

pm2(https://github.com/Unitech/pm2
npm install -g pm2
pm2 start app.js
pm2 stop app.js
pm2 restart app.js
pm2 list
#开启自启动
pm2 startup centos
pm2 save
Highslide JS
Dec 8
hybridapp h5手机横竖屏样式js、css
当然这样一句少不了


css监视横竖屏样式


js监视横竖屏样式
Dec 8
nginx设置一个app站点访问总是访问不了,查目录权限,查默认文件配置,乃至重装都还没有搞定,终于还是发现目录中有纯数字文件夹121,目录这样
/website/app/121
把121改成v121,service nginx restart
访问正常!
Dec 2
Highslide JS
Arduino是一款便捷灵活、方便上手的开源电子原型平台,包含硬件(各种型号的Arduino板)和软件(Arduino IDE)。由一个欧洲开发团队于2005年冬季开发。其成员包括Massimo Banzi、David Cuartielles、Tom Igoe、Gianluca Martino、David Mellis和Nicholas Zambetti。
它构建于开放原始码simple I/O介面版,并且具有使用类似Java、C语言的Processing/Wiring开发环境。主要包含两个主要的部分:硬件部分是可以用来做电路连接的Arduino电路板;另外一个则是Arduino IDE,你的计算机中的程序开发环境。你只要在IDE中编写程序代码,将程序上传到Arduino电路板后,程序便会告诉Arduino电路板要做些什么了。
Arduino能通过各种各样的传感器来感知环境,通过控制灯光、马达和其他的装置来反馈、影响环境。板子上的微控制器可以通过Arduino的编程语言来编写程序,编译成二进制文件,烧录进微控制器。对Arduino的编程是利用 Arduino编程语言 (基于 Wiring)和Arduino开发环境(基于 Processing)来实现的。基于Arduino的项目,可以只包含Arduino,也可以包含Arduino和其他一些在PC上运行的软件,他们之间进行通信 (比如 Flash, Processing, MaxMSP)来实现。
Tags:
Pages: 16/290 First page Previous page 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 Next page Final page [ View by Articles | List ]