今天在工作看老大写的项目的代码过程中看见了一段代码用到了glob这个模块，于是来记录一下他的基本用法。
gulp是前端开发过程中一种基于流的代码构建工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，不仅可以很愉快的编写代码，而且大大提高我们的工作效率。
在日常使用 Node 进行开发的时候，会使用到一些文件系统、路径操作等基础 API，这里整理一下，方便大家理解和直接使用。
发上来好像格式都变了，有需要的可以给留言，我把为知笔记发给大家！大家如果看着费劲就拉到最后直接看图片部分！ 一.基本介绍 gulp是前端开发过程中一种基于流的代码构建工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，不仅可以很愉快的编写代码，而且大大提高我们的工作效率。 gulp是基于Nodejs的自动任务运行器， 她能自动化地完成 javascript、coffee、sass、less、html/image、css 等文件的测试
1 能够说出Vue全家桶的各个组件(Vue-CLI、Vue-Router、Vuex、Axios)的概念、功能和使用场景
一个功能就是一个模块，多个模块可以组成完整应用，抽离一个模块不会影响其他功能的运行。
一个较好的工程模版，不应该被较多的配置束缚住，应该有一个较好的统一约定，采用约定大于配置的
Paper.js 中的项目对象通常被称为文档：它是顶级对象，包含场景图中的所有项目。由于文档一词在浏览器上下文中已被使用，因此它被称为 Project。
去年(19年10月)在某技术沙龙上分享了《小程序工程化探索》后，陆续有网友联系到我询问一些实现方面的细节，虽然常年顶着黑眼圈修着“福报”，但还是决定抽出时间写一个小程序工程化系列，一是希望能帮到部分同学，二是希望能提升自己的总结与表达能力，由于是一个系列，所以每篇文章会尽量聚焦一个点，篇幅不会很长。闲话少述，本篇是小程序工程化系列第一篇，我将会详细介绍如何利用 Webpack 实现对小程序代码的文件依赖分析。
浏览器（软件）能够运行JavaScript代码，浏览器就是JavaScript代码的运行环境
小程序的开发与传统的web前端开发极其相似，想必各位技术宅们关心的是如何去开发一个小程序，这里我简单介绍一下如何简单上手开发小程序。
之前已经创建了vue项目，并且将基本的配置都配置了，比如路由，跨域都配置好了，现在就开始开发组件了。
在上一篇『手撕Vue-CLI』添加自定义指令中，已经实现了自定义指令的添加，但是指令还是比较简单的，只是简单的打印一句话，那么在实际运用场景中，可能会有更多的需求，比如可能需要在指令中传递参数，或者需要在指令中进行一些复杂的操作，那么这个时候我们就需要对指令进行处理了。
言归正传，项目分为小程序、H5和PC三端业务，今天主角是PC端，PC端采用Nerv框架、Node.js、grunt（打包、编译）、ruby（底层库）、compass（底层库），这些都需要提前和开发沟通了解为选择对应代码覆盖率工具做准备。
这个小应用使用到了node.js bootstrap express 以及数据库的操作 ：使用mongoose对象模型来操作 mongodb
1、不便于以后的扩展和维护，如果需要监听的URL越来越多，它看上去就会越来越糟糕了；
如上图，如果不做相关处理，页面进行二次分享，用户看到的就是链接＋空图，上面显示的文案（考拉阅读）实际上是获取的title标签中的文案，我在网上查的相关例子有说明，图片如果不设置，将会自动获取浏览器渲染的第一张图片，经过个人测试，并没有实现（朋友圈同理，不做图片展示）。
楼主经过实际的项目情况反馈，总结以下两点切实可行的办法，分享给大家，希望对大家有帮助。
webpack 是前端的一个项目构建工具，它是基于 Node.js 开发出来的一个前端工具；
最近刚做了一个微信公众号H5项目，里面包含一个分享到朋友圈和分享给好友的功能。配置白名单以及公众号js安全域名这些就不赘述了，接下来简单介绍下实现这个功能的几个前端步骤
1、创建一个vue项目步骤 （windows环境下）。创建vue项目前，检查系统是否具备创建项目的条件（是否已经安装好了node.js、webpack、vue-cli）。cmd打开终端。
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/j_bleach/article/details/74857527
来记录下学习（踩坑）的过程，这篇文章的代码都在https://github.com/Maricaya/nextjs-blog-1啦。
3）在填写项目信息之前，先创建一个空目录作为项目资源目录，这里我们以E:\weixin\demo为例
已转至个人博客-https://www.aerowang.cn/articles/qnw6i1s6
1.从https://github.com/cornflourblue/node-role-based-authorization-api下载或克隆教程项目代码 2.通过从项目根文件夹（package.json所在的位置）中的命令行运行npm install来安装所有必需的npm软件包。 3.通过从项目根文件夹中的命令行运行npm start来启动api，您应该看到消息 Server listening on port 4000。您可以使用诸如Postman之类的应用程序直接测试api，也可以使用下面的单个页面的示例应用程序来测试它。
这几天，都遇到过有人问过相似的问题，就是用vue和webpack搭建目录的时候，怎么把单页面应用的配置改成多文件应用，或者是怎么把多文件应用的配置改成单文件应用。这个情况，我之前有处理过，公司的同事教过我，我就针对这个情况写下此篇文章。各位如果觉得我哪里写得不够好，写错了，欢迎指出，大家一起进步。
vue工程项目，npm run build webpack方式打包，每次打包后如果需要更改后台接口地址（项目中，接口地址设置成变量，存放在js文件中，需要用到的地方导入），都需要重新打包，比较麻烦，所以，想给项目增加个配置文件，打包后如果要更改接口地址，修改该文件即可。
ECMAScript模块是 JavaScript 的新标准格式。在Node.js中越来越多的库逐渐从从CommonJS转移到ES模块
JS FA（Feature Ability）调用PA （Particle Ability）是使用基于JS扩展的类Web开发范式的方舟开发框架所提供的一种跨语言能力调用的机制，用于建立JS能力与Java能力之间传递方法调用、处理数据返回以及订阅事件上报的通道。开发者可以使用FA调用PA机制进行应用开发，但直接使用该机制需要开发者手动撰写大量模板代码，且模板代码可能与业务代码相互耦合，使得代码可维护性和可读性较差。
在Deno项目的源代码中，deno/cli/npm/managed/resolvers/mod.rs文件的作用是实现NPM模块的解析器。该文件是NPM模块管理系统的一部分，负责根据模块的名称和版本号解析并获取相应的模块。
由于前端之前js、css、图片文件需要单独进行压缩和打包，这样团队人员处理很繁琐，然后 Instagram 团队就想让这些工作自动化，然后webpack应运而生。
Progressive Web App Support 网站的提高搜索的优化措施，项目优化
这次就讲讲在 Fabric.js 中创建文本时怎么使用自定义字体、在项目运行时怎么修改字体、以及推荐一个精简字体库的工具。
Electron是一个跨平台的桌面客户端框架，使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序，文档:https://www.electronjs.org/zh/docs/latest，当前使用最新稳定版本:20.1.4 特性 我们可以从中了解到他实现的方式以及他的应用场景 我认为他们最大特点就是: 主进程和渲染进程就行隔离(沙箱模式) 当时用户操作和渲染的事情都是交给渲染进程 当需要操作系统API,例如:创建新窗体,获取电脑的相关信息等就交给主进程 也就是说当主进程和渲染进程需
gulp 是一个前端构建工具，它能通过自动执行常见任务，比如编译预处理 CSS ，压缩 JavaScript 和刷新浏览器，来改进网站开发的过程，从而使开发更加快速高效。
② 检查是否安装成功：cmd输入命令 node -v 或者 npm -v, 如果输出版本号，说明我们安装node环境成功。
市面上现在有很多bundler，最著名的就是webpack，此外常见的还有 browserify，rollup，parcel等。虽然现在的bundler进化出了各种各样的功能，但它们都有一个共同的初衷，就是能给前端引入模块化的开发方式，更好的管理依赖、更好的工程化。
本文由 IMWeb 团队成员 Ciccy 首发于 IMWeb 社区网站 imweb.io。点击阅读原文查看 IMWeb 社区更多精彩文章。 webpack的核心是一切皆模块，所以它其实本质上就是个静态模块打包器。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。官网显示的这幅图很形象地描述了这个过程： webpack4相比于3做了很多优化，最大的改变就是支持了零配置打包，不再强制要求必须进行繁琐的webpac
我们创建了add.js文件和minus.js文件,然后 在index.js中引入，再将index.js文件引入index.html。
知晓程序注： 我们往期发布的实战指南，大多针对线上业务，如「手把手教你做电商小程序」系列。 关注知晓程序（微信号 zxcx0101），回复「电商」，查看电商小程序开发教程系列文章。 我们相信，小程序的
环境搭建 申请账号 开发小程序的第一步，你需要拥有一个小程序帐号，通过这个帐号你就可以管理你的小程序。 点击 https://mp.weixin.qq.com/wxopen/waregister?ac
我现在要在404.jsp页面访问webapp/commons目录下面的css和js
安装好了express框架后，会在项目目录中看到node_modules依赖文件包，在项目的目录下新建一个routes目录，并在routes目录下新建index.js文件用于将不同方式请求的路由数据导出。
一般来说，项目的 TS 编译器配置全部存储在项目根目录下的 tsconfig.json 文件中
2、难以维护，如果我文件路径移动了一下...所有引用的地方都要改 就算你会全局替换，摸摸你的良心说，你心里不慌吗，反正我慌得一匹
4、语法： 1）加载 path 模块 2）使用 path.join 方法，拼接路径
上面执行的webpack命令很长,那么有没有什么简化的方式呢,有,那就是配置文件,默认名称为webpack.config.js
webpack是一个打包模块化 JavaScript 的工具，在 webpack里一切文件皆模块，通过 Loader 转换文件，通过 Plugin 注入钩子，最后输出由多个模块组合成的文件。webpack专注于构建模块化项目。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
