09 2020 档案

webpack中devtool里的SourceMap模式怎么理解？
摘要：我们在使用wenpack构建react或者vue项目的时候，一般分为dev开发环境和prod线上环境， 一般开发环境要求我们可以看见源代码，方便进行进行断点调试等，及时处理开发中的问题；线上模式完全不同，一般不要求可以看见源代码，便于我们保护我们的代码隐私，也从而减少性能消耗； 根据上面说的，我们就 阅读全文
posted @ 2020-09-24 09:57 程序員劝退师 阅读(667) 评论(0) 推荐(0)
webpack 中的loaders和plugins的区别？
摘要：使用webpack的人都知道配置webpack有entry，output，module(loader)，plugins，devtool五大模块， webpack做的就是分析代码，转换代码，编译代码，输出代码， 其中loader和pugins都是用于加载相应的组件进行打包的，但是究竟有什么区别呢？，我 阅读全文
posted @ 2020-09-24 09:42 程序員劝退师 阅读(1182) 评论(0) 推荐(0)
如何随机生成css中颜色Hex值？
摘要：1 function getColor() { 2 var str = '#'; 3 var arr = ['1', '2', '3', '4', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f']; 4 for (var i = 阅读全文
posted @ 2020-09-21 21:43 程序員劝退师 阅读(466) 评论(0) 推荐(0)
js继承方式，面试常考？
摘要：继承常用主要分为以下几部分，构造，原型，实例，组合，class，下面具体代码进行分析与展示： 一、构造继承，关键词call 1 function Animal(name) { 2 this.name = name; 3 this.sleep = function () { 4 return this 阅读全文
posted @ 2020-09-15 11:03 程序員劝退师 阅读(387) 评论(0) 推荐(0)
常用的数据交互方式？
摘要：一、Ajax 1 export default async function Request(url = '', method='GET', data={}) { 2 // 1. 创建连接 3 const xhr = new XMLHttpRequest() 4 // 2. 连接服务器 5 xhr. 阅读全文
posted @ 2020-09-15 09:46 程序員劝退师 阅读(361) 评论(0) 推荐(0)
Hooks相对普通Class有什么优势？
摘要：一、简化代码 声明一个简单的组件只要简单的几行代码； 二、容易上手 对于初学者来说，相对复杂的class的声明周期，hooks的钩子函数更好理解； 三、简化业务 充分利用组件化的思想把业务拆分成多个组件，便于维护； 四、方便数据管理 相当于三种的提升，各个组件不用通过非常复杂的props多层传输，解 阅读全文
posted @ 2020-09-15 09:29 程序員劝退师 阅读(1759) 评论(0) 推荐(0)
Flex设置最后一项居右？
摘要：昨天接到一个需求，搜索部分模块要分展示+隐藏两部分，然后搜索，重置按钮跟随最后面； 大概张这个样子： 解决方案: 设置最后一个部门css：margin-left: auto 阅读全文
posted @ 2020-09-14 16:53 程序員劝退师 阅读(1426) 评论(0) 推荐(0)