http://learnangular2.com/

https://github.com/ntesmail/angular-webpack-template

http://shark.mail.netease.com/shark-angular2/index.html

https://www.gitbook.com/book/zhongsp/typescript-handbook

https://blog.thoughtram.io/

http://ngcourse.rangle.io/index.html

 

https://github.com/riskers/blog/issues/18#issuecomment-177721617

 

上一篇介绍了像素和视口这些基本概念,现在接着移动端的适配方案。

推荐一篇文章:MobileWeb适配总结,里面说到的三种布局方法已经说的很详细,还分别做了demo,我就不做了,这里说说三种方案的原理以及我使用中的感受,希望各为互补,大家理解是最重要的。

之前做过PC页面的人聊的最多的就是『兼容』,这是因为浏览器之间的差异引起的,不再多说。而移动端是基本没有『兼容』的问题的,全是CSS3,简直不要太开心。可是『适配』问题随之而来。[……]

继续阅读

https://github.com/riskers/blog/issues/17

 

要搞懂移动端的适配问题,就要先搞明白像素和视口。

像素

在移动端给一个元素设置 width:200px 时发生了什么?这里的px到底是多长呢?像素是网页布局的基础,但是我们一直在用直觉使用它。

其实存在两种像素:

1. 设备像素

屏幕的物理像素,任何设备屏幕的物理像素的数量都是固定不变的,单位是pt

2. CSS像素

在CSS、JS中使用的一个抽象的概念,单位是 px

顺便说下,CSS像素也可以称为设备独立像素(device-independen[……]

继续阅读

http://blog.csdn.net/xue110110/article/details/45558365?locationNum=4

 

摘要:判断滚动条到底部,需要用到DOM的三个属性值,即scrollTop、clientHeight、scrollHeight。scrollTop为滚动条在Y轴上的滚动距离。clientHeight为内容可视区域的高

分享到:
判断滚动条到底部,需要用到DOM的三个属性值,即scrollTop、clientHeight、scrollHeight。
scrollTop为滚动条在Y轴上的滚动距离。
clien[……]

继续阅读

http://www.ruanyifeng.com/blog/2012/07/git.html

 

如果你严肃对待编程,就必定会使用”版本管理系统”(Version Control System)。

眼下最流行的”版本管理系统”,非Git莫属。

相比同类软件,Git有很多优点。其中很显著的一点,就是版本的分支(branch)和合并(merge)十分方便。有些传统的版本管理软件,分支操作实际上会生成一份现有代码的物理拷贝,而Git只生成一个指向当前版本(又称”快照”)的指针,因此非常快捷易用。

但是,太方便了也会产生副作用。如果你不加注意,很可能会[……]

继续阅读

 

http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html

https://www.zhihu.com/question/41312576?sort=created

我觉得redux的思想很简单,其实说白了就是一个reduce函数,state不断通过reducer处理生成新的state

 

http://www.cnblogs.com/luxiaoxun/p/4694144.html

 

一、MySQL的主要适用场景

1、Web网站系统

2、日志记录系统

3、数据仓库系统

4、嵌入式系统

二、MySQL架构图:

 

三、MySQL存储引擎概述

1MyISAM存储引擎

MyISAM存储引擎的表在数据库中,每一个表都被存放为三个以表名命名的物理文件。首先肯定会有任何存储引擎都不可缺少的存放表结构定义信息的.frm文件,另外还有.MYD和.MYI文件,分别存放了表的数据(.MYD)和索引数据[……]

继续阅读

http://www.jb51.net/article/24392.htm

MySQL性能优化的最佳20+条经验

 

今天,数据库的操作越来越成为整个应用的性能瓶颈了,这点对于Web应用尤其明显。关于数据库的性能,这并不只是DBA才需要担心的事,而这更是我们程序员需要去关注的事情。

当我们去设计数据库表结构,对操作数据库时(尤其是查表时的SQL语句),我们都需要注意数据操作的性能。这里,我们不会讲过多的SQL语句的优化,而只是针对MySQL这一Web应用最多的数据库。希望下面的这些优化技巧对你有用。
1. 为查询缓存优化你的查询

大多数的MySQL服务[……]

继续阅读

http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

 

网页布局(layout)是CSS的一个重点应用。

1475626367-1715-bg2015071001

布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。

1475626370-1657-bg2015071002

2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。

1475626369-1968-bg2015071003

Flex布局将成为未来布[……]

继续阅读

http://www.jb51.net/article/43949.htm

 

定义和用法

replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

语法

stringObject.replace(regexp,replacement)

参数  描述
regexp 必需。规定了要替换的模式的 RegExp 对象。请注意,如果该值是一个字符串,则将它作为要检索的直接量文本模式,而不是首先被转换为 RegExp 对象。
replacement 必需。一个字符串值。规定了替换文本或生成替换文本的函数。[……]

继续阅读

Hash 索引结构的特殊性,其检索效率非常高,索引的检索可以一次定位,不像B-Tree 索引需要从根节点到枝节点,最后才能访问到页节点这样多次的IO访问,所以 Hash 索引的查询效率要远高于 B-Tree 索引。

可 能很多人又有疑问了,既然 Hash 索引的效率要比 B-Tree 高很多,为什么大家不都用 Hash 索引而还要使用 B-Tree 索引呢?任何事物都是有两面性的,Hash 索引也一样,虽然 Hash 索引效率高,但是 Hash 索引本身由于其特殊性也带来了很多限制和弊端,主要有以下这些。

(1)Hash 索引仅仅能满足”=”,”IN”和”<=>”查询,[……]

继续阅读

http://www.jb51.net/article/49645.htm

 

最近在本地搭建的LNMP的开发环境。为了开发的时候不影响前端的正常开发就屏蔽的PHP里面php.ini中的一些错误提示。但是这样一来,就影响到了后端开发的一些问题比如不能及时调试开发中的一些问题

nginx与apache不一样,在apache中可以直接指定php的错误日志,那样在php执行中的错误信息就直接输入到php的错误日志中,可以方便查询。

在nginx中事情就变成了这样:nginx只对页面的访问做access记录日志。不会有php的error log 信息。ng[……]

继续阅读

https://www.zhihu.com/question/20657269/answer/15763722

 

[只是大框架介绍,实际使用中的不容易注意的细节太多了,需要经验的积累,才能运用娴熟]

以下的架构都是在假设已经优化过linux内核的情况下进行

初级篇:(单机模式)

假设配置:(Dual core 2.0GHz,4GB ram,SSD)

基础框架:apache(PHP) + Mysql / IIS + MSSQL
(最基础框架,处理一般访问请求)

进阶1:替换Apache为Nginx,并在数据库前加上cache层【数据库的[……]

继续阅读

utility(一些常用的工具,如md5、base64编码):https://github.com/node-modules/utility

superagent(网络请求库,类似ios中的AFNetworking):http://visionmedia.github.io/superagent/

cheerio(nodejs版的jquery,可用来提取内容、抓取):https://github.com/cheeriojs/cheerio

eventproxy(控制并发,解决异步调用嵌套多层的问题):https://github.com/JacksonTian/eventpr[……]

继续阅读

http://blog.csdn.net/xllily_11/article/details/48995137

 

在web服务器上通常需要是web容器随开机自动启动,恰好Tomcat可以作为服务启动,只要经过我们简单的配置,就可以将免安

装版的Tomcat添加到系统服务中。

首先需要配置以下环境变量:

JAVA_HOME:JDK 路径

JRE_HOME:JRE 路径

CATALINA_HOME:Tomcat 路径

在 path 环境变量最前面加入:%JAVA_HOME%\bin;%CATALINA_HOME%\bin;

好了,环境变量配[……]

继续阅读

https://huanxi.pub/2016/12/26/springboot%E7%83%AD%E9%83%A8%E7%BD%B2/

 

热部署

在项目开发过程中,常常会改动页面数据或者修改数据结构,为了显示改动效果,往往需要重启应用查看改变效果,其实就是重新编译生成了新的 Class 文件,这个文件里记录着和代码等对应的各种信息,然后 Class 文件将被虚拟机的 ClassLoader 加载。

而热部署正是利用了这个特点,它监听到如果有 Class 文件改动了,就会创建一个新的 ClaassLoader 进行加载该文件,经过一系列的过程,最终将结果呈现在我们眼[……]

继续阅读

http://blog.csdn.net/xlgen157387/article/details/56498938

 

war和war exploded的区别

在使用IDEA开发项目的时候,部署Tomcat的时候通常会出现下边的情况:

是选择war还是war exploded 这里首先看一下他们两个的区别:

war模式:将WEB工程以包的形式上传到服务器 ;
war exploded模式:将WEB工程以当前文件夹的位置关系上传到服务器;

(1)war模式这种可以称之为是发布模式,看名字也知道,这是先打成war包,再发布;

(2)war ex[……]

继续阅读

https://zhidao.baidu.com/question/205979705.html

 

打开 Eclipse -> Window -> Perferences -> Java -> Editor -> Content Assist,在右边最下面一栏找到 auto-Activation ,下面有三个选项,找到第二个“Auto activation triggers for Java:”选项

在其后的文本框中会看到一个“.”存在。这表示:只有输入“.”之后才会有代码提示和自动补全,我们要修改的地方就是这里。把该文本框中的“.”[……]

继续阅读

http://mp.weixin.qq.com/s?__biz=MzI2ODQ4NzkyNA==&mid=2247484526&idx=1&sn=730f14b12879e39d683ccc85614a2761&chksm=eaef99f5dd9810e34b12445f66e7ba1130435b7ec59d78c0ab84b0fce46839167d3cff2cb6d0&mpshare=1&scene=23&srcid=05181Ub4y7v68pXAYXAuYYPq#rd

 

近日,社长从相关工作人员获悉,武汉将进一步放宽落户条件,中专生也有望落户武汉,相关[……]

继续阅读

http://blog.csdn.net/s1070/article/details/51174698

 

mysql_num_rows()
mysql_affected_rows()
这两个函数都作用于 mysql_query($query)操作的结果,mysql_num_rows() 返回结果集中行的数目。mysql_affected_rows() 取得前一次 MySQL 操作所影响的记录行数。
mysql_num_rows()仅对 SELECT 语句有效,要取得被 INSERT,UPDATE 或者 DELETE 查询所影响到的行的数目,用 mysql_affe[……]

继续阅读

http://blog.csdn.net/s1070/article/details/51174677

 

1. 写出 php 的 public、protected、private 三种访问控制模式的区别(新浪网技术部)

public:公有,任何地方都可以访问
protected:继承,只能在本类或子类中访问,在其它地方不允许访问
private:私有,只能在本类中访问,在其他地方不允许访问

相关题目:请写出 PHP5 权限控制修饰符

private protected public

2. 设计模式考察:请用单态设计模式方法设计类满足如下需求:

请用 PHP5[……]

继续阅读

http://blog.csdn.net/s1070/article/details/51174733

 

三、PHP网络编程

[!!!]1.禁用COOKIE后SEESION还能用吗?(51.com笔试题)

可以,COOKIE和SESSION都是用来实现会话机制的,由于http协议是无状态的,所以要想跟踪一个用户在同一个网站之间不同页面的状态,需要有这么一个机制—-会话机制。
COOKIE:将会话信息的保存到浏览器端。
SESSION:将会话信息保存到服务器端。

SESSION默认情况下是基于COOKIE的,对于SESSION来说,每生成一个SESSIONI[……]

继续阅读