20200514 前端开发日报

基于 webpack 优化老项目 ;前端监控总结;GitHub 迎来重大变更:可以直接用 VSCode 编码了;《前端那些事》如何更好管理 Api 接口;前端换肤的 N 种方案,请收下;这份 Java web 必读书单,值得所有 Java 工程师一看;用nodejs实现向文件的固定位置插入内容;Vue的过滤器filters在Element表格el-table中的应用 (Vue「过滤器」的使用,自定义过滤器 filters )

  1. 基于 webpack 优化老项目

    项目技术栈是 dva + antd-Mobile ,由于是早期项目,项目里 webpack 版本用的是 3.5.6 ,所以有些配置我会加上 webpack 4.x 版本的写法。有些 plugin 或者相关配置列出的较少或者讲解比较浅显,可以到 webpack 官网或者对应的 plugin Github 上查看详细的参数配置哟。有不足之处还请指正 :pray:。 Roadhog 官方介绍...

  2. 前端监控总结

    一般一个完整的前端项目需要包含异常监控,我们需要在项目出现异常的时候第一时间通知到我们开发,然后及时修复bug。 现有方案 Fundebug 传送门 bugsnag 传送门 betterjs 传送门 sentry 传送门 异常类型 从前端的角度来说,前端需要关注的异常一般包含一下两种: 原生js错误 ...

  3. GitHub 迎来重大变更:可以直接用 VSCode 编码了

    GitHub在本周的Satellite 2020活动中宣布了一些新功能和更新,涵盖了云、协作、安全性等。 与其他技术公司一样,由于COVID-19危机,微软拥有的代码托管平台已选择将其年度开发者活动移至在线,Satellite 2020也是GitHub本年度的首次虚拟会议。 GitHub Codespaces 这次活动最大的亮点是一个...

  4. 《前端那些事》如何更好管理 Api 接口

    前沿:自从前端和后端分家之后,前后端接口对接就成为了家常,“谁”也离不开谁,而对接接口的过程就离不开接口文档,比较主流就是Swagger(强大的API文档工具),当然今天它不是主角,顶多也就是个辅助。这篇文章旨在梳理如何在前端项目中更好的去管理跟后端“对接”的接口 聊接口管理,离不开请求库,vue技术栈中请求库谈及...

  5. 前端换肤的 N 种方案,请收下

    作者:令夕 原文链接:https://juejin.im/post/5e92ad7a518825736c5b91cd 最近在做网站换肤的需求,也就是主题切换。那么如何切换主题的颜色呢?以下是网站换肤的实现以及基于换肤拓展的一些方案分享给大家,希望大家在做类似需求的时候能够有些参考。 覆盖样式实现 //&n...

  6. 这份 Java Web 必读书单,值得所有 Java 工程师一看

    点击蓝色“程序员书单”关注我哟 加个“星标”,每天带你读好书! 经过了10多年的发展,Java Web从开发框架到社区都已经非常成熟,而目前市面上最流行的Java Web框架已然是Spring全家桶,从过去的Spring,SpringMVC,再到SpringBoot。而曾经流行的JSP和servlet,随着前后端分离的趋势,以及Spring这类框架的冲击,也逐...

  7. 用nodejs实现向文件的固定位置插入内容

    往文件的固定的行写入数据: 需要用到时nodejs的fs模块和path模块 用到fs模块的方法 readFileSync &  writeFileSync ;  readFileSync 是读取文件内容,  writeFileSync 是向文件写入内容; 实现思路: 1:读取文件内容并把读取到的内容以换行符切割成数组 2:向数组的插入内容(用splice...

  8. Vue的过滤器filters在Element表格el-table中的应用 (Vue「过滤器」的使用,自定义过滤器 filters )

    filters 不会修改数据,只是改变用户看到的输出(效果) (计算属性 computed ,方法 methods 都是通过修改数据来处理数据格式的输出显示)。 2.使用场景: 需要格式化数据的情况,比如我们需要处理 时间、价格等数据格式的输出 / 显示。 比如后端给你返回一个 年月日的日期字符串 ,前端需要展示...

  9. ViLikeJS – 一款轻量级的访问量&点赞统计插件

    :eyes::+1: 一款基于Bmob后端云轻量级的访问量&点赞插件 官方文档 官方文档: ViLikeJS : ViLikeJS Demo 特性 简单功能简单实现,封装十几行代码实现超轻量的JS插件。 无需在个人服务器上搭建后端系统,数据访问更加安全。 借助Bmob创建后端平台,创建、管理更加方便快捷。 什么情况...

  10. 如何在端外投放的场景下实现前端实时 CEP 框架?

    背景 复杂事件处理(Complex Event Processing,以下简称CEP)在闲鱼内得到了广泛应用,基于用户使用闲鱼的实时行为,为用户提供更加丰富的优质信息与服务。闲鱼技术公众号有介绍过CEP在服务端和客户端上的设计与实现。然而之前的设计方案都只适用于闲鱼App端内场景,针对端外投放拉新场景(例如用户访问了多...

  11. 懒人整理的js函数式编程讲解

    根据学术上函数的定义,函数即是一种描述集合和集合之间的 转换关系 ,输入通过函数都会返回 有且只有一个 输出值。 函数 实际上是一个 关系 ,或者说是一种映射,而这种映射关系是可以组合的。 在我们的编程世界中,我们需要处理的其实也只有“数据”和“关系”,而关系就是函数。我们所谓的 编程工作 也不过就是在...

  12. pc-pcm-wave:一个简单录音波纹 Preact 组件

    README.md pc-pcm-wave 一个简单的pcm波纹效果, 适用于preact项目,hooks编写, 有如下特性 可自定义状态数量 可自定义线的数量、粗细、颜色、波速、振幅、延迟等参数 Live Demo L...

  13. 5个JavaScript的字符串处理库

    使用字符串可能是一项繁琐的任务,因为有许多不同的用例。例如,将字符串转换为驼峰大小写这样的简单任务可能需要几行代码才能达到最终目标。 function camelize(str) {    return str.replace(/(?:^w| |bw|s+)/g, function(match, index) {    ...

  14. 最后一天,立省52元你的青春必须有奇舞团的前端课

    你没有这样的经历: 看过很多书,但是都忘了; 上过很多课,知识全都还给老师了; 明明工作很努力,回过头却发现不如小好几岁的同事; 看着同事讨论热烈地讨论某个技术点,却无话可说; 看了某个知识点,有疑惑但无人可问; ...... 也许你会想,就是上边某些原因一直让你停滞不...

  15. Vue3 究竟好在哪里?(和 React Hook 的详细对比)

    这几天 Vue 3.0 Beta 版本发布了,本以为是皆大欢喜的一件事情,但是论坛里还是看到了很多反对的声音。主流的反对论点大概有如下几点:

  16. JavaScript内置对象之Array的使用小结

    数组的创建方式: 1.字面量: 放置一个数值时,就是一个数据。 var arr = ; 2.构造函数: 放置一个数据时,表示长度或数据的个数,空表示undefined。 var arr = new Array(6); 建议:Array作为构造函数,行为很不一致。因此,不建议使用它生成新数组,直接使用数组字面量是更好的做法。 数组...

  17. 关于前端的 13 个安全提示

    你可能会惊讶地知道大型框架如何使你的网站对跨站点脚本(XSS)攻击打开大门。有很多危险的操作,例如 React 中的 dangerouslySetInnerHTML 或 Angular 中的 bypassSecurityTrust API。

  18. 【前端工程化】环境变量.env文件

    在现代前端项目中 .env 文件随处可见,里面都是一些项目中的配置项,可以在项目中拿来就用,虽然这是一个不太起眼的东西,但是这些 .env 文件在前端工程化中是有一定的用处和意义的。 就让我们通过这篇短文一起来看看。 process.env 现在的前端项目都是用 Node 来作为辅助开发工具,而 process 是 Node.js 中的 ...

  19. 之 JS数组去重

    理一遍去重,希望可以像离骚前两句话一样这辈子可以脱口而出。 --- 长太息以掩涕兮,哀民生之多艰 复制代码 1、ES6 new Set去重 var list = [4, 4, "lalala", "lalala", true, true, undefined, 'true', 'true', undefined, undefined, null, null, 0, 0...

更多内容请关注公众号【前端开发博客】每日更新
20200514 前端开发日报

原文:20200514 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20200514.html)

发表评论

请登录后发表评论: