ES6 (1) 块级作用域绑定var、let、const

本章涉及3个知识点,var、let、const,现在让我们了解3个关键字的特性和使用方法。 var JavaScript中,我们通常说的作用域是函数作用域,使用var声明的变量,无论是在代码的哪个地方声明的,都会提升到当前作用域的最顶部,这种行为叫做变量提升(Hoisting) 也就是说,如果在函数内部声明的变量,都会被提升到该函数开头,而在全局声明的变量,就会提升到全局作用域的顶部。 function test() { console.log(‘1: ‘, a) //undefined if (false) { var a = 1 } console.log(‘3: ‘, a) //unde …

RAP2搭建教程(mock服务)

RAP是一个可视化接口管理工具 通过分析接口结构,动态生成模拟数据,校验真实接口正确性, 围绕接口定义,通过一系列自动化工具提升我们的协作效率。 1.后端服务搭建 下载项目:?https://github.com/thx/rap2-delos 开发模式 # 创建数据库 mysql -e ‘CREATE DATABASE IF NOT EXISTS RAP2_DELOS_APP DEFAULT CHARSET utf8 COLLATE utf8_general_ci’ # 安装依赖初始化数据库 npm install npm run create-db # 代码检查(或可忽略) npm run …

pro.ant.design组件库搭建

国内npm较慢,安装淘宝镜像 npm install -g cnpm –registry=https://registry.npm.taobao.org 使用命令行工具 你可以使用集成化的命令行工具?ant-design-pro-cli。 cnpm install ant-design-pro-cli -g pro new # 安装脚手架 选择?standard 进入安装创建的项目目录执行 cnpm install 开发模式调试 cnpm start 打包路径配置,修改 .roadhogrc?文件,追加??publicPath?属性,为 build?依赖路径前缀 打包成生产版本 cnpm r …

JSX语法入门 基于React-16.0.0

JSX语法,像是在Javascript代码里直接写XML的语法,实质上这只是一个语法糖,每一个XML标签都会被JSX转换工具转换成纯Javascript代码,React 官方推荐使用JSX, 当然你想直接使用纯Javascript代码写也是可以的,只是使用JSX,组件的结构和组件之间的关系看上去更加清晰。 //使用JSX ReactDOM.render( <div> <div> <div>content</div> </div> </div>, document.getElementById(‘example’) ); / …

Vue实例的生命周期created和mounted的区别

什么是生命周期 Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。 在Vue的整个生命周期中,它提供了一系列的事件,可以让我们在事件触发时注册js方法,可以让我们用自己注册的js方法控制整个大局,在这些事件响应方法中的this直接指向的是vue的实例。 每个钩子函数都在什么时间触发 beforeCreate 在实例初始化之后,数据观测(data observer) 和 event/watcher 事件配置之前被调用。 created 实例已经创 …

Ant-Design脱构建工具使用

1.将react的相关链接引入: <script src=”https://cdn.bootcss.com/react/16.0.0/umd/react.production.min.js”></script> <script src=”https://cdn.bootcss.com/react-dom/16.0.0/umd/react-dom.production.min.js”></script> <script src=”https://cdn.bootcss.com/babel-core/5.8.38/browser.min.js” …

Angular4+学习笔记

什么是 Angular? Angular 是一个开发平台。它能帮你更轻松的构建 Web 应用。Angular 集声明式模板、依赖注入、端到端工具和一些最佳实践于一身,为你解决开发方面的各种挑战。Angular 为开发者提升构建 Web、手机或桌面应用的能力。 1. 设置开发环境 如果你的机器上还没有Node.js?和npm,请先安装它们。 请先在终端/控制台窗口中运行命令?node -v?和?npm -v,?来验证一下你正在运行 node?6.9.x?和 npm?3.x.x?以上的版本。?更老的版本可能会出现错误,更新的版本则没问题。 然后全局安装?Angular CLI?。 npm inst …

nginx配置详解

#定义Nginx运行的用户和用户组 user www www; #nginx进程数,建议设置为等于CPU总核心数。 worker_processes 8; #全局错误日志定义类型,[ debug | info | notice | warn | error | crit ] error_log /var/log/nginx/error.log info; #进程文件 pid /var/run/nginx.pid; #一个nginx进程打开的最多文件描述符数目,理论值应该是最多打开文件数(系统的值ulimit -n)与nginx进程数相除,但是nginx分配请求并不均匀,所以建议与ulimit …