2019年10月_肖ZE

原创微信开发公众号 JS-SDK

微信官网通过 config 接口注入权限验证配置wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: '', // 必填，公众号的唯一标识 timestamp: '', // 必填...

2019-10-23 10:29:41 271

原创 webpack——搭建多页面之 glob

glob 在 webpack 中对文件的路径处理非常之方便，比如当搭建多页面应用时就可以使用 glob 对页面需要打包文件的路径进行很好的处理官方文档npm install glob -save-devconst glob = require('glob')try { entries = glob('src/pages/*/main.js', { sync: true })}...

2019-10-22 17:31:58 893

原创 react——react-router-dom 路由与 react-loadable 异步加载组件

import { BrowserRouter, Route } from 'react-router-dom';<BrowserRouter> {/* 用来跳转链接，注意在 BrowserRouter 内部 */} <Link to='/'><p>home</p></Link> <Link to='/detail'&...

2019-10-21 23:12:01 916

它是通过JavaScript改变CSS编写方式的解决方案之一，从根本上解决常规CSS编写的一些弊端。通过JavaScript来为CSS赋能，我们能达到常规CSS所不好处理的逻辑复杂、函数方法、复用、避免干扰。尽管像SASS、LESS这种预处理语言添加了很多用用的特性，但是他们依旧没有对改变CSS的混乱有太大的帮助。因此组织工作交给了像 BEM这样的方法，虽然比较有用，但是它完全是自选方案，不...

2019-10-17 22:32:47 613

转载 webpack devServer

DevServer该文档主要描述关于devserver的相关配置。(配置同webpack-dev-middleware兼容)devServer(Object类型)该配置会被webpack-dev-server使用，并从不同方面做定制。下面是一个例子，使用gzips提供对dist/文件夹下内容的访问。devServer: {contentBase: path.join(__dirna...

2019-10-17 10:29:30 2289

原创 react——以 js 写样式（styled-components）

引入：yarn add styled-components使用：// index.jsimport React, { Component } from 'react'import { HeaderWrapper, Logo } from './style'class Header extends Component { render() { return...

2019-10-16 23:48:48 468

原创 dirname、filename、process.cwd()

__dirname当前文件所在完整目录路径（不包括文件名）__filename当前文件所在完整目录路径（包括文件名）实例：// 配置 aliasconst path = require('path')alias: { // 获取当前目录前一级的 src 目录 '@': path.resolve(__dirname, '../src')}...

2019-10-16 23:39:21 347

原创 react yarn 安装 node-sass 过慢或报编译错误

第一步：配置淘宝镜像yarn config set registry https://registry.npm.taobao.org -g第二步：配置下 node-sass 的二进制包镜像地址yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g...

2019-10-16 11:39:29 490

原创 vue——利用 router 配置权限管理及 resetRouter

router.jsexport const constantRoutes = [ { path: '/redirect', component: () => import('@/layout'), hidden: true, children: [ { path: '/redirect/:path*', com...

2019-10-14 15:04:08 9304 1

原创模块动态引入

/** * test.js * 可以用于异步挂载的路由 * 动态需要根据权限加载的路由表 */const modulesFiles = require.context('./z-test', true, /\.js$/)const routesModules = []// 自动引入 z-test 目录下的所有模块modulesFiles.keys().reduce((module...

2019-10-11 14:15:31 493

肖的博客