摘要: 概述 webpack中的插件主要是用来完成loader和配置无法完成的事情 常见的几种Plugins HtmlWebpackPlugin 参考文档 html-webpack-plugin插件默认会创建一个HTML模板,并自动引入打包生成的几个主要的chunk包 也可以通过template属性配置自己 阅读全文
posted @ 2020-07-28 18:31 落叶&不随风 阅读(2832) 评论(0) 推荐(0) 编辑
摘要: 简述 webpack的主要组成部分,Entry、Output、Loaders、Plugins Entry(入口) webpack开始解析关联资源的入口文件 单个入口可以直接使用字符串 多个入口可以使用对象进行设置 使用字符串配置时,默认chunkName(key)为main // 单个入口 cons 阅读全文
posted @ 2020-07-27 16:50 落叶&不随风 阅读(254) 评论(0) 推荐(0) 编辑
摘要: 简述 开发中会频繁的手动构建和刷新页面,十分繁琐 这些功能我们完全可以使用webpack-dev-server插件来代替实现 作用 使用node(express)创建服务,挂载打包文件,可以使得我们在浏览器上直接预览,(打包后的文件直接存放在内存中,不会生成文件,当然我们可以在页面上查看) 监听文件 阅读全文
posted @ 2020-07-23 15:58 落叶&不随风 阅读(2627) 评论(0) 推荐(0) 编辑
摘要: 安装 $ npm install -D webpack $ npm install -D webpack-cli # or use yarn $ yarn add -D webpack 如果需要在命令行运行,还需要全局安装 配置文件 默认使用当前目录下的配置文件 webpack.config.js 阅读全文
posted @ 2020-07-23 10:19 落叶&不随风 阅读(399) 评论(0) 推荐(0) 编辑
摘要: 最近抽时间学习了一下webpack的配置和使用,居然花了我足足八天时间,也算入门了。 用几篇文章简单记录一下学习历程和总结,主要包括以下几个部分(部分已开启传送门): webpack的安装、配置、执行等基本使用; webpack之调试工具devServer(webpack-dev-server)的使 阅读全文
posted @ 2020-07-22 19:01 落叶&不随风 阅读(297) 评论(0) 推荐(0) 编辑
摘要: 前言 简单记录一下Vuex使用 什么时候使用 当我们的多个vue实例(页面)或者组件绑定了同一个变量时,我们应该怎么处理? 如果是父子组件,我们可以使用props和emit来解决; 如果是兄弟组件(没有关联的两个页面),我们可以考虑使用全局变量,甚至是eventHub等全局监听对象;(使用vue.p 阅读全文
posted @ 2020-07-10 18:30 落叶&不随风 阅读(418) 评论(0) 推荐(0) 编辑
摘要: 前言 记录一下获取滚动条相对距离和绝对距离的方法 说明(个人理解) 相对距离 当前滚动条到父滚动条的距离 绝对距离 当前滚动条到页面顶部的位置 实例 1.获取当前组件DOM标签滚动条位置 // 为保证DOM节点加载完毕,要在 mounted 中实现 // 使用 $refs 获取DOM实例,以 tre 阅读全文
posted @ 2020-06-29 11:40 落叶&不随风 阅读(13723) 评论(0) 推荐(0) 编辑
摘要: 前言 NPM mongoose是node.js中操作MongoDB常用到的ORM框架,本文记录一下MongoDB的配置和连接方法. MongoDB 配置文件修改(mongod.cfg) 打开连接认证之前要先添加用户,否者无可用用户登录了 # 只可以在admin集合中创建特殊权限用户 $ use ad 阅读全文
posted @ 2020-06-23 15:43 落叶&不随风 阅读(1191) 评论(0) 推荐(0) 编辑
摘要: 前言 在node.js web框架中使用sequelize来作为ORM是十分方便的。但是,有的时候我们需要用到子查询语句,使用sequelize无法完成需求。这时候, 如果你的查询语句不是很复杂,可以使用sequelize提供的query()方法直接执行生成的sql语句。 如果你的查询语句很复杂,但 阅读全文
posted @ 2020-06-19 17:49 落叶&不随风 阅读(1727) 评论(2) 推荐(0) 编辑
摘要: 前言 使用七牛上传前一般需要创建PutExtra对象,在使用FormUploader上传时作为参数传入 实例 nodejs为例 // 使用Promise封装一下 new Promise((resolve, reject) => { let putExtra = new qiniu.form_up.P 阅读全文
posted @ 2020-06-19 17:02 落叶&不随风 阅读(1048) 评论(0) 推荐(0) 编辑