知行易-优快云博客

原创 Webpack的Source Map

1.生成环境遇到的问题前端项目在投入生产环境之前，都需要对JavaScript源代码进行压缩混淆，从而减小文件的体积，提高文件的加载效率。其中，会不可避免的一些问题：对压缩混淆之后的代码除错（debug）变量被替换成没有任何语义的名称空行和注释被剔除2.什么是Source MapSource Map就是一个信息文件，里面存储着位置信息。也就是说，Source Map文件中存储着代码压缩混淆前后的对应关系。有了它，出错的时候，除错工具将直接显示原始代码，而不是转换后的代码，能够

2021-10-16 20:18:53 386

原创 webpack的打包发布

1.为什么要打包发布？项目开发完成后，使用webpack对项目进行打包发布的主要原因有以下两点：开发环境下，打包生成的文件存放于内存中，无法获取到最终打包生成的文件开发环境下，打包生成的文件不会进行代码压缩和性能优化2.配置webpack的打包发布在package.json文件的scripts节点下，新增build命令如下："scripts":{ "dev":"webpack serve",//开发环境中，运行dev命令 "build":"webpack --mode pro

2021-10-16 20:13:50 356

原创 webpack的loader加载器

1.loader概述在实际开发过程中，webpack默认只能打包处理以.js后缀名结尾的模块。其他非.js后缀名结尾的模块，webpack默认处理不了，需要调用loader加载器才可以正常打包，否则会出错。loader加载器的作用：协助webpack打包处理特定的文件模块。比如：css-loader可以打包处理.css相关的文件less-loader可以打包处理.less相关的文件babel-loader可以打包处理webpack无法处理的高级js语法。2.loader调用过程

2021-10-16 20:12:58 381

原创 webpack的基本使用

webpack的基本使用经过学习，我总结了webpack的基本使用流程如下：1.什么是webpack概念：webpack是前端项目工程化的具体解决方案。主要功能：他提供了友好的前端模块化开发支持，以及代码压缩混淆、处理浏览器端Javascript的兼容性、性能优化等强大的功能。好处：让程序猿把工作的重心放到具体功能的实现上，提高了前端开发效率和项目的可维护性。注意点：目前企业级的前端项目开发中，绝大多数的项目都是基于webpack进行打包构建的。2.创建列表隔行变色项目1).新建项目空目

2021-10-16 17:24:50 188

原创前端工程化概念

在学VUE和webpack打包的时候，了解到前端工程的基本概念，如下：实际的前端开发，遵循四个现代化：1.模块化（js的模块化、css的模块化、其他资源的模块化）2.组件化（复用现有的UI结构、样式、行为）3.规范化（目录结构的划分、编码规范化、接口规范化、文档规范化、Git分支管理）4.自动化（自动化构建、自动部署、自动化测试）概念前端工程化指的是：再企业级的前端项目开发中，把前端开发所需的工具、技术、流程、经验等进行规范化、标准化。最终落实到细节上，就是实现前端的“4个现代化”。好处

2021-10-16 17:20:28 552

原创用Adobe animate写动画课件时，经常用到的代码1

用Adobe animate写动画课件时，经常用到的代码Adobe animate 软件中，写一个课件，需要元件，createjs代码。一般的，用animate写课件时，会用到下列代码。主要是用createjs代码来写的，不会的操作直接去createjs中文网查询API文档。常用代码模板：通常，在animate中编写代码时，会先写下面两句代码。stage.enableMouseOver(); //当前舞台可点击this.stop();//this在这里代指舞台：stage。/-------

2021-07-07 15:40:45 3701

原创简易五子棋

这是简易的五子棋程序代码，目前只能在终端里运行。思路如下：以当前棋子坐标为查找的起始点，在查找函数中，先将相连子数设置为0，横向查找（分别向左向右查找，遇到相同的，棋子个数累加，直到遇到不同的，停止查找），如果横向不满足条件，再纵向查找，其次左对角线，最后右对角线。我设x为列坐标，y为行坐标。k记录黑白棋。目前该程序之运行一次，如果想多次运行，可以直接在while循环中更改相应条件。```c#include<stdio.h>void Piece(char a[][16],int

2021-04-24 23:16:46 230

原创 html简单回顾

Html学习记录之简单回顾由于直接写出来，部分代码会自动在网页中实现，所以我都放在了代码区域中，这样方便看，也方便记录查找。阅读者，如有不同的想法或指点，也可以留言。谢谢浏览者，也感谢在坚持学习的自己。##HTML5学习记录对于DIV+CSS,脚本语言，这里没有涉及，但是最基本的html标签还是有的。此记录，多用于查询基本的html标记对。算是对html的一个简单回顾吧。注意事项：对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。有些

2021-04-24 23:05:00 122

weixin_46274192的博客