20170408 前端开发日报-前端开发博客

node.js入门学习笔记整理——基础篇；前端小白如何用面向对象思想写代码；javascript基础总结；js数据类型检测四种方法；React v15.5.0 更新说明 & v16.0.0 更新预告；Vue音乐播放器2.0升级版来了；react闲谈——react@15.5.0发布更新说明；JS Tips:选择（picking）和反选（rejecting）对象的属性

node.js入门学习笔记整理——基础篇零、开始之前 1、首先解释一下node.js是什么？ 2、node.js和javascript有什么不同？ 1）因为javascript主要是用在browser，而node.js是在server或者你的电脑上写，所以就不会有window / document这两个变量，取…
前端小白如何用面向对象思想写代码本人自学前端近半年，js达到熟练的水平，面向对象思想、this指向有一定的了解，但是要用面向对象思想写代码就一脸懵逼了，最近看到某课堂的视频（里面广告嫌疑，就不说是啥了），觉得讲的很好，因此想和大家分…
javascript基础总结1、查找作用域当前函数在哪个作用域下定义的，那么他的上级作用域就是谁，和函数在哪执行没有任何关系 {代码…} 2、++i 和 i++的区别 {代码…} 3、预解释在js执行之前，浏览器首页会把带var和function的关…
js数据类型检测四种方法1、typeof 用来检测数据类型的运算符返回的都是字符串其次字符串中包含了对应的数据类型 {代码…} 局限性 2、instaceof 检测某一个实例是否属于一个类局限性 {代码…} 1、字面量创建出来的结果和实例创建出来…
React v15.5.0 更新说明 & v16.0.0 更新预告 PropTypes 变成独立的包，React.createClass 即将废弃，Fiber 算法即将启用…… —— 由余博伦是讨厌鬼分享
Vue音乐播放器2.0升级版来了 Vue.js音乐播放器2.0 之前初学Vue做了一个音乐播放器，受到不少人的喜欢。现在升级版来了！功能更强，技术栈更多：Vue2.0、Vuex、vue-router、axios、SASS(SCSS)、Express(上线版本是Koa2)、Webpack、ES6
react闲谈——react@15.5.0发布更新说明还在用react@0.14？看看react@15.5.0变更了什么内容吧。（官方更新说明原话） React 1、Added a deprecation warning for React.createClass. Points users to create-react-class instead. 添加了一个“React.c…
JS Tips:选择（picking）和反选（rejecting）对象的属性这是我在 JS Tips 上翻译的一篇文章，原文在官网：选择（picking）和反选（rejecting）对象的属性有时候我们需要将一个对象的某些属性放到白名单里，这样来说，我们有一个数组代表了一张数据库表，并且为了一些功能我们需要从中选出（select
带你用js写可复用组件，从此你就少了引用第三方库的烦劳前言我们在前端开发的过程中（其它开发也一样），总是会遇到这样一种情况：以前做的一个项目，里面有个组件，比如对话弹窗、登陆窗等等。一般我们写了之后就很少去管它了，但是像这样的一些组件，在不同的项目开发过程总是很多时候需要复用起来的。虽然现在网上很多js库都封
给github项目添加CI badge上一节讲到了 PHP 单元测试，数据库测试，那么测试报告结果怎么添加到自己的 github 项目中去呢?也或者说，怎么让程序自动帮我们完成这些工作呢? 我就简单带大家入门一下吧。估计很多朋友们对着方面其实没啥要求…
使用 FIS3 构建 Vue 前端工程. webpack 用户也请看过来使用 webpack 进行构建项目时遇到的几个问题, 以及使用 fis3 进行 vue-hackernews-2.0 项目构建的 demo —— 由treri分享
React 的生命周期的使用场景详细描述了 React 的生命周期的使用场景 —— 由Johann_Lai分享
【前端开发者都应知道的 jQuery 小技巧】作为一名前端开发者，下面的这些小技巧你知道哪些呢？（来自：博客园）
《用 canvas 实现 Web 手势解锁》最近参加 360 暑假的前端星计划，有一个在线作业，截止日期是 3 月 30 号，让手动实现一个 H5 手势解锁，具体的效果就像原生手机的九宫格解锁那样。（by songjz）
#开源项目#【轻量级纯 JS 工具提示框库：Tippy.js】详见： Tippy.js 是一个由 Popper.js 驱动的轻量级工具提示框库。它具有多种提示效果，支持大多数浏览器。Demo 地址： [喵喵]