1.img src路径 <img src="./assets/img/title.png" /> 说明：图片需要放在assets文件夹下 2.img 设置统一前缀 <img :src="imgAddfun('title.png')" /> main.js中设置统一前缀 Vue.prototype.imgAddfun = (address)=>{return require(`./assets/img/$
最近在学习electron，写了一个remote的小demo，其中有这样一段代码： const BrowserWindow = require("electron").remote.BrowserWindow; 会报错，如下图： 然后去网上找了一些文章看了看貌似是版本的问题，我用的electron是@v16.0.4, 而remote在electron12的时候废弃了remote模块，所以需
js 模块的模块化 https://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html 有了模块化，可以使用别人的代码，想要什么功能，加载什么模块； commonjs，amd commonjs：同步加载，require加载完成模块，才能使用模块中的方法，会有等待加载模块的过程，浏览器需要等待，会有假死的
webpack配置 `const path = require('path') const webpack = require('webpack') const { merge } = require('webpack-merge') const { CleanWebpackPlugin } = require('clean-webpack-plugin') const MiniCssExtractPlugin = requi
模块系统 在Node.js中，一个js文件就称之为一个模块（Module）。 文件名就是模块名。 1.模块概述 模块系统：将一个大型程序拆分为一个一个的小模块，通过模块的拼装来完成整个项目。 在ES6之前，JavaScript并没有模块系统。社区提供了很多的解决方案：CommonJS、AMD等方法。 Nodejs中的模块系统
2021SC@SDUSC 目录 src/controller/extend/context.js src/controller/extend/context.js 关于Context（上下文）的具体含义参见这一篇文章：揭秘Context（上下文）。但在这一段代码里，更多只是进行一部分上下文的判断和相应参数的设定，并不涉及其他方面。 const moment = require('m
Composer是一个非常流行的PHP包依赖管理工具,已经取代PEAR包管理器,对于PHP开发者来说掌握Composer是必须的. 对于使用者来说Composer非常的简单,通过简单的一条命令将需要的代码包下载到vendor目录下,然后开发者就可以引入包并使用了. 其中的关键在于你项目定义的com
区别 CommonJs模块输出的是一个值的拷贝，ES6模块输出的是值的引用 CommonJs模块是运行时加载，ES6模块是编译时输出接口。 原理 ES6 模块的运行机制与 CommonJS 不一样。JS 引擎对脚本静态分析的时候，遇到模块加载命令import，就会生成一个只读引用。等到脚本真正执行时，再根据这个只读
安装@types/node。 npm install @types/node --save-dev Vite 不支持 require.
webpack.dev.js const merge = require('webpack-merge'); const webpack = require("webpack"); const path = require('path'); const common = require('./webpack.common.js'); module.exports = merge(common, { output:
Electron流程 Electron 继承了来自 Chromium 的多进程架构，这使得此框架在架构上非常相似于一个现代的网页浏览器 为什吗不是单一的进程 网页浏览器是个极其复杂的应用程序。 除了显示网页内容的主要能力之外，他们还有许多次要的职责，例如：管理众多窗口 ( 或 标签页 ) 和加载第三
1.图片存在本地时： <img :src="imgSrc" alt> data中存的图片地址用require包裹图片本地存储地址 data(){ return { imgSrc: require('../assets/images/banner.png'), } }, 2.图片存在网络中时： html中绑定不变 <img :src="imgSrc" alt> data中放图片URL链
在使用vite 时，发现不能使用require.context 自动导入modules,可以使用import.meta.globEager替换 require 自动引入实现 const moduleFiles = require.context('./modules', false, /\.ts$/) import 自动引入实现 const files= import.meta.globEager('./modules/*.ts')
图例文件配置 （1）生产环境 yarn add -D webpack-merge // 生产模式 let webpack = require("webpack"); let { merge } = require('webpack-merge') let base = require('./webpack.base') module.exports = merge(base,{ mode: 'production',
后端解析参数 1、初始化文件夹 npm init -y 2、安装koa和router npm install koa koa-router -S 3、安装启动命令 npm install nodemon -D package.json 配置 "start": "nodemon app.js" { "name": "jiekolianxi", "version": "
1.安装swiper（默认安装最新版本） npm i swiper 2.安装vue-awesome-swiper（这里需要指定版本---有坑） npm install swiper vue-awesome-swiper@3.1.3 --save 3.页面使用 <template> <div class="productIntroduce"> <div class="recommendPage">
技术原创：大神阮一峰 网址：https://www.ruanyifeng.com/blog/2012/11/require_js.html <script src="js/require.js" defer async="true" ></script> async属性表明这个文件需要异步加载，避免网页失去响应。IE不支持这个属性，只支持defer，所以把defer也写上。 加载require.js以后，下
<template> <div class="vote-container"> <div class="img" :style="{backgroundImage:'url('+src+')'}"></div> <img :src="src" /> </div> </templa
Node 端渲染 F2 虽然 F2 默认基于 Html5 Canvas 进行图表绘制，但是对于当前运行时环境来说，只要能够提供和 Html5 Canvas 上下文环境一样的上下文接口，一样也能使用 F2 进行图表绘制。 下面的表格给出了各个运行环境下可使用的 F2 的功能对比： -- Html5 Node 小程序（微信&&小程
一、简介 Gatsby 编译完成后，会为每个页面生成对应的 HTML 文件。而 gatsby-ssr.js 文件中提供了一些API，用于编译完成之前修改这些 HTML 的内容。 二、API 说明 1、onRenderBody 功能：生成HTML之前，修改一些body信息。 const React = require("react") const Layout = require
app文件： //引入类 const Koa = require('koa'); const Router =require('koa-router'); const koaBody = require('koa-body'); const tagRouter =require("./routers/tag.router"); const userrouter =require("./routers/user.ro
先来看看什么是文件包含 在开发的过程中，遇到一些需要经常重复使用的代码，如果每次都重新写入，会造成很大的麻烦，所以,我们会将这些需要大量使用的重复代码写入一个文件中，在项目中通过函数引入这个文件，那么就可以做到代码的插入。 这些代码由几个函数引入 1.include()函数 include()
一、初识模块化 模块化即解决一个复杂问题时，自顶向下逐层把系统划分成若干模块的过程。对于整个系统来说，模块化是可组合、分解和更换的单元。 编程领域中的模块化就是遵守固有的规则，把一个大文件拆成独立并互相依赖的多个小模块 1.1 模块化拆分的好处 提高了代码的复用性 提
<template> <div :id="id" :style="{width: `${width}`, height: `${height}`}" ></div> </template> <script> let echarts = require('echarts/lib/echarts') require('echarts/lib/chart/line'
日常的学习笔记，包括 ES6、Promise、Node.js、Webpack、http 原理、Vue全家桶，后续可能还会继续更新 Typescript、Vue3 和 常见的面试题 等等。 require 在上一篇文章中，我们了解到了如何去通过 调试查看Node源码。 // 使用 require 引入文件 // a.js var a = 100; module.exports
