blog
blog copied to clipboard
SunshowerC
个人博客，如对你有帮助是我的荣幸，你的 star 是对我最大的支持！
前前言 前言 题纲 爬前准备 选择目标 分析可收集数据 分析目标可爬取入口 PC端入口 移动端入口 爬虫 JSON数据爬取 HTML 数据解析爬取 并发控制 动态IP代理 数据可视化分析 # 前前言 不想看爬虫过程只想看职位钱途数据分析请看这里： [前端招聘岗位分析](http://sunshowerc.github.io/data-analysis/frontend.html) [C++招聘岗位分析](http://sunshowerc.github.io/data-analysis/cpp.html) [JAVA招聘岗位分析](http://sunshowerc.github.io/data-analysis/java.html) [PHP招聘岗位分析](http://sunshowerc.github.io/data-analysis/php.html) [Python招聘岗位分析](http://sunshowerc.github.io/data-analysis/python.html) 想看源码或想自己爬一个请看这里：[本文github源码](https://github.com/Weiyu-Chen/lagou-spider-node) # 前言 早在一年前大学校招期间，为了充实下简历，就写了个`node`爬虫，可惜当时能力有限，工程存在一定的局限性，不好意思拿出来~~装逼~~分享。 一年过去了，现在能力依然有限，但是脸皮却练厚了，于是就有了这篇文章。 #...
前言 grpc 拦截器是什么？有啥用？ grpc-node client interceptor Client Interceptor 的创建 Requester (出站前拦截处理) Requester.start Requester.sendMessage Requester.halfClose Requester.cancel Listener （入站前拦截处理） Listener.onReceiveMetadata Listener.onReceiveMessage Listener.onReceiveStatus grpc interceptor 执行顺序 多拦截器执行顺序 应用场景 请求与响应的 log mock 数据 异常请求...
前言 什么是 Flutter 为什么用 Flutter ？ Flutter 框架结构 跨平台架构对比 Native Webview React Native / Weex Flutter Web VS Flutter 开发语言 UI 语法 基本样式 布局 交互 开始一个 Flutter App 目录结构 Hello...
> - 原文地址：[https://medium.com/jlouage/flutter-row-column-cheat-sheet-78c38d242041](https://medium.com/jlouage/flutter-row-column-cheat-sheet-78c38d242041) > - 原文作者：[Julien Louage](https://medium.com/@louagejulien) > - 其他 Flutter 相关 > - [Flutter: 图解 Container 部件](https://github.com/Weiyu-Chen/blog/issues/10) > - [Flutter: 图解 BoxDecoration ](https://github.com/Weiyu-Chen/blog/issues/12) Row Column 属性 mainAxisAlignment （主轴） MainAxisAlignment.start（默认值）...
# 前言 很多人可能看完 [babel 的官方文档](https://babeljs.io/docs/en/babel-preset-env#modules) ，依然不是很了解其中的一些特性，这里我详细解读一下，供大家参考参考。 ## @babel/preset-env `@babel/preset-env` 会根据 browserlist 配置进行转换，如果需要兼容比较旧的浏览器，需要手动引入 @babel/polyfill ### option - targets.esmodules:boolean = false 请注意：在指定 esmodules 目标时，将忽略 browserlists, **即 useBuiltIn 会失效，不转化 es6 语法也不 polyfill** **如果...
> - 原文地址：[https://medium.com/jlouage/flutter-boxdecoration-cheat-sheet-72cedaa1ba20](https://medium.com/jlouage/flutter-boxdecoration-cheat-sheet-72cedaa1ba20) > - 原文作者：[Julien Louage](https://medium.com/@louagejulien) > - 其他 Flutter 相关 > - [Flutter: 图解 Row 与 Column 部件](https://github.com/Weiyu-Chen/blog/issues/11) > - [Flutter: 图解 Container 部件](https://github.com/Weiyu-Chen/blog/issues/10) 基本介绍 属性 color （背景颜色）...
> - 原文地址：[https://medium.com/jlouage/container-de5b0d3ad184](https://medium.com/jlouage/container-de5b0d3ad184) > - 原文作者：[Julien Louage](https://medium.com/@louagejulien) > - 其他 Flutter 相关 > - [Flutter: 图解 Row 与 Column 部件](https://github.com/Weiyu-Chen/blog/issues/11) > - [Flutter: 图解 BoxDecoration ](https://github.com/Weiyu-Chen/blog/issues/12) Container 简介 布局 没有子组件...
前言 优化手段 网络 请求阻塞 (stalled) 减少资源请求量 多域名（CDN） HTTP/2(SPDY) DNS 解析 DNS prefetch TTFB (time to first byte) CDN 资源 常规优化 打包压缩 缓存 强缓存 协商缓存 缓存策略流程图 第三方库 抽离第三方库 tree shaking polyfill...
# 前端工程化   前端工程化的概念在近些年来逐渐成为主流构建大型web应用**不可或缺**的一部分，在此我通过以下这三方面总结一下自己的理解。 1. 为什么需要前端工程化。 2. 前端工程化的演化。 3. 怎么实现前端工程化。 ## 为什么需要工程化   随着近些年来前端技术的不断发展，越来越多复杂的业务放在了前端，前端不再是以前几个HTML + CSS + javascript就能解决的了。业务复杂了，需要维护的代码量就自然多了，如此一来，前端代码的**可靠性，可维护性，可拓展性**，以及前端web应用的性能，开发效率等等各方面就成了不得不考虑的问题。   于是我们就产生了前端工程化这个概念，来解决这些问题。现阶段的前端工程化，需要考虑到各个方面，包括但不限于以下这几点： ### 提升开发效率 * **webpack-dev-server 热加载** 以前，我们的日常前端开发的流程是这样的： 修改代码 -> 切换IDE到浏览器 -> 刷新浏览器查看效果（有时候还需要清除缓存） -> 修改代码...
# 1. 背景 前端监控上报领域，已经有很多成熟的实践，例如通过 performance timing api 获取页面的一些性能，耗时指标。 但对于一些前端 js 代码执行性能开销导致的 性能问题，我们通常只能局限在自己设备上，通过 chrome devtool 的 proformance 进行记录，分析，排查。 > 通过 performance 面板分析线上 Long Task 代码  开发者很难知道 web 应用中的 JavaScript 在真实用户设备上的各种情况下的执行情况，而且无法有效收集堆栈样本。这样的问题排查会存在一些局限：...