随笔分类 - nodejs
摘要：前言 开发多页应用的时候，如果不对webpack打包进行优化，当某个模块被多个入口模块引用时，它就会被打包多次（在最终打包出来的某几个文件里，它们都会有一份相同的代码）。当项目业务越来越复杂，打包出来的代码会非常冗余，文件体积会非常庞大。大体积文件会增加编译时间，影响开发效率；如果直接上线，还会拉长
阅读全文
摘要：主要介绍了webpack学习笔记之代码分割和按需加载的实例详解，具有一定的参考价值，有兴趣的可以了解一下 为什么需要代码分割和按需加载 代码分割就是我们根据实际业务需求将代码进行分割，然后在合适的时候在将其加载进入文档中。 举个简单的例子： 一个HTML中存在一个按钮 点击按钮出现一个包着图片的di
阅读全文
摘要：除了的webpack基本配置，还可以进一步添加配置，优化合并文件，加快编译速度。下面是生产环境配置文件webpack.production.js，与wenbpack.config.js相比其不需要一些dev-tools,dev-server和jshint校验等，将与开发相关的东西删掉。下面的介绍均以
阅读全文
摘要：在laya项目目录下新建package.json 点击查看代码 { "scripts": { "bundle:dev": "webpack --config webpack.config.debug.js --watch", "serve": "webpack serve --config webp
阅读全文
摘要：H5与原生 app 交互的原理 现在移动端 web 应用，很多时候都需要与原生 app 进行交互、沟通（运行在 webview 中），比如微信的 jssdk，通过 window.wx 对象调用一些原生 app 的功能。所以，这次就来捋一捋 H5 与原生 app 交互的原理。 H5 与原生 app 的
阅读全文
摘要：如何将应用程序打包（Win） 1、关于package.js文件详解 完整实例如下： "build": { "productName":"xxxx",//项目名 这也是生成的exe文件的前缀名 "appId": "com.leon.xxxxx",//包名 "copyright":"xxxx",//版权
阅读全文
摘要：点击按钮可以打开另一个界面 按钮及界面都需要样式 引入样式 安装bootstrap命令如下： npm install bootstrap --save 点击按钮可以打开另一个界面 在根目录下创建一个名为renderer的文件夹，并创建index.js,其作用就是向主进程发出通信，具体代码如下： 点击
阅读全文
摘要：模拟主进程与渲染进程的通讯过程 渲染进程 根目录下添加renderer.js，既支持node js也支持dom js，示例代码如下： 点击查看代码 //这是渲染进程 const {ipcRenderer}=require("electron") //下面是从渲染进程向主进程发送消息 window.a
阅读全文
摘要：1. 什么是Electron: Electron是使用HTML、JavaScript和CSS构建的跨平台桌面应用程序。 2. 特点及优势: web技术：基于Chromium、Node.js 跨平台：Electron兼容Mac、Windows和Linux 开源：众多贡献者组成活跃社区共同维护的开源项目
阅读全文
