自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(714)
  • 收藏
  • 关注

原创 技术文档链接汇总

技术文档链接太多了,不容易记,现在汇总在此,方便自己,也方便大家。一、前端类型兼容性 · TypeScript中文网 · TypeScript——JavaScript的超集二、智能合约Solidity — Solidity develop 文档...

2022-04-03 22:24:55 6999

转载 总结TS中常用的运算符

最近在使用ts开发项目,开发中经常有想用某个操作符但是因掌握不熟不知道该用哪个,本文就整理了使用ts在日常开发中常用的运算符和操作符,理解记忆之余便于温故知新一、 ?.可选链运算符,对null和undefined可及时停止运算,可解放es5繁琐的判断逻辑,如:// tsconst val = a?.b//es5var val = a === null || a.b复制代码支持的语法如下:obj?.prop // 尝试访问可能不存在的属性obj?.[exp] // 同上,计

2022-04-03 18:36:52 3663

原创 在opendex-ui压缩jssdk工程为一个js文件

第一步:准备webpack.config.sdk.jsconst path = require('path');const UglifyJsPlugin = require('uglifyjs-webpack-plugin');const base = { entry: path.resolve(__dirname, `../src/index.js`), output: { filename: 'okexchain-sdk.js', library:'OKExChai..

2022-03-14 11:25:08 997

原创 解压缩套餐

https://www.npmjs.com/package/pako使用介绍基于pako.js实现gzip的压缩和解压功能示例http://www.ynpxrz.com/n1852774c2023.aspxUint8Array 对象8 位无符号整数值的类型化数组。内容将初始化为 0。如果无法分配请求数目的字节,则将引发异常。atob...

2017-10-13 16:11:08 394

原创 已有 JS 模块化和打包方案收集

模块化方案RequireJSAMD 方案, 常用的 define 语法, 异步加载模块, 目前很多支持:官网 http://requirejs.org/Github https://github.com/jrburke/requirejsGetting started https://gist.github.com/willurd/6054834打包工具 htt...

2015-08-30 11:49:17 511

原创 网页小图标Favicon

zccst转载Favicon是favorites icon的缩写,亦被称为website icon(网页图标)、page icon(页面图标)或urlicon(URL图标)。Favicon是与某个网站或网页相关联的图标。网站设计者可以多种方式创建这种图标,而目前也有很多网页浏览器支持此功能。浏览器可以将favicon显示于浏览器的地址栏中,也可置于书签列表的网站名前,还可以放在标签式浏览界...

2015-07-24 16:02:44 594

原创 静态时间轴和动态时间轴实现原理

作者:zccst[size=large][b]一、静态时间轴,仅css即可[/b][/size]HTML结构使用:ul,li。原理结构如下:1,竖轴竖轴如果使用图片,则在ul用背景竖轴如果使用css,则用ul:before写样式2,左侧时间绝对定位 left: 03,中间圆球绝对定位 left: 20%4,右侧文字不浮动 ma...

2015-07-12 17:24:12 1916

原创 如何安装chrome扩展,以json-handle为例

作者:zccstchrome插件安装方式一,在线安装直接插到json-handle地址,添加即可[url]https://chrome.google.com/webstore/detail/json-handle/iahnhfdhidomcpggpaimmmahffihkfnj?hl=zh-CN[/url]国内部分用户无法访问到Google的服务,所以还可以使用方式二,...

2015-06-24 20:03:57 555

原创 如何停掉无法响应被关闭的eclipse启动的tomcat

作者:zccst问:我的eclipse启动了tomcat后死掉了,然后tomcat服务还在运行,再次启动myeclipse的时候已经不能打开和关闭tomcat了,请问怎样关闭啊?除了重启机子还有什么方法吗?tomcat不是装在机子上的,是一个免安装的。答:任务管理器里有个 javaw.exe进程,把它关了就可以了...

2015-06-11 16:10:56 520

原创 如何导入google-style-guide-javascript-eclipse.xml到eclipse里?

作者:zccst如何导入google-style-guide-javascript-eclipse.xml到eclipse里?找了好久才知道:windows-->preferences-->JavaScript-->Code Style--> Formatter在界面中Import导入xml文件还引入一个问题是,tab和缩进是两个空格,还是四个空格?ou...

2015-06-02 20:16:09 336

原创 fis的实现原理和提供的三种能力

作者:zccst[size=large][b]fis原理[/b][/size]fis编译过程:单文件编译和打包两个阶段[img]http://dl2.iteye.com/upload/attachment/0109/0692/f8be2375-f166-334e-911e-031c0056e871.png[/img]1,单文件编译parser:将其他语言编译...

2015-05-30 21:39:11 585

原创 fis纯前端解决方案fis-pure

作者:zccstFIS通过插件扩展可以完美的支持模块化的前端开发方案,我们通过FIS的二次封装能力,封装了一个功能完备的纯前端模块化方案pure。[b]1,fis-pure的安装[/b]$ fis install -g fis-pure$ pure -v0.1.4[b]2,下载demo到本地[/b]git clone https://github.com/h...

2015-05-30 21:36:28 224

原创 fis-postpackager-simple插件的使用

作者:zccst前言虽然可以通过如下方式打包,但是可以通过fis-postpackager-simple插件完整管理fis-postpackager-simple插件是提供给纯前端应用的打包合并插件,其他定制解决方案,如fis-plus、yogurt等不需要这个插件,需要查看各自的文档了解使用方式。FIS可以通过pack来进行资源文件的合并,比如我们需要将DEMO中...

2015-05-30 18:41:46 226

原创 CommonJS,AMD,CMD区别

zccst转载学得比较晕,再次看commonjs,amd, cmd时好像还是没完全弄清楚,今天再整理一下:commonjs是用在服务器端的,同步的,如nodejsamd, cmd是用在浏览器端的,异步的,如requirejs和seajs其中,amd先提出,cmd是根据commonjs和amd基础上提出的。为什么晕呢?是因为没用,或用得太少。光看看文章是不行的。...

2015-05-29 11:36:07 1008

原创 fis安装与配置

作者:zccstfis安装与配置1,安装node和npm。Windows平台下载,安装配置path环境变量, path = nodejs路径2,安装fis$npm install -g fis #通过npm安装fis$fis -v #查看fis版本[img]http://dl2.iteye.com/upload/attachment/0109/0063/...

2015-05-28 11:56:19 1936

原创 [正则]改变URL中的参数值

作者:zccst如果一个URL是:http://www.example.com/index.html?id=100&name=xx&age=20希望将name=meinv怎么办?[code="js"]function getQueryString(name) { var reg = new RegExp("(\\?|^|&|\#)" + name + "=([^&|^#...

2015-05-20 20:37:49 318

原创 css3 webkit属性

作者:zccst见了很多web-kit打头的css属性,但是由于这些属性比较新,不知道是什么意思,特此收集记录。很多-web-kit打头的css,还有-moz-, -o, -ms-等,但是也不是所有的都已经成为标准,所以有些情况只能写webkit。2015-05-06[b]-webkit-margin-collapse[/b]-webkit-margin...

2015-05-06 13:57:59 1149

原创 js浏览器端判断当期是否在线

作者:zccst纯浏览器端解决办法就是轮询,img轮询和ajax批注:img轮询要加时间戳,ajax轮询要避免跨域。[code="js"] var img = new Image(); img.id = "test_is_online"; img.onload = function(){ document.body.removeChil...

2015-04-17 20:50:22 227

原创 java发送http的get、post请求

作者:zccstAjax请求跨域的理解(端口,域名,主机)今天同事遇到个奇怪的问题,就是他用JQ的AJAX请求一个URL的时候,通过FIREBUG看到的返回状态时200,但是没有数据,而且那个请求时红色 的,就像返回回来的是404一样。我帮他调了很久,最后看到他浏览器的访问地址是www.xxx.com/xxx,而他AJAX请求的是 www.xxx.com:8080/xxx,端口不一...

2015-04-17 20:00:36 213

原创 swiper组件的使用

作者:zccstswiper使用过程中不断踩坑,有时一个很小的问题,如果自己实现的话会花很长时间,但其实api都有,所以多研究api,网上查一下别人使用过程中遇到的类似问题,就可以大大缩短开发时间。特此记录一下2,是否能够检测到滑动方向?可以。使用swiper.touches里的坐标差值来判断Object {startX: 171, startY: 254, current...

2015-04-11 18:09:02 1039

原创 理解JavaScript的单线程运行机制及setTimeout(fn,0)

zccst整理阮老师的链接:[url]http://javascript.ruanyifeng.com/bom/timer.html[/url][b]一、为什么JavaScript是单线程?[/b]JavaScript语言的一大特点就是单线程,也就是说,同一个时间只能做一件事。那么,为什么JavaScript不能有多个线程呢?这样能提高效率啊。JavaScript的单线程,...

2015-03-30 17:56:27 176

原创 scroll时判断向下滚动还是向上滚动

作者:zccst有时候需要用到,判断页面是向上还是向下滚动了,兼容比较低版本的浏览器如IE6、7等。原理:拿当前的scrollTop和之前的scrollTop对比如果变大了,表示向下滚动(scrollTop值变大);如果变小了,表示向上滚动(scrollTop值变小)。难点是理解setTimeout=0时的运行机制。[code="js"]$(docume...

2015-03-30 16:53:35 2597

原创 终止jQuery的$.ajax方法abort

作者:zccst最近遇到,如果用户频繁点击ajax请求,有两个问题:1,如果连续点击了5个ajax请求,前4个其实是无效的,趁早结束节省资源。2,更严重的问题是:最后一个发送的请求,响应未必是最后一个,有可能造成混乱。还需要一个队列来维护发送的请求和响应。我其实已经设计好了该队列的实现方式,后来发现jQuery直接通过abort方法,这样就不需要那么复杂的实现了,毕竟还有其...

2015-03-30 15:24:00 454

原创 延迟自定义函数

作者:zccst如果函数内又定义了一个跟自己同名的函数,执行结果是什么?[code="js"]function scareMe(){ alert("Boo!"); function scareMe(){ alert("double boo!"); } scareMe();}scareMe();[/code]结论:把函数名当变量理解,还遵循作...

2015-03-26 14:02:34 363

原创 [css3特效]loading加载中

作者:zccst以前loading都是一张图片,显示或隐藏。现在如果考虑移动端弱网到连图片也载入不成功,此时css3的loading就非常有用了,而且模拟了图片效果,节省空间。基本原理:1,外部一个span,固定宽高(正方形),行内块元素,相对定位,垂直对齐。2,内部12个span,相对宽高(相对外部),行内块元素,绝对定位(top,left),颜色,背景色,动画(最重...

2015-03-25 15:53:24 532

原创 2015年3-6月 犯的几个小错误

作者:zccst最近踩得坑少了,说明自己进步少了。看来以后还得多记录。2015-3-25尽管我知道绑定点击事件的执行流程是先执行事件方法,在执行href,但还是掉进坑里了。场景:在如下情况下,点击a,class一直没有如期加上,实际表现是一闪而过。[code="js"]a.addEventListener("click", { if(a.classNa...

2015-03-25 13:47:46 120

原创 [html5]localStorage代替Cookie? HTML5本地存储安全性

zccst转载HTML5本地存储的前身就是Cookie,HTML5的本地存储是使用localStorage对象将WEB数据持久化在本地。相比较而言HTML5本地存储中每个域的存储大小默认是5M,比起Cookie的4K要大的多。而且存储和读取数据的代码极为简练:Window.localStorage.setItem(key,value);//存储数据Window.localSto...

2015-03-20 17:53:47 687

原创 [BOM]navigator知识点

作者:zccst[b]历史[/b]  最早的时候有一个浏览器叫NCSA Mosaic,把自己标称为NCSA_Mosaic/2.0 (Windows 3.1),它支持文字显示的同时还支持图片,于是Web开始好玩起来。 然后出现了一个新的网页浏览器,“Mozilla”,其实就是“Mosaic终结者”的意思,这搞的Mosaic很不爽,(毕竟Mosaic出道早,江湖老),新浏览器最后正...

2015-03-20 14:42:37 165

原创 [html5]navigator.online属性检测用户是否在线

作者:zccstnavigator.online属性检测用户是否在线以前我写webapp时都是通过ajax的超市时间来测试用户是否在线的。[code="js"]if (navigator.onLine) { //在线} else { //离线状态}[/code]这个html5的 navigator的新特性可以搞定.navigato...

2015-03-20 14:11:23 729

原创 display,position和float之间的关系

作者:zccst[b]对‘display’,‘position’和‘float’之间关系的定义[/b]英文原文:[url]http://dbaron.org/css/test/sec0907[/url]影响框的生成和布局的三个属性——'display','position'和'float'——间的相互关系如下:1,如果'display'设置为'none',用户端必须忽略掉'po...

2015-03-17 12:18:14 574

原创 CSS中的几种颜色表示法,如hsla

作者:zccst平常相对熟悉的也就RGB色了,其他基本不清楚,即使是RGB也没弄清楚他们的变化规律。所以有必要专门用一篇文字来记录了。[b]RGB[/b][b]HSLA[/b]HSL色彩模式是工业界的一种颜色标准,是通过对色调(H)、饱和度(S)、亮度(L)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,HSL即是代表色调,饱和度,亮度三...

2015-03-15 17:47:51 331

原创 [css3]知识点积累

作者:zccst[b]animation , keyframes[/b].rotate { -webkit-transform-style: preserve-3d;/*保留被转换的子元素3d属性*/ -webkit-animation-name: refreshing; -webkit-animation-duration: 0.7s; -w...

2015-03-14 22:28:23 119

原创 good performance is good design

zccst整理[img]http://dl2.iteye.com/upload/attachment/0106/6581/45c9eae3-7363-3f6c-a7c6-5be0233707a2.png[/img][img]http://dl2.iteye.com/upload/attachment/0106/6577/1242edb0-7f9f-345a-9e85-6da5f81...

2015-03-14 16:34:04 125

原创 [css3]知识点(自己总结版)

作者:zccstCSS3是一个包含多方面的知识,主要分两大类,一类是在css2基层上改进的,另一类是完全新增的批注:这里只是提纲,具体知识点可参考:[url]http://zccst.iteye.com/blog/2192532[/url]首先是媒体查询,这个是入口@media screen and (min-width:400px)[b][size=l...

2015-03-13 20:11:50 159

原创 git代码管理原理

作者:zccstSVN用得很熟了,但是git一直用得不习惯,看来有必要学习一下原理。Git做为一个资源管理和跟踪系统,如果想要把自己的文件托管在Git上,那么首先你得让Git知道你需要管理的文件在哪。比如说现在我有一个项目,它在test文件夹里,我想让Git管理这个项目,这个时候你需进入到这个目录,然后运行“git init”命令。这个时候Git就会在该目录下生成一个.git的隐藏...

2015-03-11 18:48:53 585

原创 js语句和表达式

作者:zccst一直觉得语句和表达式很简单,不需要专门留意,但是最近还是发现一些坑,发现也不是那么简单。自不必说 var a = "" || 100;之类的还有跟常识判断不符的:1,比如在if判断中的几类空[code="js"]//空数组if([]){ //结果是true,执行alert(1)。解决办法,使用[].length就可以 ale...

2015-03-11 11:21:50 207

原创 Git常用命令备忘[转载]

Git常用命令备忘[转载][b]Git配置[/b]git config --global user.name "robbin" git config --global user.email "fankai@gmail.com"git config --global color.ui truegit config --global alias.co checkoutg...

2015-03-10 20:01:18 86

原创 再次学习try catch finally

作者:zccst[b]一、基本介绍[/b]JavaScript的错误1、使用Mozilla浏览器的用户可以直接在Tools下的Javascript Console进行查看浏览器找到的错误.2、自己使用例外处理来捕获JavaScript的异常。如下是Javascript的例外处理的一个实例。[code="js"]var array = null;try {...

2015-03-10 11:26:42 174

原创 [css3]流式布局要点

作者:zccst[b][size=large]让一个div水平、垂直居中[/size][/b]一、流式布局两个要点:1,在link中加入media2,把精确的像素改为百分比,并使用box-sizing:border-box。盒模型以border为准。解决流式布局中两个水平盒子各分50%的宽度二、在页面布局中小的点在上面...

2015-03-08 13:16:21 317

原创 单行溢出和多行文本溢出

作者:zccst[size=large][b]一、单行溢出[/b][/size]1,固定宽度(非常容易)text-overflow: ellipsis;2,不固定宽度思路:想让这个区域成为块元素,然后不换行,溢出隐藏。display: block;white-space: nowrap: #设置如何处理元素内的空白。text-overflow: ellip...

2015-03-05 18:54:54 282

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除