Webpack—React最佳实践

目标

  • 代码结构更清晰,利于项目移植
  • 提取公共库,静态文件缓存机制让客户端资源加载时间更短
  • 基于浏览器端的gzip压缩,减轻服务端压力,进一步减少客户端资源加载时间
  • 开发环境和输出环境完全分离,更利于模块化开发,并降低因代码改动影响输出环境的风险
  • 输出环境增加hash版本号控制,杜绝了因资源缓存引起的不必要麻烦
  • 开发更简单,减少代码量,js、css、image的引用更智能化,无需知道路径
  • 编译简单,极简命令行,多页面/单页面均支持
  • 遵从约定大于配置的项目构建实践

前端Sublime Text 3插件推荐

  • Package Control :包管理器

    1
    import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
  • Emmet :编码神器

Js中的作用域详解

什么是作用域

  • 通俗的讲,代码中所有变量和函数都有其各自生效的范围
  • 而调用这些变量和函数时,必须在其生效范围内调用才有效
  • 这个生效范围,就是作用域
  • 而js中是由函数来划分一块一块的生效范围