2021年7月13日
webpack 自学笔记 ---4 提取css文件&css兼容&压缩css
摘要： 乾坤符箓： 提取css文件为单独文件（mini-css-extract-plugin） css兼容（postcss） 压缩css(optimize-css-assets-webpack-plugin) 1、提取css文件为单独文件 const { resolve } = require("path" 阅读全文
posted @ 2021-07-13 21:43 HandsomeGuy 阅读(167) 评论(0) 推荐(0)
webpack自学文档 --3 打包其他资源 && 开发服务器(webpack-dev-serve页面不刷新问题=>fix)
摘要： 通天妖文：打包其他资源 && 开发服务器 打包其他资源（其他配置再写一遍，就当温习，代码还是要多敲，毕竟脑子这个东西不咋滴！） const { resolve } = require("path"); //建议学webpack前还是学习下node.js,毕竟里面会用到里面的属性和方法 const H 阅读全文
posted @ 2021-07-13 17:49 HandsomeGuy 阅读(88) 评论(0) 推荐(0)
webpack自学笔记 -- 2 打包css\js\html\图片资源
摘要： 本章箴言：打包其他资源配置 注意：loader：下载、使用（配置loader） plugins: 下载、引入、使用（可能还需要与package.json配合） 打包html、css、less文件： 例如：文件分布 html: css: 我们主要学习的就是webpack.config.js的配置 co 阅读全文
posted @ 2021-07-13 16:00 HandsomeGuy 阅读(182) 评论(0) 推荐(0)
webpack自学文档 -- 1 基础API
摘要： 铭文真义 一种前端资源构建工具，一个静态模块打包器。它会根据模块的依赖关系进行静态分析，打包生成对应的静态资源。 五大神将 1、entry:打包入口 入口指示webpack以哪个文件为入口起点开始打包，分析构建内部依赖图 2、output:打包出口 输出（output）指示webpack打包后的资源 阅读全文
posted @ 2021-07-13 14:07 HandsomeGuy 阅读(110) 评论(0) 推荐(0)
2021年7月8日
Hooks 面试、开发都用得到
摘要： hooks 为什么使用hooks？(那就夸夸它) 1、多个状态不会产生嵌套，写法还是平铺的 2、更容易将组件的UI与状态分离 3、hook直接用在function当中，不是class,另外每个hook都是相对独立的不同组件，调用同一个hook也能保证各自状态的独立性 函数组件的主体只应该返回组件的h 阅读全文
posted @ 2021-07-08 16:02 HandsomeGuy 阅读(261) 评论(0) 推荐(0)
黄金令箭埋点
摘要： 前提：黄金令箭已经注册好站点 1、安装插件： @ali/goldlog 2、需要使用的页面引入 import goldlog from "@ali/goldlog" ; 3、在触发时调用 goldlog.record("注册站点的其中一个资源"，"OTHER", "字段=要发送的内容" ) 阅读全文
posted @ 2021-07-08 15:55 HandsomeGuy 阅读(722) 评论(0) 推荐(1)
2021年3月25日
纯函数的理解
摘要： 什么是纯函数？ 一个函数的执行结果只依赖它的参数，并且在执行过程中没有副作用，这就是纯函数 1、返回的结果只依赖它的参数，输入一定输出也一定 示例： var a = 2 const test = (b) = > a + b test(1) //3 有人说这是纯函数，只要传参一定输出结果也是一定的，这 阅读全文
posted @ 2021-03-25 16:13 HandsomeGuy 阅读(256) 评论(0) 推荐(0)
2021年3月16日
css 盒模型遇到的坑
摘要： 我们都知道标准盒模型和怪异盒模型是有不同的 但是知道遇到一个面试题，还是感觉自己理解的不够深刻 面试题： 一个div宽200高100，padding-top为50%，问实际高度为多少？ 一道题很多坑： 坑一：不要想当然的是一个盒模型，两个都要答！ 坑二：只有50%，没有给父元素高度！ 坑三：注意注意 阅读全文
posted @ 2021-03-16 21:04 HandsomeGuy 阅读(85) 评论(0) 推荐(0)
将数据结构导出为Excel表格，并自定义规定表头
摘要： 1、安装 tnpm /npm install -save js-export-excel 2、页面引入 import ExportJsonExcel from 'js-export-excel'; 使用 handleExportExcel(){ let option = {}; //声明一个对象op 阅读全文
posted @ 2021-03-16 11:27 HandsomeGuy 阅读(832) 评论(0) 推荐(0)
JSON.stringify()的深层用法
摘要： JSON.stringify() 我们一般用到的都是将数据转换成json的字符串模式的时候才会用到JSON.stringify(),或者做深拷贝的时候使用 今天我们一起来看下它的其他参数 第2个参数 用途：用于过滤和格式化 1、如果没有第二个参数或者是null，这时候所得属性被序列号 JSON.st 阅读全文
posted @ 2021-03-16 10:56 HandsomeGuy 阅读(445) 评论(0) 推荐(0)