用Vue JS实现Accordian效果

1 综述用Bootstrap的CSS部分实现CSS效果，VueJS实现Accordian效果。利用Vue JS的v-show或v-if指令，显示或隐藏panel-body2 过程构建相应的Component利用Bootstrap写相应的template注册Component，完成相关的数据、属性、方法2.1 构建相应的Component2.2 利用Bootstrap写相应的

业界 2016年07月02日

一个靠谱的前端开源项目需要什么？

0. 前言写前端代码一段时间之后，你可能会萌生做一个开源项目的想法，一方面将自己的好点子分享出去让更多的人受益，另一方面也可以在社区贡献的环境下学到更多的东西从而快速成长。但是开源项目也有开源项目的玩法，一些可能没有注意的点，也许会让你的好点子和许多人失之交臂，在这里笔者以自身经验出发，聊一聊笔者心目中的靠谱的 Github 前端开源项目应该具有什么。当然我们讨论的只是一个

业界 2016年07月03日

MXBridge - 插件式JS与OC交互框架

概述MXBridge,提供一个插件式的JavaScript与Objective-C交互的框架,通过JavaScriptCore实现,插件式扩展Obejctive-C接口以供JavaScript调用.前往Github查看主要的类大致画了一下类图:结合上图,先介绍一下这里几个类的方法:UIWebView(MXBridge) : category,持有一个MXWebViewDel

业界 2016年07月03日

代码片段：AES 加解密代码

function encrypt (plaintext) { var algorithm = 'aes-256-cbc' var key = 'I am a happy key.' var sha256sum = crypto.createHash('sha256') var _key = sha256sum.update(key).digest() var _iv = '

业界 2016年07月03日

JavaScript 中的正则表达式

正则表达式的模式匹配正则表达式(regular expression)是一个描述字符模式的对象。javascript的RegExp对象表示正则表达式，String和RegExp都定义了方法，后者使用正则表达式进行强大的模式匹配和文本检索与替换功能。Javascript的正则表达式是Perl5的正则表达式语法的大型子集，所以对于有Perl编程经验的程序员来说。学习Javasc

业界 2016年07月03日

$q 实例分析angular中的promise

相信有一些开发经验的朋友就应该知道，对于JavaScript而言，promise十分重要，在开发中总能用到。因此掌握好它是一件必须做的事情。我之前写过一篇文章，工作总结：jQuery高级应用之Deferred对象，介绍jquery中的promise，因此关于promise的基础介绍就不再详细讲解，这篇文章会重点关注angular中promise的实现。我们首先有一个简单的h

业界 2016年06月30日

类数组对象转换为数组对象的简单理解

关于类数组对象JavaScript中有一些著名的类数组对象，它们看起来很像数组：拥有length属性元素按序保存在对象中，可以通过索引访问但实际和数组又不是一回事：没有数组的很多方法也会有数组没有的方法(e.g. NodeList的item()方法)有些类数组对象是动态变化的(e.g. NodeList的值是基于DOM结构动态执行查询的结果)……将类数组对象转换为数组对象A

业界 2016年06月30日

angular2学习笔记之基本组件和ngFor

angular2的思想非常先进，摒弃了angular1那种复杂的构建模式，采用了组件化开方的方，那我们一起来看一看，一个基础的组件是什么样子的呢。angular2-demo一、简介1. 目录结构.ts 组件代码.scss 样式.png 效果图.html 模板文件2. 效果图二、代码实例https://github.com/qq83387856/angular

业界 2016年07月01日

如何编写避免垃圾开销的实时Javascript代码

在 Javascript 语言中我们很难完全避免垃圾开销。它的垃圾收集模式在根本上是不符合像游戏这样的实时软件需求的。在这篇文章中我们主要介绍了一些关于 javascript 垃圾回收的方法。编辑于 2012 年 3 月 27 日: 哇，这篇文章已经写了有很长一段时间了，十分感谢那些精彩的回复！其中有一些对于一些技术的指正，如使用 ‘delete’ 。我知道了使用它可能会导

业界 2016年07月01日

Amae UI Web 与 Amae UI Touch 有什么不同？一张图给你解释！

Amaze UI 推崇“一切皆组件”的组件化理念，目前它提供包含专门针对跨屏 HTML5 网页开发的 Amaze UI Web 以及针对移动端的 HTML5 混合应用开发框架 AmazeUI Touch ，在全球权威的代码托管平台上， Amaze UI 的 Star 数量超过 7000 ，名列国内开源项目前茅。 但是很多人会有疑问， Amaze UI Web 与 Amaze

业界 2016年06月30日