JackDeng666-CSDN博客

原创自己封装的js库使用babel-plugin-import按需引入需要的文件

背景最近尝试给公司封装一个javascript的基础工具函数库，最后的代码结构大致如下：index.js文件如下：const modules = require.context('./module', true, /util.js$/) // 此操作会默认导出所有工具库文件let allMethod = {}modules.keys().forEach(el => { allMethod = { ...allMethod, ...modules(el) }})

2021-11-21 16:33:24 1408 1

原创封装vue组件并发布到npm

1. 项目初始化首先，要创建项目，封装vue的插件，我们初始化vue工程都是用：vue create xx项目名但是我们要写的是一个简单的vue组件，不需要依赖那么多而庞大的配置，所以，这里我们用简版的webapck配置模板：vue init webpack-simple xx项目名但是因为用了vue-cli 4 以上的版本（我是@vue/cli 4.5.15），报了个错Command vue init requires a global addon to be installed.Plea

2021-11-16 08:31:18 1473 2

原创 js把文件转成base64数据和blobUrl

// blobUrlexport function createBlobURL (file) { if (typeof window === 'undefined') { new Error('非浏览器环境') } if (window.URL) { return window.URL.createObjectURL(file) } else if (window.webkitURL) { return window.webkitURL.createObjectUR

2021-11-15 16:01:39 638

原创数组转树形结构

不多bb，下面是要的效果let arr = [ {id:1,name:"保安镇"}, {parentId:1,id:2,name:"水口村"}, {parentId:1,id:4,name:"黄水村"}, {parentId:4,id:10,name:"网格一"}, {parentId:4,id:12,name:"网格二"}, {parentId:2,id:21,name:"喀喀喀"}, {parentId:2,id:22,name:"哈哈哈"}]let treeData

2021-11-15 09:56:06 628

原创 Vue 的服务端渲染 nuxt 初尝试

官网下载模板操作npx create-nuxt-app <项目名>项目名不带默认下载到当前目录后面一堆选项，根据自己的需求选择。下载完后，提示： To get started: npm run dev To build & start for production: npm run build npm run startnpm run dev 直接启动，打开链接。Nuxt自动生产了项目目录，下面是大致作用。|--

2021-11-08 19:01:57 134

原创 pm2部署nodejs后台服务

全局安装pm2npm install -g pm2启动应用进入项目里pm2 start server.js列出所有应用pm2 list查看资源消耗pm2 monit查看某一个应用状态pm2 describe [app id]显示所有应用程序的日志pm2 logs显示指定应用程序的日志pm2 logs [app-name]清空所有日志文件pm2 flush重启应用pm2 restart [app id]停止应用pm2 stop [app id]...

2021-11-08 18:57:50 169

原创 uni-app 连续调用navigateBack navigateTo 无效

这样是无效的uni.navigateBack({delta:2});uni.navigateTo({url:xxx});可以这样写 uni.navigateBack({delta:2});setTimeout(()=>{uni.navigateTo({url:xxx});})...

2021-11-05 14:42:28 970

JackDeng的博客