![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 80
徐亦快
种树。
展开
-
require包时找不到里面的变量,通过default属性取得 原因解析 require和import区别
于是,在ES6语法糖default的影响下,require导出的不是xxx这个对象,xxx是作为default的值,被包在一个更大的对象里。default语法糖有很多好处,我们在使用很多包的时候,开箱即用,反正他们都叫default,不必再费心去想作者给他们取了什么名字了。其实很简单,axios这个模块是一个es6模块,是用ESModule的标准写的。的axios是被包裹在default这个属性里面的。即,我们自己把default再命名为axios。对外把变量命名为了default。而换成import,原创 2022-10-10 11:29:37 · 1287 阅读 · 1 评论 -
解决浏览器 require is not defined 的报错问题
那就让打包出来的代码别有require,换句话说,webpack应该打包出一个适用于ES6环境下的代码。在node环境中引入了一些包,用webpack打包后放在浏览器环境中,浏览器报错。是浏览器环境下的ESModule。ESModule不认识require。是node环境下的CommonJs,而require是node的一个私有的全局方法。原创 2022-10-10 11:24:38 · 34173 阅读 · 3 评论 -
js进行浏览器窗口适配 echarts
如何让内容跟随浏览器窗口的大小进行自动适配?echarts画布适配实操。原创 2022-07-18 13:37:06 · 391 阅读 · 0 评论 -
Vue 使用指南
关于 Vue 的一些常用属性。原创 2022-02-25 13:21:32 · 511 阅读 · 0 评论 -
Vuex3 / Vuex4 使用指南
分析了 vuex 的使用,用两个十分详细的例子,以及相应代码并对比两个版本书写的略微差异原创 2022-02-25 10:37:12 · 790 阅读 · 0 评论 -
Vue Router 小白使用说明书
路由是多个URL与多个组件的映射关系。基本逻辑<div id="app"> <!-- 设置用于进行路由操作的组件 默认是a标签,可用tag属性进行修改 --> <router-link to="/">首页</router-link> <router-link to="/user">用户</router-link> <router-link to="/category">分类<原创 2021-08-24 00:35:01 · 224 阅读 · 1 评论 -
Webpack 快速食用指南(下篇)
目录区分打包环境通过环境变量区分通过配置文件区分自定义plungin自定义 Loader代码分离Code Splitting1. 多入口打包2. 提取公用模块3. 动态导入源码映射 Sourse Map映射模式删除冗余代码Tree Shaking缓存模块解析 Resolve排除依赖 Externals模块联邦如何部署一个项目 | 总结区分打包环境通过环境变量区分通过以下命令将 webpack.config.js 中的env...原创 2021-08-13 18:20:12 · 331 阅读 · 0 评论 -
Webpack 快速食用指南(上篇)
Webpack 是什么?Webpack 是一个打包器(Module bundler)。它的主要⽬标是将 JS ⽂件打包在⼀起,打包后的⽂件⽤于在浏览器中使⽤。同时,它也能够转换 (transform)、打包 (bundle) 或包裹 (package) 任何资源。资源网站官⽹:https://webpack.js.org/中⽂官⽹:https://webpack.docschina.org/Github:https://github.com/webpack/webpack转化/构建原创 2021-08-11 00:26:38 · 235 阅读 · 0 评论 -
前端模块化开发-ESModules
【注】本文为来自CSDN博主「Bal炎魔」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接在此并做了一些细节上的改进~目录模块化的演变1、文件划分2、命名空间方式3、函数包裹模块化规范1. CommonJS 规范2. AMD(Asynchronous Module Definition)规范3. CMD(Sea.js)4. ES Modules1、基本特性2、导入与导出3、关于导入一些用法4、ESModu.转载 2021-08-10 18:51:33 · 603 阅读 · 0 评论 -
纯手工制作一个网页 -- html css结构分析
文章目录headerlogin-bannersearchcontentmainhot-recruithot-companyhot-linksfootercopyrightbacktopheaderlogin-bannersearchcontent先写htmlmain先来看看main区域由两部分组成,左边的aside和右边的banner。其中aside的li里面有个hover效果,会出来一个dl。banner里有一个ul放很多li图片,一个div放左右btn,一个ol放很多小圆点原创 2021-05-22 15:21:37 · 341 阅读 · 0 评论 -
一文读懂如何清除float浮动 方法总结
文章目录为啥要清除浮动如何让黑盒自动被棕盒撑开内墙法伪类溢出隐藏为啥要清除浮动先来看看浮动会带来什么问题。先上结论,浮动会让元素脱离标准流文档,不占位,则父元素无法被撑开。这是不脱标(正常,不浮动)的情况。这是对第一个图片增加了浮动效果(float: left)后的结果。这里出现了一个什么问题呢?我们发现,在浮动的情况下,黑色容器的高度不能自己伸长,以适应棕色小盒子的高度。黑色盒子不能把棕色盒子装起来。最后,这个布局就比较丑,棕色盒子溢出了。这就会导致一系列问题,如果后面还有个一样的盒原创 2021-05-07 00:01:17 · 199 阅读 · 1 评论