Helay

> 自从 ES6 诞生以来，异步编程的方法得到了很大的发展。从 `Promise` 到 ES7 提案中的 `async/await`。目前，它仍处于提案阶段，`async` 函数可以说是目前异步操作最好的解决方案，是对 `Generator` 函数的升级和改进。那么今天就来具体说说 `async/await` 函数。 ## async/await 简介 - async/await 是异步代码的新方式 - async/await 基于 Promise 实现 - async/await 使得异步代码更像同步代码 - await...

话说 PHP 是世界上“最好”的语言，我不是 PHPer ，所以今天我们的主角不是 PHP ，而是前端（Nextjs）。那么问题来了，Nextjs 是什么？ > Next.js is a lightweight framework for static and server-rendered applications. 说直白了：Next.js 是一个基于 React 实现的服务端渲染框架。 好了，今天我们就来聊聊 Next.js 实现。 ## 介绍 该项目通过使用 Nextjs...

[](https://juejin.im/entry/5a49dfe8f265da4335631c58/detail) *最近抽空看了看移动端适配的一些文章，也结合自己的经验做一下总结以及对比。* 那么，开始正题，首先说说到目前位置出现的一些关于移动端适配的技术方案： - 通过媒体查询的方式即`CSS3`的`meida queries` - 以天猫首页为代表的 `flex` 弹性布局 - 以淘宝首页为代表的 `rem`+`viewport`缩放 - `rem` 方式 ## Meida Queries `meida queries` 的方式可以说是我早期采用的布局方式，它主要是通过查询设备的宽度来执行不同的 `css` 代码，最终达到界面的配置。核心语法是： ``` @media screen and (max-width: 600px)...

[](https://juejin.im/entry/5add450c51882567161a2a3d/detail) 当今 `React` 比较流行，可能会有很多的新手和我一样遇到这个问题： > `var MyClass = React.createClass({...});` 和 `class MyClass extends React.Component{...}` 之间的区别是什么？那么今天带大家一起学习一下。 ### 写法的区别 `React` 中有两种支持创建组件的方法，你可以通过 `React.createClass` 和 `extends React.Component`，他们实现的目的都是一样的。区别就在于你是否是以 `ES6` 的形式。 > 当你使用 `ES6`，你应该在 `constructor` 中初始化你的参数：...

[](https://juejin.im/entry/5ad84b435188252eb323765f/detail) 好几年之前【大前端】这个词语就开始在“dev er”中流行起来了，那么大前端到底包含了哪些技术呢？传统的FE、Native（Hybrid）、Node、图形技术、VR……，今天我们来着重说说其中简单的一块——Nodejs（请求转发）。  ## 需求 明确用 `Node` 来干什么，很重要。 - 从后台读取对应的 API - 处理读取的数据，并发给前端（自己） 很明显这样可以完全抛弃 `JSP` 语言，并由前端自己来完成。 ## 开发 说完就撸起袖子干吧～～～，下文以「[blog中的demo](https://github.com/Hancoson/blog/tree/master/demo/nodeMidd)（已开源）」为例，引入 `Express` 框架。 ### 目录机构 ```js . ├── app.js //入口文件 ├──...

我刚刚开始使用`React`。在我的项目中，我创建了一个`button`。当用户点击这个创建的`button`时候，有些复杂的字母“a”出现在页面上。 然而，在我的html中，这个字母在按钮的兄弟元素当中，下面代码是我如何解决这个渲染元素的问题。 ## Attempt #1： ``` import React from 'react'; import ReactDOM from 'react-dom'; const Letter = React.createClass({ render() { return ( // lots of HTML stuff here... ) }...

My frist Vue project

1

## 介绍 Vuejs火了有一段时间了，但是之前自己还没有一个线上项目中使用它。刚搞公司前一段时间有个新项目要开发，再加上大BOSS那边要求使用`Vuejs`来做，自己也就毫不犹豫的接了下来，并用了`Vuejs`作为开发框架。那为什么要用它呢？有以下原有： - 易用/灵活/性能（哈哈~来自官网） - 对自身的技术面的拓展和提升 - 后台项目，表单编辑比较多，很适合使用双向绑定的方式来控制`data`和`view` - 公司层面希望技术栈统一 ## 过程 ### 技术 #### 1.构建工具 构建工具方面参考了尤大大的`[vue-cli](https://github.com/vuejs/vue-cli)`和`vue-element-admin(https://github.com/PanJiaChen/vue-element-admin)`，当然也可以看看自己的小`(DEOM)[https://github.com/Hancoson/vue-manage]`。也基本都是copy第三方的，没有自己去造轮子。 #### 2.技术栈 使用到的技术栈如下：  目录结构： ``` ├─index.html //页面入口 ├─build //构建配置 ├─config //构建配置文件...

在`React`中的组件可以分为`presentational components`即UI（演示）组件和`container components`即容器组件。今天就来说说他们两个的区别以及这样的好处。 ## 区别 我的演示组件： - 它只关心事物的样子。 - 内部可以包含容器组件，通常有一些自己的DOM标记和样式。 - 通常可以通过`this.props.children`进行控制。 - 对应用程序的其余部分没有依赖关系，例如`Flux`的`action`和`stores`。 - 不需要指定数据的加载或变异。 - 通过`props`接受和会掉数据。 - 很少有自己的状态。 - 被编写为功能组件，除非它们需要状态，生命周期或性能优化。 - 示例：页面，边栏，故事，用户信息，列表。 我的容器组件： - 关心事情如何运作 - 可能包含容器组件，但通常没有自己的任何DOM标记，除了一些包装div，并且没有任何样式。 -...

最近终于有时间静下心来学学`node`相关的知识了，那么来做一个什么东西呢？想来想去还是来做一个简单的bolg吧～～。接下来就介绍一下具体的历程。 ## 技术栈 - node - express（web应用框架） - mongoose（数据库） - pm2（应用进程管理） - swagger（API功能调试） ## 项目介绍 本文章将用具体的项来介绍 node-app：https://github.com/Hancoson/node-app ### 文件结构 - app.js：入口文件 - package.json：工程信息及包管理 - node_moudules：依赖模块 - public：静态资源（css、js、images） - routes：路由管理 -...

## 准备工作 > 安装必要的软件，这里就不详细说了，具体可参考[官方文档](http://facebook.github.io/react-native/docs/getting-started.html) - 安装React-Native Cli `npm install -g create-react-native-app` - Xcode 安装升级到 `8+` - 初始化RN项目 `react-native init rnHelloWord`，可能会比较慢，要耐心等到 ## 启动项目 - 进入项目并启动 ``` cd rnHelloWord npm start ```...