喆星高照

2021年5月25日

摘要：很多时候再项目中，我们往往需要先获取图片的大小再加载图片，但是某些特定场景，如用过cocos2d-js的人都知道，在它那里只能按比例缩放大小，是无法设置指定大小的图片的，这就是cocos2d-js 的坑了，我们必须先获取图片大小，计算比例再对图片进行缩放。查阅资料，我总结了两种通过url获取图片大阅读全文

posted @ 2021-05-25 11:28 喆星高照阅读(2756) 评论(0) 推荐(0) 编辑

3D饼/环Echarts图的实现

摘要：首先确保在项目中引入了echarts和echarts-gl"echarts": "^4.9.0","echarts-gl": "^1.1.2" 剩下的配置好optionData的数据，交给代码 <template> <div class="water-eval-container"> <div cl 阅读全文

posted @ 2021-05-25 10:39 喆星高照阅读(9825) 评论(4) 推荐(1) 编辑

2021年5月8日

Webpack Proxy工作原理？为什么能解决跨域?

摘要：一、是什么 webpack proxy，即webpack提供的代理服务基本行为就是接收客户端发送的请求后转发给其他服务器其目的是为了便于开发者在开发模式下解决跨域问题（浏览器安全策略限制）想要实现代理首先需要一个中间服务器，webpack中提供服务器的工具为webpack-dev-server 阅读全文

posted @ 2021-05-08 09:32 喆星高照阅读(2885) 评论(0) 推荐(0) 编辑

Webpack的热更新是如何做到的？原理是什么？

摘要：一、是什么 HMR全称 Hot Module Replacement，可以理解为模块热替换，指在应用程序运行过程中，替换、添加、删除模块，而无需重新刷新整个应用例如，我们在应用运行过程中修改了某个模块，通过自动刷新会导致整个应用的整体刷新，那页面中的状态信息都会丢失如果使用的是 HMR，就可以实阅读全文

posted @ 2021-05-08 09:30 喆星高照阅读(1381) 评论(0) 推荐(0) 编辑

Webpack中Loader和Plugin的区别？编写Loader，Plugin的思路？

摘要：一、区别前面两节我们有提到Loader与Plugin对应的概念，先来回顾下 loader 是文件加载器，能够加载资源文件，并对这些文件进行一些处理，诸如编译、压缩等，最终一起打包到指定的文件中 plugin 赋予了 webpack 各种灵活的功能，例如打包优化、资源管理、环境变量注入等，目的是解决阅读全文

posted @ 2021-05-08 09:27 喆星高照阅读(263) 评论(0) 推荐(0) 编辑

webpack中常见的Plugin？解决了什么问题？

摘要：一、是什么 Plugin（Plug-in）是一种计算机应用程序，它和主应用程序互相交互，以提供特定的功能是一种遵循一定规范的应用程序接口编写出来的程序，只能运行在程序规定的系统下，因为其需要调用原纯净系统提供的函数库或者数据 webpack中的plugin也是如此，plugin赋予其各种灵活的功能阅读全文

posted @ 2021-05-08 09:25 喆星高照阅读(579) 评论(0) 推荐(0) 编辑

Webpack中常见的Loader？解决了什么问题？

摘要：一、是什么 loader 用于对模块的源代码进行转换，在 import 或"加载"模块时预处理文件 webpack做的事情，仅仅是分析出各种模块的依赖关系，然后形成资源列表，最终打包生成到指定的文件中。如下图所示：在webpack内部中，任何文件都是模块，不仅仅只是js文件默认情况下，在遇到im 阅读全文

posted @ 2021-05-08 09:23 喆星高照阅读(292) 评论(0) 推荐(0) 编辑

2021年4月27日

webpack的构建流程

摘要：一、运行流程 webpack 的运行流程是一个串行的过程，它的工作流程就是将各个插件串联起来在运行过程中会广播事件，插件只需要监听它所关心的事件，就能加入到这条webpack机制中，去改变webpack的运作，使得整个系统扩展性良好从启动到结束会依次执行以下三大步骤：初始化流程：从配置文件和阅读全文

posted @ 2021-04-27 09:35 喆星高照阅读(649) 评论(0) 推荐(0) 编辑

2021年4月26日

Webpack的理解以及解决了的问题

摘要：一、背景 Webpack 最初的目标是实现前端项目的模块化，旨在更高效地管理和维护项目中的每一个资源模块化最早的时候，我们会通过文件划分的形式实现模块化，也就是将每个功能及其相关状态数据各自单独放到不同的JS 文件中约定每个文件是一个独立的模块，然后再将这些js文件引入到页面，一个script 阅读全文

posted @ 2021-04-26 10:20 喆星高照阅读(584) 评论(0) 推荐(0) 编辑

2021年4月25日

Css预编语言以及区别

摘要：一、是什么 Css 作为一门标记性语言，语法相对简单，对使用者的要求较低，但同时也带来一些问题需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，尤其对于非前端开发工程师来讲，往往会因为缺少 Css 编写经验而很难写出组织良好且易于维护的 Css 代码 Css预处理器便是针对上述问题的解阅读全文

posted @ 2021-04-25 11:21 喆星高照阅读(396) 评论(0) 推荐(0) 编辑

公告