12 2017 档案

IntelliJ IDEA使用技巧一览表
摘要：1、写代码时用Alt-Insert（Code|Generate…）可以创建类里面任何字段的getter与setter方法。 2、右键点击断点标记（在文本的左边栏里）激活速查菜单，你可以快速设置enable/disable断点或者条件它的属性。 3、CodeCompletion（代码完成）属性里的一个 阅读全文
posted @ 2017-12-29 15:32 pei~乐悠悠 阅读(1303) 评论(0) 推荐(0)
Node.js-官方文档
摘要：http://nodejs.cn/api/buffer.html 阅读全文
posted @ 2017-12-28 12:20 pei~乐悠悠 阅读(182) 评论(0) 推荐(0)
网站前端性能优化之javascript和css
摘要：原文地址：http://www.haorooms.com/post/web_xnyh_jscss 阅读全文
posted @ 2017-12-26 18:25 pei~乐悠悠 阅读(112) 评论(0) 推荐(0)
CSS加载性能优化
摘要：将首屏页面要用到的CSS文件，放在页面头部加载，其他模块的CSS可以使用异步加载：loadCSS 和 Preload。 关于preload,推进2篇文章给大家看下： 1、通过rel="preload"进行内容预加载： https://developer.mozilla.org/zh-CN/docs/ 阅读全文
posted @ 2017-12-26 18:24 pei~乐悠悠 阅读(2086) 评论(0) 推荐(0)
WebSocket消息推送，SockJS, STOMP
摘要：WebSocke是 HTML5 提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket协议是基于TCP的一种新的网络协议，是一个应用层协议，是TCP/IP协议的子集。 它实现了浏览器与服务器全双工（full-duplex）通信，客户端和服务器都可以向对方主动发送和接收数据。在 W 阅读全文
posted @ 2017-12-25 12:09 pei~乐悠悠 阅读(7501) 评论(0) 推荐(2)
好用的css库
摘要：实现元素各种抖动效果：https://elrumordelaluz.github.io/csshake/ 阅读全文
posted @ 2017-12-22 17:13 pei~乐悠悠 阅读(168) 评论(0) 推荐(0)
JavaScript 数组遍历方法的对比
摘要：JavaScript 发展至今已经发展出多种数组的循环遍历的方法,不同的遍历方法运行起来那个比较快,不同循环方法使用在那些场景,下面将进行比较: 各种数组遍历的方法 for 语句 这是标准for循环的写法也是最传统的语句，字符串也支持，定义一个变量i作为索引，以跟踪访问的位置，len是数组的长度，条 阅读全文
posted @ 2017-12-22 16:42 pei~乐悠悠 阅读(591) 评论(0) 推荐(0)
前端技术在线文档地址链接
摘要：深入浅出Webpack： http://webpack.wuhaolin.cn/ ECMAScript 6 入门 - 阮一峰：http://es6.ruanyifeng.com/ 阮一峰技术文档：http://www.ruanyifeng.com/blog/javascript/ Angular2. 阅读全文
posted @ 2017-12-22 16:27 pei~乐悠悠 阅读(311) 评论(0) 推荐(0)
JavaScript中的值和引用
摘要：JavaScript5中有6种基本数据类型：undefined、null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object) ES6中新引入一种原始数据类型：Symbol，表示独一无二的值。ES5中对象属性名都是字符串，比较容易造成属性名冲突。比如，当你使用 阅读全文
posted @ 2017-12-22 16:06 pei~乐悠悠 阅读(172) 评论(0) 推荐(0)
html5和CSS3中新特性
摘要：H5 1、语义化标签 header、footer、aside、nav、section、article 2、表单输入类型 email、url、number、range、Date Pickers、search、color 3、表单属性 autocomplete、placeholder、form 4、视频 阅读全文
posted @ 2017-12-22 15:43 pei~乐悠悠 阅读(185) 评论(0) 推荐(0)
css中line-height与vertical-align
摘要：在博客园中看到这篇博文http://www.cnblogs.com/jaycewu/p/8068130.html，对行高的知识点讲解的很详细，故转到自己的博客中学习一下。 正文： 1、顶线、中线、基线、底线： 从上到下分别是顶线，中线，基线，底线。vertical-align的四个属性top,mid 阅读全文
posted @ 2017-12-20 14:48 pei~乐悠悠 阅读(218) 评论(0) 推荐(0)
移动端不同分辨率适配--使用flexible
摘要：根据阿里手淘团队发布的可伸缩布局方案amfe-flexible，git地址：https://github.com/amfe/lib-flexible。 使用方法： lib-flexible库的使用方法非常的简单，只需要在Web页面的<head></head>中添加对应的flexible_css.js 阅读全文
posted @ 2017-12-20 14:13 pei~乐悠悠 阅读(4643) 评论(0) 推荐(0)
CommonJS规范
摘要：概述 Node应用由模块组成，采用CommonJS模块规范。 根据这个规范，每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。 CommonJS规范规定，每个模块内部，module变量代表当前模块。这个变量是一个对象，它的exports属性（即m 阅读全文
posted @ 2017-12-18 19:00 pei~乐悠悠 阅读(230) 评论(0) 推荐(0)
前端面试题题库
摘要：http://www.qdfuns.com/notes/24610/01b6dcaafaf78da4a2b79ebcbca9e4b6.html https://www.cnblogs.com/En-summerGarden/p/6973522.html https://www.nowcoder.co 阅读全文
posted @ 2017-12-18 12:15 pei~乐悠悠 阅读(1119) 评论(0) 推荐(0)
Angular4 @HostBinding @HostListener
摘要：host属性 @Component({ selector: 'jhi-project', templateUrl: './project.html', styleUrls: [], host: { '(window:keydown)': 'keyboardInput($event)' } //绑定事 阅读全文
posted @ 2017-12-12 12:31 pei~乐悠悠 阅读(871) 评论(0) 推荐(0)
event.keyCode用法及列表
摘要：用法 HTML： JS： irfirefox2.0中不支持 window.event.keyCode, 但是我们可以用event.which代替。但是为了使其能更具有普遍的兼容性，最好用event.keyCode|| event.which. Keycode对照表 出处：http://www.cnb 阅读全文
posted @ 2017-12-12 12:21 pei~乐悠悠 阅读(388) 评论(0) 推荐(0)
Angular2 Router路由相关
摘要：路由设置 Angular中路由的配置应该按照先具体路由到通用路由的设置，因为Angular使用先匹配者优先的原则。 示例: 路由设置如下： 在report页面，点击其上的创建按钮想要进入report-new页面，然而却报下面的错误： 原来路由先匹配到了report/:id这个路由，它把report- 阅读全文
posted @ 2017-12-08 14:34 pei~乐悠悠 阅读(897) 评论(1) 推荐(0)
webpack-dev-server
摘要：webpack-dev-server是一个轻量级的服务器，修改文件源码后，自动刷新页面将修改同步到页面上。 2.安装webpack-dev-server： 全局安装：npm install webpack-dev-server -g 在项目中安装并将依赖写在package.json文件中:npm i 阅读全文
posted @ 2017-12-06 15:46 pei~乐悠悠 阅读(482) 评论(0) 推荐(0)
Webpack知识汇总
摘要：介绍 webpack把任何一个文件都看成是一个模块，模块间可以相互依赖（require or import），webpack的功能就是把相互依赖的文件打包在一起。webpack本身只能处理原生的Javascript模块，但是它支持的各种loader转换器可以将各种类型的资源转换成javascript 阅读全文
posted @ 2017-12-06 14:13 pei~乐悠悠 阅读(1190) 评论(0) 推荐(0)
Angular Reactive Form - 填充表单模型
摘要：setValue 使用setValue，可以通过传递其属性与FormGroup后面的表单模型完全匹配的数据对象来一次分配每个表单控件值。 在分配任何表单控件值之前，setValue方法会彻底检查数据对象。 它不会接受与FormGroup结构不匹配的数据对象，或者缺少组中任何控件的值。 这样，如果您有 阅读全文
posted @ 2017-12-05 20:03 pei~乐悠悠 阅读(703) 评论(0) 推荐(0)
Angular Reactive Form-响应式表单验证
摘要：内建验证规则 Angular中提供了一些內建的Validators，这些验证规则可以在Template-Driven或Reactive表单中使用。 目前 Angular 支持的内建 validators 如下： required - 设置表单控件值是非空的。 email - 设置表单控件值的格式是 阅读全文
posted @ 2017-12-05 16:42 pei~乐悠悠 阅读(1772) 评论(1) 推荐(0)