webpack4&react-router5 动态路由

8 月 14 日
阅读 2 分钟
219
因为版本限制原因,无法用react.lazy实现路由懒加载。为了减小首次加载的文件大小,实现动态加载,使用webpack的动态加载能力。网上找了一些方法,走了不少弯路。以下提供特定版本范围的可行方案,供需要的同学参考。1.webpack 配置,用babel-plugin-syntax-dynamic-import(v6.18.0) use: {

react-native 设置环境变量- react-native-dotenv

2022-04-27
阅读 2 分钟
4.1k
有时候我们需要设置一些环境变量,这里有很多方式。例如:通过特定的标识判断当前是什么环境,再动态读取对应的变量。那么如何通过编译命令设置环境变量呢?我们可以了解一下 react-native-dotenv。

react-native TextInput 无法自动失去焦点,需要点击多次切换到其他组件

2022-04-27
阅读 1 分钟
3.7k
比较常见的需求是有个输入框,旁边有个搜索按钮或者发送按钮。点击输入框的时候会唤起虚拟键盘,输入文字点击旁边的按钮或者切换其他组件,点击第一次是收起键盘,无法触发点击事件,需要再点击一次。

Yeoman-脚手架搭建工具《三》

2020-12-10
阅读 3 分钟
1.7k
Prompts是主要和用户交互的方式。prompt方法是异步的,并返回一个promise。你需要从task中返回promise,以便在运行下一个任务之前等待任务完成

Yeoman-脚手架搭建工具《二》

2020-12-10
阅读 2 分钟
1.7k
每一个挂载到Generator prototype的方法都会被当作一个task。每个task都会在Yeoman环境中按照顺序运行。换个简单的说法就是,object上通过Object.getPrototypeOf(Generator)返回的方法会自动执行。

Yeoman-脚手架搭建工具《一》

2020-12-10
阅读 3 分钟
2.6k
1.创建一个空文件夹用来写你自己的generator。这个文件夹必须命名为generator-name(name是你自己的generator名字)。这一点很重要,因为Yeoman依赖文件系统来查找可用的generator。

从0开始使用sinopia搭建私有npm仓库

2019-01-18
阅读 4 分钟
3k
因为业务安全需要等种种原因,不能够把插件都发布到公共的npm仓库,所以需要搭建自己的私有npm仓库,最近自己搭建了一个简单的npm仓库,踩了些坑,和大家分享一下,希望能够帮到有需要的童鞋

支付宝小程序编译less

2018-12-28
阅读 1 分钟
5k
最近在踏坑支付宝小程序,目前支付宝小程序的框架还不是很成熟,然后项目要求比较高,为了避免一些无法预料的坑,所以选择了原生的支付宝小程序的开发。

vue-router+nginx 非根路径配置方法

2018-06-29
阅读 1 分钟
18.1k
一般情况下,我们不喜欢丑丑的hash,类似于index.html#/matchResult,可以使用路由的history模式。history模式是利用history.pushState API来实现页面跳转。

基于Vue-cli的一套代码支持多个项目的解决方案

2018-06-29
阅读 3 分钟
9.4k
在toB端业务中,同样的产品,客户多多少少会要求一些定制化。从皮肤,图片,到一些小的功能的差异。前端总是冲在最前面需要改的。如果改动不大的话,拉个分支有增加了维护的成本,分支拉多了,如果主干有一个问题相当于copy了n份,那个滋味简直不要太酸爽。那么,是否可以一套代码支持多个项目呢?