240 发简信
IP属地:广东
  • 使用react-loadable实现代码分割

    (本文为学习记录,如有错误谢谢指出,高手勿喷) 在开发react单页面应用时,我们会遇到一个问题,那就是打包后的js文件特别巨大,首屏加载会特别缓慢。这个时候我们应该讲代码进...

  • 120
    vuepress博客主题—vuepress-theme-reco

    这是一个vuepress主题,旨在添加博客所需的分类、TAB墙、分页、评论等能;主题追求极简,根据 vuepress 的默认主题修改而成,官方的主题配置仍然适用;效果:午后南...

  • 打造完美编辑器--VS code

    主题设置 颜色主题 One Dark Pro 图标主题 vscode-icons 格式化 Prettier 代码检查 ESLint: 检查 js 语法规范 TSLint: T...

  • Redux详解

    Redux是什么 Redux 是 JavaScript 状态容器,提供可预测化的状态管理。 使用场景 用户的使用方式复杂 不同身份的用户有不同的使用方式(比如普通用户和管理员...

  • Vuex详解

    Vuex是什么 状态管理模式,将所有组件需要共享的变量全部存储在一个对象里,然后将这个对象放在顶层组件中供其他组件使用。 Vuex内容 state:存储状态。也就是变量; g...

  • vue-cli 根据不同的环境打包

    vue-cli 中build中build.js部分代码做如下修改 build中webpack.prod.conf.js做如下修改 config中的index.js 部分代码修...

  • React-router 4.0详解

    React-router-dom API <BrowserRoute> <Router> 使用 HTML5 提供的 history API (pushState, repla...

  • 120
    React 16.3.0生命周期

    组件的生命周期可分成三个状态 挂载:组件被实例化并挂载在到dom树这一过程称为挂载 更新:当组件的属性或者状态改变时会重新渲染 卸载:当一个组件被移出Dom树时,组件就会被卸...

  • React 16.3.0项目搭建

    使用create-react-app创建项目 安装: npm install -g create-react-app 创建项目:create-react-app my-app...

  • vue路由组件按需加载的几种方法

    1. 普通加载 使用vue-cli构建项目后,我们会在Router文件夹下面的index.js里面引入相关的路由组件,如: 这样做的结果就是webpack在npm run b...

  • CSS固定底部的方法

    1. 使用flexbox布局实现 HTML: CSS: 全局增加一个负值下边距等于底部高度 html: CSS:

  • JavaScript编程规范

    1. 声明(块级作用域) (1)let取代var 上面代码如果用var替代let,实际上就声明了两个全局变量,这显然不是本意。变量应该只在其声明的代码块内有效,var命令做不...

  • 使用vw适配移动端

    1.vw原理解析 vw是基于Viewport视窗的长度单位,这里的视窗(Viewport)指的就是浏览器可视化的区域,而这个可视区域是window.innerWidth/wi...

  • Git基本操作

    1. git简介 工作区:本地电脑存放项目文件的地方; 暂存区:在使用git管理项目文件的时候,其本地的项目文件会多出一个.git的文件夹,将这个.git文件夹称之为版本库。...

  • 120
    基于react技术栈的单页应用(SPA)搭建_快速入门实践

    概述 本篇文章使用create-react-app作为脚手架,结合react技术栈(react + redux + react-router),构建一个简单的单页面应用dem...