react

在Vue里如何把网页的数据导出到Excel ? 前言： 在做后台管理的时候，我们往往有需要把网页上面的数据导出到excel这样的需求，真实的企业项目里对应一些导出财务报表、员工信息、交易记录、考勤打卡记录…等等需求，本文将对此做探讨。 开始前补充： 网上是有些牛人已经把这个功能封装成组件了，但每个人的封装逻辑五花八门，组件的功能也很有限，不一定真能完全符合自己的业务需求，找相应的API也很麻烦，存在不太敢用，不会用等问题，那么本文将教你 如何自己封装，如何自己自定义相关功能，如何自定义Excel的样式 ，尤其是导出excel后自定义样式，这在一些现存封装好的组件是不好实现的，本文可以实现！ 本文导出Excel方法的优点： 网页上的数据与导出Excel之后的数据完全独立，也就是说你导出Excel之后的内容与网页没有直接联系，这意味着数据导出到Excel后有非常强的 1定制性 ，实在不理解这句话也没关系，本文看完你自然就明白了。 2能跨浏览器兼容，甚至是某E浏览器。3导出非常快，不卡顿！ 一、使用脚手架创建一个Vue项目，在生成的src目录下创建exportToExcel.js文件(名称自取), 并且到App.vue里面快速模拟生成一份表格数据 1、我这里简单模拟网页上一份表格数据，使用的是iview的table组件，网页上展示的表格的组件你可以用你自己喜欢的组件，我这里做演示用

欢迎关注「前端试炼」公众号，分享一些前端方面实用或有意思的东西，专注深度和最佳实践，旨在打造一个高质量的公众号。 如果你想交流技术、答疑解惑，请教大神， 回复 交流群 如果你只是想静静看每日精选文章， 回复 文章群 如果是想内推 or 被内推，或者在准备面试， 回复 面试群 如果是 React or Vue， 回复 React 、 Vue 要不要搞一个 工程化 的群？比较深入交流一点，有人感兴趣么 加好友，加好友，加好友，不是公众号后台回复，你没加我好友我没法拉你进群啊。。 扫码加微信，回复关键词。 本文分享自微信公众号 - 前端试炼（code-photo）。 如有侵权，请联系 support@oschina.cn 删除。 本文参与“ OSC源创计划 ”，欢迎正在阅读的你也加入，一起分享。 来源： oschina 链接： https://my.oschina.net/u/3347851/blog/4642928

这里记录每周值得分享的科技内容，周五发布。 本杂志开源（GitHub: ruanyf/weekly ），欢迎提交 issue，投稿或推荐科技内容。 周刊讨论区的帖子 《谁在招人？》 ，提供大量就业信息，欢迎访问或发布工作/实习岗位。 封面图 荷兰艺术家 Henk Hofstra 在巴西圣保罗市的作品《大街上的煎蛋》。（ via ） 本周话题：创业的凸函数和凹函数 著名畅销书 《黑天鹅》 的作者纳西姆·塔勒布（Nassim Taleb），以前是纽约大学的数学教授，后来从事数理金融和风险管理。他写了很多科普文章，使用数学概念去分析各种现象。 他有一个 说法 ，我觉得很新奇。 他说创业的时候，要考虑创业方向是凸函数还是凹函数。 简单说，凸函数（convex function）就是函数曲线开头向上（下图左），凹函数（concave function）就是函数曲线开口向下（下图右）。 塔勒布说，最好的创业方向是下面这种曲线。 上图的竖轴是收益（正向为盈利，负向为亏损），横轴是各种外部因素（正向为有利因素，负向为不利因素）。创业开始时，你的收益是零（曲线与横轴的交点），不知道未来会怎样。 好的创业是这个样子：外部环境有利时，你的收益会快速上升，并且上升空间是巨大的；外部环境不利时，你的亏损会缓慢累积，并且最大损失是有限的。这种曲线正是凸函数，如果反过来，你的创业是凹函数，那就完了：盈利有天花板

React简介和使用 博客说明 文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！ 简介 用于构建用户界面的 JavaScript 库 特点 声明式 React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据改变时 React 能有效地更新并正确地渲染组件。 以声明式编写 UI，可以让你的代码更加可靠，且方便调试。 组件化 创建拥有各自状态的组件，再由这些组件构成更加复杂的 UI。 组件逻辑使用 JavaScript 编写而非模版，因此你可以轻松地在应用中传递数据，并使得状态与 DOM 分离。 一次学习，随处编写 无论你现在正在使用什么技术栈，你都可以随时引入 React 来开发新特性，而不需要重写现有代码。 React 还可以使用 Node 进行服务器渲染，或使用 React Native开发原生移动应用。 安装 npx create-react-app my-app 运行 cd my-app npm start 感谢 万能的网络 以及勤劳的自己 来源： oschina 链接： https://my.oschina.net/guizimo/blog/4302339

首先前端三大件：前端的根本，html、css、JavaScript、JavaScript是重中之重。 库工具：对于库工具而言我们常用的有 JQuery、underScore、zepto、Moment 等 JQuery: 降低开发者操作 DOM 的复杂度 UnderScore: 提供实用的函数 Zepto: JQuery 的简化版 Moment: 日期和时间操作库 这些库给我们提供了很大的便利，省去了我们编写相关方法的时间，同时也是我们的程序更加稳健我们自己写的方法很可能在某些情况下就出 bug 了。 前端框架（ MVVM ）的学习 当下最火的框架想必一定是 React 和 Vue，如果 JQuery 的存在是是我们更加方便的操作 DOM,那么现在 MVVM 框架则是让我们从手动更新 DOM 的繁杂操作中解放出来。 至于 React 和 Vue 该学习哪一个，更多的还是看当下公司使用的是哪一个（也不是必然）。对于 Vue(React) 该如何使用其实不用多久就能上手，我们更应该关心的是他们背后的设计思想和实现原理。 浏览器 & 计算机基础 如果你希望能能快速进阶到高级工程师，那么对于浏览器 & 计算机基础的知识你就必要又有一定的掌握。因为这能让你更好的理解前端。 浏览器一直是 JavaScript 最重要的宿主环境，所以我们必须去了解 JavaScript 在浏览器中是如何执行的。

作者 | 风月 大家好，我是风月，2014年二进宫进入阿里，目前是业务平台体验技术数据服务前端团队负责人，负责 BizCharts 横向建设以及财鲸数据业务支撑。本次分享我将回顾作为业务前端从前端工程转型到数据可视化过程中的心路历程。 前端工程师的修炼没有捷径，踏踏实实的通过一个个项目的实践来升级打怪实现进阶；本文仅分享自己11年的前端生涯，探讨一直在业务中的技术人的成长之路，也复盘再认识下自己，每个节点我遇到的问题和我的选择，过程中聊聊走过的弯路希望能让大家少走弯路就达到我的目的了，不说教，不带货。 技术 TL 进阶金字塔 在我十一年的职业生涯中，以一个阿里的BU为单位，从推动解决业务问题的角度，我基于自己有限的观察总结了需要修炼的6个层次仅供大家参考。 第1层是个人专业技术能力的修炼： 我们工程师从校招开始进入阿里就被安排通过项目开发来训练基础编程能力。一般工作三年，就能够胜任编程岗位工作。编程基础好，成长快的小伙伴1～2年就可以实现专业能力的储备。编程是一门需要动手实践的工种，且在阿里这样的大型互联网公司，业务复杂度不断攀升，一万小时定律被验证是成立的，修炼后就可以在编程上辅导新人实现技术攻坚，这个阶段最重要的事情就是做加法，尝试更多的可能性，不要过早为自己定型技术细分领域，为后面在前端细分领域的选择上打好实践基础； 前端专业能力三板斧：前端工程、性能优化、质量保障 影响力

简介： 前端工程师的修炼没有捷径，踏踏实实的通过一个个项目的实践来升级打怪实现进阶；本文仅分享自己11年的前端生涯，探讨一直在业务中的技术人的成长之路，也复盘再认识下自己，每个节点我遇到的问题和我的选择。 大家好，我是风月，2014年二进宫进入阿里，目前是业务平台体验技术数据服务前端团队负责人，负责 BizCharts 横向建设以及财鲸数据业务支撑。本次分享我将回顾作为业务前端从前端工程转型到数据可视化过程中的心路历程。 前端工程师的修炼没有捷径，踏踏实实的通过一个个项目的实践来升级打怪实现进阶；本文仅分享自己11年的前端生涯，探讨一直在业务中的技术人的成长之路，也复盘再认识下自己，每个节点我遇到的问题和我的选择，过程中聊聊走过的弯路希望能让大家少走弯路就达到我的目的了，不说教，不带货。 技术 TL 进阶金字塔 在我十一年的职业生涯中，以一个阿里的BU为单位，从推动解决业务问题的角度，我基于自己有限的观察总结了需要修炼的6个层次仅供大家参考。 第1层是个人专业技术能力的修炼： 我们工程师从校招开始进入阿里就被安排通过项目开发来训练基础编程能力。一般工作三年，就能够胜任编程岗位工作。编程基础好，成长快的小伙伴1～2年就可以实现专业能力的储备。编程是一门需要动手实践的工种，且在阿里这样的大型互联网公司，业务复杂度不断攀升，一万小时定律被验证是成立的

1.重要性： 关注前端可以很好地提高性能。如果我们可以将后端响应时间缩短一半，整体响应时间只能减少5%~10%。而如果关注前端性能，同样是将其响应时间减少一半，则整体响应时间可以减少40%~45%。 改进前端通常只需要较少的时间和资源，减少后端延迟会带来很大的改动。 只有10%~20%的最终用户响应时间花在了下载HTML文档上，其余的80%~90%时间花在了下载页面中的所有组件上。 2.定位： 2.1 技术上的选择 在前端日常开发中，技术上的选择是非常重要的。为什么要讲这个呢？因为现象频发。 前端工程化严重的当下，轻量化的框架慢慢被遗忘掉了。并不是所有的业务场景都适合使用工程化框架，react/vue 并不轻量。 复杂的框架是为了解决复杂的业务 如果研发h5、PC展示等场景简单的业务时候，javascript原生 配合一些轻量化插件更适合。 多页面应用也并不都是缺点。根据业务不同而选择不一样的技术是非常重要的，是每个前端都应该反思的事情。 这方面是导致卡顿的关键问题。 2.2 NetWork 我们的老朋友NetWork想必前端同学都很熟悉。我们先来看一下network面板 从面板上我们可以看出一些信息： 请求资源size 请求资源时长 请求资源数量 接口响应时长 接口发起数量 接口报文size 接口响应状态 瀑布图 瀑布图 是什么呢？ 瀑布图就是上方图片后面的 waterfall

来源：CSDN 如今，在科技领域掀起了一股GPT3的热潮。大规模语言模型（比如GPT3）的潜力惊艳了我们。虽然这些模型还没有成熟到大多数企业将之直接面对消费者，但却展示出一些智慧的火花，并让人坚信其将会加速自动化的进程，让人看到智能计算系统的希望。让我们拂去GPT3的神秘光环，来看一看它训练与工作的原理吧！ 一个经过训练的GPT3语言模型可以生成文本。 我们可以选择一些文本作为输入，从而影响它的输出。 输出是由模型在扫描大量文本的训练期间 "学到 "的东西生成的。 训练是将模型暴露在大量文本中的过程。它已经做了一次并完成了。你现在看到的所有实验都是来自那个训练过的模型。据估计，它耗费了355个GPU年，花费了460万美元。 一个有3000亿个字符的数据集被用来生成模型的训练样本。例如，这是由上面那句话生成的三个训练样本。 你可以看到你如何在所有文本上滑动一个窗口，并生成很多例子。 当我们只给模型一个样本时：我们只给看特征，并让它预测下一个单词。 该模型的预测将是错误的。我们计算其预测中的错误，并更新模型，以便下次它做出更好的预测。 重复这个过程数百万次 现在让我们更详细地看看这些相同的步骤。 GPT3实际上一次只生成一个token的输出（现在我们假设一个token是一个词）。 请注意：这是对GPT-3工作原理的描述，而不是对它的新颖之处的讨论（主要是规模大得可笑）。其架构是基于的

蒲公英 · JELLY技术周刊 Vol.16 近期，谷歌有史以来的第一次线上谷歌 Web 开发者大会，Web Vitals、PWA、DevTools 和 Lighthouse 6.0 等一系列特性或产品带来的全新体验，让人眼花缭乱。这次大会也以线上的形式分享了包括了性能优化、打包构建等非常多干货，定会让你收获颇丰。 登高远眺 天高地迥，觉宇宙之无穷 基础技术 谷歌发布首个线上 Web 开发者大会 谷歌在本月初完成首次线上 Web 开发者大会 (web.dev/live)，以线上视频的形式，分享关于优化核心 Web 指标的最佳实践，Cookie 隐私和安全保护、构建工具与打包优化、Chrome DevTools 改进等技术干货。 深入浅出现代 Web 编程 这是芬兰赫尔辛基大学公开的全栈课程资源，内容包括 React, Redux, Node.js, MongoDB, GraphQL 以及 TypeScript 等，教你利用 ReactJS 搭配 Node.js 开发 REST API，搭建属于自己的单页应用程序（SPA：Single Page Application）。 前端框架 在 React 内使用内联函数的性能损耗究竟有多少？ 一直有人教导我们：在 React 里用形如 onClick={() => { /* xxx */ }} 函数内联的写法会降低性能，是不好的