前端webApp
码农伯伯
大前端
展开
-
flex布局兼容处理
旧语法篇定义容器的display属性.box{ display: -moz-box; /*Firefox*/ display: -webkit-box; /*Safari,Opera,Chrome*/ display: box;}容器属性1.box-pack 属性box-pack定义子元素主轴对齐方式。.box{ -moz-box-pack转载 2016-12-01 15:14:11 · 698 阅读 · 0 评论 -
Javascript 中的神器——Promise
Promise in js回调函数真正的问题在于他剥夺了我们使用 return 和 throw 这些关键字的能力。而 Promise 很好地解决了这一切。2015 年 6 月,ECMAScript 6 的正式版 终于发布了。ECMAScript 是 JavaScript 语言的国际标准,JavaScript 是 ECMAScript 的实现。ES6 的目标,是使得转载 2017-01-18 15:58:29 · 749 阅读 · 0 评论 -
移动端布局解决方案+神器
godcss移动端布局终极解决方案+神器--- 让移动端布局开发更加容易 http:/www.github.com/godcss/介绍godcss不是一个库,也不是一个框架。它是一个移动端布局开发解决方案。使用godcss可以让移动端布局开发更容易。使用动态的HTML根字体大小和动态的viewport scale。遵循视觉一致性原则。在不同大转载 2017-01-18 15:52:12 · 2606 阅读 · 0 评论 -
velocity官网介绍
如果你习惯于使用CSS来制作动画效果,那么Velocity.js带给你的感觉很可能是“原来这一切竟然可以是真的”。我们跟很多人一样,在很久以前就放弃使用jQuery动画来制作CSS过渡和关键帧,放弃前者令我们感到欣喜,放弃后者令我们感到无奈。我们hack了setTimeout,给它添加了动画触发的后渲染类;我们小心翼翼地避开“animationEnd”迷惑人的地方;我们的动画使用max-h转载 2017-01-16 14:16:48 · 4609 阅读 · 0 评论 -
Velocity.js 中文文档
概述Velocity 是一个简单易用、高性能、功能丰富的轻量级JS动画库。它能和 jQuery 完美协作,并和$.animate()有相同的 API, 但它不依赖 jQuery,可单独使用。 Velocity 不仅包含了 $.animate() 的全部功能, 还拥有:颜色动画、转换动画(transforms)、循环、 缓动、SVG 动画、和 滚动动画 等特色功能。原创 2017-01-10 17:36:09 · 1748 阅读 · 0 评论 -
velocity--plugins
Plugins 插件1. UI Pack (velocity.ui.js)velocity.ui.js 是 velocity.js 的 动画插件(1.8 KB ZIP’ed) 我们可以用它快速创建炫酷的动画特效,它依赖于 velocity.js。velocity.ui 有2个重要方法:$.Velocity.RegisterEffect()和 $.Velocity.RunSe原创 2017-01-10 17:41:57 · 713 阅读 · 0 评论 -
velocity--Advanced 高级用法
Advanced 高级用法1. Value Functions属性值可通过传递一个函数来设置动画效果JavaScript// 使 $element 的透明度随机到一个值 的动画,每次执行后 元素透明度都不同$element.velocity({ opacity: function() { return Math.random() }});原创 2017-01-10 17:40:57 · 679 阅读 · 0 评论 -
velocity--Feature 特色
Feature 特色Velocity 提供了一些特色动画功能。1. TransformsVelocity 支持2D/3D变换动画, 比如translate, scale, rotate, skew等。JavaScript$element.velocity({ translateX: "200px", rotateZ: "45deg"});原创 2017-01-10 17:40:06 · 1046 阅读 · 0 评论 -
velocity--Command 指令
Command 指令Velocity 中预定义了几个常用的快捷动画指令。1. Fade & Slide1-1. "fadeIn" & "fadeOut"Fade 对应为:"fadeIn"(淡入) 和"fadeOut"(淡出) 两个动画指令, 和 jQuery 的$.fadeIn(),$.fadeOut()相似。Fade 和 Slide 动画指令 都会动态原创 2017-01-10 17:38:44 · 1248 阅读 · 0 评论 -
velocity-Option 配置项
Velocity 提供了丰富的可选配置项,可以更好的控制动画,你也可以利用这些配置做出炫酷复杂的动画特效。1. Duration 动画执行时间Velocity 的动画执行时间以毫秒为单位,并支持 jQuery 中的动画速度关键字: "slow","normal","fast"。JavaScript$element.velocity({ opacity: 1 }, { d原创 2017-01-10 17:37:35 · 1157 阅读 · 0 评论 -
websocket资料总结
前言之前的项目中使用了websocket、socketJS,趁此机会将一些知识点及资料进行整理总结。正所谓温故而知新~websocket是什么按照惯例,在使用之前,先了解一下概念。websocket是在html5中提供了一种浏览器和服务器间进行全双工通讯的网络技术。浏览器向服务端发送一个请求,通过报文头部Upgrade来表明需要从HTTP切换至Webso转载 2016-12-27 16:48:11 · 701 阅读 · 0 评论 -
STOMP-WebSocket中文文档
STOMP-WebSocket中文文档前言前两天整理了websocket的资料,今天就把上次没说完的Stomp.js好好说一说~Stomp Over Webscoket参考文档:http://jmesnil.net/stomp-websocket/doc/本文为参考文档的部分翻译,技术不佳,如有失误请指正。什么是StompSTOMP即Simple (转载 2016-12-27 15:50:21 · 12911 阅读 · 3 评论 -
移动端webApp兼容问题解决
1. IOS移动端click事件300ms的延迟响应移动设备上的web网页是有300ms延迟的,玩玩会造成按钮点击延迟甚至是点击失效。这是由于区分单击事件和双击屏幕缩放的历史原因造成的,2007年苹果发布首款iphone上IOS系统搭载的safari为了将适用于PC端上大屏幕的网页能比较好的展示在手机端上,使用了双击缩放(double tap to zoom)的方案,比如你在手机上转载 2016-12-01 15:30:13 · 15861 阅读 · 0 评论 -
前端跨域访问原理以及解决方案
1:首先了解web页面调用js不受跨域影响。2:我们通过ajax请求调用js脚本,这样就可以实现跨域。3:jsonp该协议的一个要点就是允许用户传递一个callback参数给服务器,然后服务器返回数据时会将这个callback参数作为函数名来包裹住json数据,这样客户端就可以随意定制自己的函数来处理返回数据了。跨域请求数据解决方案主要有如下解决方法:?转载 2016-12-01 15:28:00 · 835 阅读 · 0 评论 -
前端webapp开发资料分享
检测dns网站。http://tool.chinaz.com/dns/代码规范https://github.com/ecomfe/spec在线jsonhttp://json.cn/在线js压缩http://tool.oschina.net/jscompress在线html压缩http://tool.lu/html/原创 2016-12-01 15:26:01 · 507 阅读 · 0 评论 -
React框架
http://reactjs.cn/react/docs/getting-started.htmlJSFiddle开始学习 React 最简单的方式是使用如下JSFiddle的 Hello World例子:React JSFiddleReact JSFiddle without JSX初学者教程包 (Starter Kit)开始先下载初学者教程包转载 2016-03-14 15:26:37 · 737 阅读 · 0 评论 -
webpack
搜罗一切webpack的好文章好工具webpack 优秀中文文章如有好文, 请到此issue里提交文章,或者直接发pull request.转载 2017-01-18 16:22:53 · 858 阅读 · 0 评论