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

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

用nodejs做网站 - 4

开头惊了,jade改名了,我才知道。https://github.com/pugjs/pugThis project was formerly known as "Jade." However, it has been revealed to us that "Jade" is a registered trademark, and as a result a rename

书页效果

书页效果.book {position: relative;width: 200px;height: 248px;margin-left: 20px;border: 1px # eee solid;background-color: # fff;box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2)}.book::after {positi

css居中最佳实践

css居中是非常常见的问题,也是面试热门,现在对居中问题做个总结水平居中万能的text-align居中给父元素添加text-align: center,子元素都会居中,无论是inline还是block缺点:text-align属性会继承会影响后代元素display: table配合margin: 0 auto.center {display: table;margin: 0

为WordPress开发设置atom环境

WordPress真是一个很奇葩的项目,它的很多编码标准和PSR2是那么的不同,例如一般的php项目都要求以空格代替TAB键,但唯独WordPress要求必须用TAB键本身来作缩进,等等。以至于必须专门为它的开发而设置一套atom环境。在atom中查找并安装project-manager插件,有了它,我们才能单独为WordPress项目创建自己特殊的环境。按照说明文档,在菜

href的那些事

看个问题test,此时href的值是什么呢?带着这样的疑问,开始今天的话题‘href的那些事’。问题分析为什么会有这个问题呢?上周在项目中,msui会对页面a标签绑定些事件,会用到href内容。href=""这么写,就会一直报错。因为浏览器此时获取到的href的值当前页面绝对路径。此时就会导致msui内部一直报错。href的定义w3c的定义The href attribut

Smfon2.8 源码分析之类的加载

今天来写写Symfony2.8 这个框架的类加载机制版本Symfony 2.8原理在项目启动时,Symfony 通过spl_autoload_register 注册了要使用的类的自动加载处理方法, 在类第一次被使用的时候, 类文件通过该方法被引入, 然后类才得以使用源码分析1.在symfony的入口文件, 我们找到# web/app_dev.php or web/app.p

webpack文章(持续更新)

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

视频笔记:Docker 特性及其相关工具 - Tom Verelst

https://www.youtube.com/watch?v=heBI7oQvHZUhttp://v.qq.com/page/o/8/j/o03134mlm8j.html基本介绍Docker 很像(但不是)一个轻量级的虚拟机,有自己的shell, namespace, network interface,可以以root运行东西,有自己的服务和软件包虚拟机有虚拟硬件层和一个

实现小小的fullpage

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

移动端H5页面rem缩放方案fleible.js兼容375p方案的思路

参考:移动端高清、多屏适配方案 viewport-and-flexible.jsflexible.js github一个新的项目复用了一些老页面,老页面是使用375px方案进行移动端适配的,meta[viewport]使用的是,而新页面使用的是flexible.js伸缩方案,动态生成meta[viewport]如何在老页面使用px布局的前提下,新页面使用rem布局,组件也使

CDN源站屏蔽搜索引擎爬虫

原文转自本人博客 - Ku_Andrew's BlogCDN源站屏蔽搜索引擎爬虫0x00 前言自从去年全站使用阿里云CDN之后,网站访问速度得到了很明显的提升,同时阿里云CDN的稳定性也很棒。但最近这段时间发现,百度和谷歌的爬虫开始爬我的源站了。这就有点麻烦了,要是不赶紧解决,给主站降权就不好了。0x01 思路因为蜘蛛爬了不该爬的东西,解决思路自然是限制蜘蛛的爬取。大概有三

深析filemap.js——关于JS的算法及优化的实践

项目地址:链接描述项目简介:https://segmentfault.com/a/1190000005968734关于项目的用法和介绍可以查看上面的两个链接,这篇文章主要内容是对filemap.js的代码进行一步一步的分析,详细介绍其运行原理和优化策略。知识点准备:NodeJS的基本使用方法(主要是fs文件系统);ES6特性及语法(let, const, for...of,

JavaScript设计模式----装饰者模式

装饰者模式的定义:装饰者(decorator)模式能够在不改变对象自身的基础上,在程序运行期间给对像动态的添加职责。与继承相比,装饰者是一种更轻便灵活的做法。装饰者模式的特点:可以动态的给某个对象添加额外的职责,而不会影响从这个类中派生的其它对象;继承的一些缺点:继承会导致超类和子类之间存在强耦合性,当超类改变时,子类也会随之改变;超类的内部细节对于子类是可见的,继承常常被

Linu下的静态库、动态库和动态加载库

原文:Linux下的静态库、动态库和动态加载库Linux库类型Linux下可以创建两种类型的库:静态库(.a): 在链接期间被应用程序直接链接进可执行文件动态链接库(.so): 动态库还分为两种用法: a) 应用程序运行期间链接动态库,但是在编译期间声明动态库的存在,也就是说这种动态库必须在编译时对编译器可见,但编译器却不将此种库编译进可执行文件; b) 在运行期间,动态加

从iterator到generator

iterator可遍历(可迭代)协议一个对象为了变成可遍历对象,比如说可以用 for ... in 结构遍历其属性值,必须实现 @@iterator 方法, 意思是这个对象(或者它原型链 prototype chain 上的某个对象)必须有一个名字是 Symbol.iterator 的属性。属性值[Symbol.iterator]返回一个对象的无参函数,被返回对象符合可遍历

mongoose如何filter过滤数据

原文地址:http://www.fidding.me/article/17简介Mongoose是在NodeJS开发中对mongodb进行便捷操作的对象模型工具。当我们获取数据的时候,通常需要对数据进行筛选过滤以避免泄漏重要信息,下面我将简单介绍如何使用mongoose进行数据筛选过滤(filter)。直接数据过滤直接数据意思就是我们拿到的就是存放在mongodb数据库中的数

后端的轮子(二)--- 数据库

本篇趟个雷,把数据库纳入到轮子中了,前面说到了数据库其实不算轮子,也说到了其实我写不出来数据库,这里所说的数据库严格来说是关系型数据库,他比轮子复杂多了,是一个和操作系统差不多复杂度的东西,所以才能通过一个oralce养活一家全球50强的公司,其次,数据库太复杂了,要写出来实在是力所不能及,但是后来有想了一下,如果我们从另外一个角度来审视数据库,那么也有比较容易的实现办法,

Objective-C Foundation 之NSArra/NSMutableArrra

Objective-C 中除了可以使用 C 中的基本数组外,如 int[5],char word[] ={‘a’,’b’,’c’};Foundation 还提供了 NSArray 类,其有如下特点:。(1)NSArray 是有序的对象集合。(2)NSArray 保存的对象可以是不同的对象。(3)int ,char,double 等基本数据类型不能直接保存,需要通过转换成对象

js同源策略之共享cookie

什么是同源同domain(或ip),同端口,同协议视为同一个域,一个域内的脚本仅仅具有本域内的权限,可以理解为本域脚本只能读写本域内的资源,而无法访问其它域的资源。这种安全限制称为同源策略。为什么要有同源限制同源策略的目的主要是为了防止恶意获取/修改网站数据。而这些数据主要包括cookie,LocalStorage,DOM,以及发送的AJAX请求。假设现在没有同源策略,会发