12 2016 档案
摘要：代码运行效果： 笔者接触JS时间不长，对于传参和封装函数理解不够透彻，经过多次练习稍有感悟，为了加深理解写了这篇简单的隔行换色，希望能对刚接触JS的朋友有所帮助，以下是程序代码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8">
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,use
阅读全文
摘要：onmousedown >ontuchstart onmousemove >ontouchmove onmouseup >ontouchend ontuchstart & ontouchmove & ontouchend 必须通过事件绑定的形式添加; 尽快的把页面呈现给用户:window.onloa
阅读全文
摘要：CSS3系列我已经写过两篇文章，感兴趣的同学可以先看一下CSS3初体验之奇技淫巧，CSS3 3D立方体效果－transform也不过如此 第一篇主要列出了一些常用或经典的CSS3技巧和方法；第二篇是一个用CSS3实现的立方体实例，详细讲解了3D旋转和transform等属性。 本文再来利用CSS3属
阅读全文
摘要：目录 一、闭包（Closure） 1.1、闭包相关的问题 1.2、理解闭包 二、对象 2.1、对象常量（字面量） 2.2、取值 2.3、枚举（遍历） 2.4、更新与添加 2.5、对象的原型 2.6、删除 2.7、封装 三、函数 3.1、参数对象 （arguments） 3.2、构造函数 3.3、函数
阅读全文
摘要：transitionend事件代表着过渡动画结束后 原生的绑定方法 obj.addEventListener('transitionEnd', function(){ //do soming }) 我们能拿这个过渡结束事件做些什么事呢？ 比如我们在用CSS3写的一个过渡动画，当过渡结束后，进行回调，
阅读全文
摘要：一、笑脸猫动画 实现效果如下： 这个实现起来确实比较麻烦，很多地方需要花时间，有耐心地调整。 1.先看下页面结构： <body> <div class="container"> <!-- 脸 --> <div class="face"> <!-- 头发 --> <div class="hair">
阅读全文
摘要：2016-12-13 11:52 by 【当耐特】, 1321 阅读, 2 评论, 收藏, 编辑 如上图所见，本文就是要实现上面那种效果。 由于最近AlloyTouch要写一个下拉刷新的酷炫loading效果。所以首选大波浪进度图。 首先要封装一下大波浪图片进度组件。基本的原理是利用Canvas绘制
阅读全文
摘要：1.利用CSS穿透 常见发生场景：假如我们需要通过input，type=‘file’来上传文件，而这个input的默认样式，可以说是非常地“不人道”。所以我们希望通过一张图片，与这个input大小一样，位置一致地盖在上面。这个时候，显然，这个时候点击图片，input是不会起作用的。就是因为img隔绝
阅读全文
摘要：显示目录 目录 [1]特性 [2]安装 [3]设置[4]移动端 前面的话 chrome的开发者工具可以很好地做好模拟工作，但毕竟模拟和实际还是有差别的。所以，真机测试是一定要做的，如何高效地进行真机测试呢。个人感觉，还是BrowserSync用得比较称手。本文将详细介绍如何应用BrowserSync
阅读全文
摘要：2016-12-13 11:52 by 【当耐特】, 1282 阅读, 2 评论, 收藏, 编辑 如上图所见，本文就是要实现上面那种效果。 由于最近AlloyTouch要写一个下拉刷新的酷炫loading效果。所以首选大波浪进度图。 首先要封装一下大波浪图片进度组件。基本的原理是利用Canvas绘制
阅读全文
摘要：H5嵌入原生开发小结 兼容安卓与ios的填坑之路 2016-11-19 08:29 by stoneniqiu, 1038 阅读, 8 评论, 收藏, 编辑 一开始听说开发H5，以为就是做适配现代浏览器的移动网页，心想不用管IE了，欧也。到今天，发现当初too young too simple，兼容
阅读全文
摘要：这里将会介绍如何通过background-image设置背景图片，以及背景图片的平铺、拉伸、偏移、设置大小等操作。 1. 背景图片样式分类 CSS中设置元素背景图片及其背景图片样式的属性主要以下几个： background-image ：设置元素的背景图片。 background-repeat ：设
阅读全文
摘要：面向EDA（事件驱动架构）的方式来设计你的消息 AMQP routing key的设计 RabbitMQ cluster搭建 Mirror queue policy设置 两个不错的RabbitMQ plugin 大型应用插件(Sharding、Rederation) Queue镜像失败手动同步 各集
阅读全文
摘要：显示目录 目录 [1]行高 [2]垂直对齐 [3]应用 前面的话 line-height、font-size、vertical-align是设置行内元素布局的关键属性。这三个属性是相互依赖的关系，改变行间距离、设置垂直对齐等都需要它们的通力合作。在CSS字体里面已经详细介绍了font-size的相关
阅读全文
摘要：操作说明 关于博客目录自动生成，已经封装成catalog.js文件，只要引用该文件即可 如下图所示，打开HTML源代码编辑器，在最后引入js即可 【功能简要说明】 1、点击目录项，对应章节标题将显示在可视区上方 2、滚动滚轮，目录项会对应章节标题的变化而相应地变化 3、点击目录右上角的关闭按钮，可以
阅读全文
摘要：包括简单工厂、工厂方法、抽象工厂、建造者、原型和单例模式。 1）简单工厂 又叫静态工厂方法，由一个工厂对象决定创建某一种产品对象类的实例。 两种实现方式，第一种是通过类实例化对象创建，第二种是创建一个新对象然后包装增强其属性和功能。 demo代码。 2）工厂方法 通过对产品类的抽象使其创建业务主要负
阅读全文
摘要：显示目录 目录 [1]网络 [2]OSI [3]TCP/IP 前面的话 HTTP协议对于前端工程师是非常重要的。我们在浏览网站时，访问的每一个WEB页面都需要使用HTTP协议实现。如果不了解HTTP协议，就不可能了解网站的本质。在学习HTTP之前，本文先介绍一些网络基础知识 网络 简单地说，网络就是
阅读全文
摘要：显示目录 目录 [1]定义 [2]应用场景 [3]合并[4]实现[5]维护 前面的话 前面已经介绍过，描述性图片最终要合并为雪碧图。本文是photoshop巧用系列第五篇——雪碧图 定义 css雪碧图(sprite)是一种网页图片应用处理方式，它允许将一个页面涉及到的所有零星图片都包含到一张大图中。
阅读全文
摘要：显示目录 目录 [1]定义 [2]命名规则 [3]声明[4]特性[5]作用域[6]声明提升[7]属性变量 前面的话 关于javascript，第一个比较重要的概念是变量，变量的工作机制是javascript的基本特性。实际上，变量是标识符的一种。本文将详细介绍变量和标识符 定义 标识符(Identi
阅读全文
摘要：显示目录 目录 [1]动画状态 [2]停止动画 [3]动画延迟[4]全局控制 前面的话 jQuery动画可以使用fade、hide、slide等方法实现基本动画效果，可以使用animate实现自定义动画，甚至可以使用queue实现动画队列。但是，却缺少了对动画控制的介绍。动画产生后，描述动画状态、进
阅读全文
摘要：显示目录 目录 [1]文件类型 [2]文件属性 [3]目录路径[4]目录遍历[5]目录统计[6]目录增删[7]目录复制[8]文件操作[9]文件内容 前面的话 在程序运行时，程序本身和数据一般都存在内存中，当程序运行结束后，存放在内存中的数据被释放。如果需要长期保存程序运行所需的原始数据，或程序运行产
阅读全文