在 Angular 2 Component 中使用第三方 JS 库

本文所有内容以 Angular 2 Quick Start 项目为基础，使用 TypeScript 语言。如上图，最近遇到一个需求，需要在一个刚启动的 Angular 2 项目中使用 snap.svg 操作页面上的 svg 元素做动画。我粗略的看了下， snap.svg 的实现似乎并没有遵从什么模块规范，就是常见的提供几个全局变量完事。如果真的耿直的在 Component

业界 2016年07月18日

实现小小的fullpage

需求背景今天运营给了一个需求，要做个引导页，也就是全屏滚动。考虑到只有3张图，就自己码个吧！说干就干。思路设置一个外层container, 用户的可见区域，也就是全屏container内有3个层次，每个层次大小都跟container一样大小每次滚动时候通过css的transform属性进行偏移，并结合transition过渡一下效果*{margin: 0;padding:

业界 2016年07月18日

JavaScript设计模式学习—策略模式

什么是策略模式策略模式，就是将不同的算法各自封装起来，然后根据程序的不同情况，采用不同的算法，有点像工厂模式。比如在很多种情况下，都要写ifXXX dosometing（） else if XXX，这是最基本的程序逻辑写法，但随着情况越来越复杂，那么代码将非常难读，混乱不堪。策略模式实现之前写过的一个页面就非常痛苦，是一个订单页加一些新功能，我是中途接手的，这个页面大概的描

产品 2016年07月18日

webpack文章(持续更新)

webpack文章： http://webpackdoc.com/install.htmlwebpack打包：http://webpackdoc.com/ (先把文章看一篇，然后照着模仿一遍)http://www.cnblogs.com/vajoy/p/4650467.htmlhttps://github.com/MeCKodo/vue-tutorialhttp://ww

业界 2016年07月18日

Javascript字符串常用方法详解

字符串字符串就是一个或多个排列在一起的字符，放在单引号或双引号之中。'abc'"abc"length属性js里的字符串类似于数组，都是一个一个字符拼凑在一起组成的，因此可以用length属性取得字符串的长度var str = "hello"str.length; // 5字符串常用的一些方法1. charAt()str.charAt(n)＝> 返回字符串的第 n 个字符，

业界 2016年07月21日

获取元素css值

最近写东西碰到一个问题，通过document.getElementById(id).style.XXX无法获取到样式值？查完资料才发现方法只能获取元素的内联样式，那要获取内部样式或外部样式该怎么办？ getComputedStyle 原来获取外部样式或内部样式用的是window.getComputedStyle方法，用法如下：getComputedStylediv{widt

业界 2016年07月21日

Glance at ES6

1: Block Scope1.1 变量的块级作用域名let 定义的变量拥有block的作用域if(true){ let a = 1; console.log(a); // 1 }console.log(a); // Uncaught ReferenceError: a is not defined1.2 function的块级作用域if (true) {

业界 2016年07月21日

《JavaScript高级程序设计》笔记系列2-- 基本概念1

语法区分大小写第一个概念就是 ECMAScript 中的一切（变量、函数名和操作符）都区分大小写。变量名 test 和变量名 Test 分别表示两个不同的变量。标识符所谓标识符，就是指变量、函数、属性的名字，或者函数的参数。命名规则：第一个字符必须是一个字母、下划线（_）或一个美元符号（$）其他字符可以是字母、下划线、美元符号或数字标识符采用驼峰大小写格式，也就是第一个字母

业界 2016年07月21日

【Chrome插件】Github Travis Stat

博客原文地址：http://yaowenjie.github.io/%E7%BC%96%E7%A8%8B%E7%9B%B8%E5%85%B3/travis-github-chrome-extension太长不读版最近自己写了一个Chrome浏览器扩展/插件(github repo)，并将其发布到了谷歌官方商店(chrome web store)，该插件为github上的仓库

业界 2016年07月21日

多屏互动——H5 中级进阶

前言随着智能硬件的普及，手机，平板，PC甚至路边的电子广告牌，现代浏览器已经无处不在。在浏览器里编织出我们自己的一片天地已经轻车熟路，但是这还不够，H5赋予了浏览器太多的新特性，等待我们去使用。这篇文章介绍利用手机浏览器的罗盘API，在PC的浏览器实时地绘制一个3D盒模型。这种炫酷的玩法叫做“多屏互动”，就像是把手机当做游戏手柄，PC显示器当做电视机，不过这些都是在浏览器里

业界 2016年07月21日