zccst
- 浏览: 3290426 次
- 性别:
- 来自: 北京
-
最新评论
-
yzq21056563：
感谢作者分享~请教下，http://www.lisa33xia ...
CSS基础：text-overflow:ellipsis溢出文本 -
u012206458：
$.ajax的error,complete,success方法 -
DEMONU：
谢谢，虽然不能给你赞助，但是要给你顶
mysql中key 、primary key 、unique key 与index区别 -
njupt_tolmes：
阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿滕庆亚 ...
CSS基础：text-overflow:ellipsis溢出文本 -
zenmshuo：
用过SpreadJS，也包含数据可视化的图表
推荐几个web中常用js图表插件
文章列表
https://www.npmjs.com/package/pako
使用介绍
基于pako.js实现gzip的压缩和解压功能示例
http://www.ynpxrz.com/n1852774c2023.aspx
Uint8Array 对象
8 位无符号整数值的类型化数组。内容将初始化为 0。如果无法分配请求数目的字节，则将引发异常。
atob
概述
WindowBase64.atob() 函数用来解码一个已经被base-64编码过的数据。你可以使用 window.btoa() 方法来编码一个可能在传输过程中出现问题的数据，并且在接受数据之后，使用 window.atob( ...
模块化方案
RequireJS
AMD 方案, 常用的 define 语法, 异步加载模块, 目前很多支持:
官网 http://requirejs.org/
Github https://github.com/jrburke/requirejs
Getting started https://gist.github.com/willurd/6054834
打包工具 http://jamjs.org/
相似方案:
ozjs: http://ozjs.or ...
zccst转载
Favicon是favorites icon的缩写，亦被称为website icon（网页图标）、page icon（页面图标）或urlicon（URL图标）。Favicon是与某个网站或网页相关联的图标。网站设计者可以多种方式创建这种图标，而目前也有很多网页浏览器支持 ...
作者：zccst
一、静态时间轴，仅css即可
HTML结构使用：ul，li。
原理结构如下：
1，竖轴
竖轴如果使用图片，则在ul用背景
竖轴如果使用css，则用ul:before写样式
2，左侧时间
绝对定位 left: 0
3，中间圆球
绝对定位 left: 20%
4，右侧文字
不浮动 margin-left: 25%
参考：
http://tympanus.net/Blueprints/VerticalTimeline/
二、动态时间轴，css + js
作者：zccst
chrome插件安装
方式一，在线安装
直接插到json-handle地址，添加即可
https://chrome.google.com/webstore/detail/json-handle/iahnhfdhidomcpggpaimmmahffihkfnj?hl=zh-CN
国内部分用户无法访问到Google的服务，所以还可以使用方式二，离线安装。
方式二，离线安装
下载地址：
http://www.cnplugins.com/devtool/json-handle/download.html
1，下载文件到本地
2，在chrome中新开一个TAB，输入：chrome: ...
作者：zccst
问：
我的eclipse启动了tomcat后死掉了，然后tomcat服务还在运行，再次启动myeclipse的时候已经不能打开和关闭tomcat了，请问怎样关闭啊？除了重启机子还有什么方法吗？tomcat不是装在机子上的，是一个免安装的。
答：
任务管理器里有个 javaw.exe进程，把它关了就可以了
作者：zccst
如何导入google-style-guide-javascript-eclipse.xml到eclipse里？
找了好久才知道：
windows-->preferences-->JavaScript-->Code Style--> Formatter
在界面中Import导入xml文件
还引入一个问题是，tab和缩进是两个空格，还是四个空格？
out了，现在2个空格是规范。
内容是：
<?xml version="1.0" encoding="UTF-8" standalone="n ...
fis的实现原理和提供的三种能力
- 博客分类：
- fis
作者：zccst
fis原理
fis编译过程：单文件编译和打包两个阶段
1，单文件编译
parser：将其他语言编译为标准js、css，比如将前端模板、coffee-script编译为js，将less、sass编译为css。
preprocessor：在fis进行标准化处理之前进行某些修 ...
作者：zccst
FIS通过插件扩展可以完美的支持模块化的前端开发方案，我们通过FIS的二次封装能力，封装了一个功能完备的纯前端模块化方案pure。
1，fis-pure的安装
$ fis install -g fis-pure
$ pure -v
0.1.4
2，下载demo到本地
git clone https://g ...
作者：zccst
前言
虽然可以通过如下方式打包，但是可以通过fis-postpackager-simple插件完整管理
fis-postpackager-simple插件是提供给纯前端应用的打包合并插件，其他定制解决方案，如fis-plus、yogurt等不需要这个插件，需要查看各自的文档了解使用方式。
FIS可以通过pack来进行资源文件的合并，比如我们需要将DEMO中的公共库文件打包在一起，可以修改fis-conf.js配置，加入pack配置
fis.config.set('pack', {
'/pkg/lib.js': [
'js/lib/jquery. ...
zccst转载
学得比较晕，再次看commonjs，amd, cmd时好像还是没完全弄清楚，今天再整理一下：
commonjs是用在服务器端的，同步的，如nodejs
amd, cmd是用在浏览器端的，异步的，如requirejs和seajs
其中，amd先提出，cmd是根据commonjs和amd基础上提出的。
为什么晕呢？是因为没用，或用得太少。光看看文章是不行的。
CommonJS
CommonJs 是服务器端模块的规范，Node.js采用了这个规范。
根据CommonJS规范，一个单独的文件就是一个模块。加载模块使用require方法，该方法读取一个文件并执行，最后返回文件 ...
作者：zccst
fis安装与配置
1，安装node和npm。
Windows平台下载，安装
配置path环境变量， path = nodejs路径
2，安装fis
$npm install -g fis #通过npm安装fis
$fis -v #查看fis版本
3，通过一个demo熟悉fis
（1）下载demo到本地
在git客户端，前提是需要安装git客户端
$git clone https://github.com/hefangshi/fis-quickstart-demo.git #下载实例
在git客户端中，先cd 进入自己创建的目标文件夹，然后执行上面的git clone ...
作者：zccst
如果一个URL是：http://www.example.com/index.html?id=100&name=xx&age=20
希望将name=meinv怎么办？
function getQueryString(name) {
var reg = new RegExp("(\\?|^|&|\#)" + name + "=([^&|^#]*)(&|$|#)", "i");
var r = window.location.search.substr(1).match ...
作者：zccst
见了很多web-kit打头的css属性，但是由于这些属性比较新，不知道是什么意思，特此收集记录。
很多-web-kit打头的css，还有-moz-, -o, -ms-等，但是也不是所有的都已经成为标准，所以有些情况只能写webkit。
2015-05-06
-webkit-margin-collapse
-webkit-margin-after-collapse:separate; #相邻的元素合并后分离
-webkit-margin-before-collapse:discard; #相邻的元素合并前丢弃
-webkit-user-select:none 不允 ...
作者：zccst
纯浏览器端解决办法就是轮询，img轮询和ajax
批注：img轮询要加时间戳，ajax轮询要避免跨域。
var img = new Image();
img.id = "test_is_online";
img.onload = function(){
document.body.removeChild(document.getElementById("test_is_online"));
alert("在线");
};
img.onerror = ...