20200615 前端开发日报

Vue中使用Three.js加载glTF模型；CSS 的 background 属性到底有哪些用法？这篇文章帮你全部总结了；Vue技巧 | 在Vue3中使元素在滚动视图时淡入；「预热桶」限流算法详解(附 Node.js 实现)；使用无字母的JavaScript语句绕过XSS限制；JavaScript各种错误类型；编程语言最新排名：Java最受欢迎、JS用户最多

1. Vue中使用Three.js加载glTF模型

   Three.js是一个跨浏览器的脚本，使用JavaScript函数库或API来在网页浏览器中创建和展示动画的三维计算机图形，基于WebGL实现，对WebGL进行了进一步的封装，简化了多数复杂的接口。 Three.js支持包括 .obj、.gltf等类型的模型结构。glTF（GL传输格式）是Khronos的一个开放项目，它为3D资产提供了一种通用的、可扩展的格…

2. CSS 的 background 属性到底有哪些用法？这篇文章帮你全部总结了

   点击壹伴助手，关注我们 前言 前几天有些事情所以没有更新，感谢小伙伴们的理解~最近在做项目的时候一直有用到很多background-image的时候，所以有个想法打算总结一下所有的background属性用法，以后用起来也会更加的方便。 background background属性能够帮助我们为界面的背…

3. Vue技巧 | 在Vue3中使元素在滚动视图时淡入

   优秀的网站要对用户的互动做出反应。做到这一点的一个很好的方法就是对有人向下滚动你的页面做出反应。 除了视差组件和滚动事件外，添加响应式触摸的一种好方法是使元素在滚动视图时淡入。 在本技巧中，将介绍如何使用滚动事件和CSS转换在Vue3中实现此功能。 这是我们将学习如何在本教程中进行构建的屏幕截图。…

4. 「预热桶」限流算法详解(附 Node.js 实现)

   文/金禅 「预热桶」是我自己取的名字，它来源于 Google 的 Guava 工具包里的 SmoothWarmingUp 类，表示带预热的令牌桶算法。 限流是在高并发场景下，保证系统稳定性的一把利器，在之前的文章中我介绍了集中基础的限流算法，本文重点介绍一个更高级的限流算法——『预热桶算法』的原理和实现； 「预热桶」的由来 …

5. 使用无字母的JavaScript语句绕过XSS限制

   一、前言 在一次 XSS 测试中,往可控的参数中输入 XSS Payload ,发现目标服务把所有字母都转成了大写,假如我输入 alert(1) ,会被转成 ALERT(1) ,除此之外并没有其他限制,这时我了解到 JavaScript 中可以执行无字母的语句,从而可以绕过这种限制来执行 XSS Payload 。 二、JS基础 先执行两段JS代码看下 ( ]+[…

6. JavaScript各种错误类型

   javascript错误类型有以下几种：①SyntaxError: 语法错误②ReferenceError: 引用错误 要用的东西没找到③RangeError: 范围错误 专指参数超范围④TypeError: 类型错误 错误的调用了对象的方法⑤EvalError: eval()方法错…

7. 编程语言最新排名：Java最受欢迎、JS用户最多

   IDE工具开发商JetBrains基于2万名开发者，对编程语言的最新情况进行了统计描摹。 就受欢迎程度而言， Java高居第一位，但在使用人数上，JavaScript则名列榜首。 欢迎程度的统计方法是，让参与的开发者选出三种立即觉得必要的语音，最后算结果。 被访问时，JetBrains负责人指出，Java最后欢迎是因为很多项目…

8. 前端高级进阶：前端部署的发展历程

   前端一说起刀耕火种，那肯定紧随着前端工程化这一话题。随着react/vue/angular，es6+，webpack，babel，typescript以及node的发展，前端已经在逐渐替代过去script引cdn开发的方式了，掀起了工程化这一大浪潮。得益于工程化的发展与开源社区的良好生态，前端应用的可用性与效率得到了很大提高。 前端以前是刀耕…

9. 一项改变游戏规则的技术：Flutter

   “A fast app is great, but a smooth app is even better.” 使用Flutter beta版上线了一个APP的故事 2018年的11月底，我第一次打开Flutter的官网，想看看Flutter到底是什么；3个星期后，我们赶在Apple的App Store审核团队圣诞节休假前，提交了第一个使用Flutter开发的App。当然，是iOS和Android…

10. 是时候考虑搭建自己的站点了：Hugo 和 GitHub Pages 为你助力

    从Hexo迁移到Hugo最强攻略点击上方蓝色“Go语言中文网”关注我们，领全套Go资料，每天学习 Go 语言 拥有一个作品集网站可以使你在寻找一个开发外包时脱颖而出。作品集网站可以让潜在的客户或雇主了解你是一个专家，了解你过去和正在做的工作。不幸的是，一些常见的困难阻碍了许多人拥有作品集网站，包括…

11. sentry 平台 JavaScript之VUE（翻译）

    要在Vue应用程序中使用Sentry，需要使用Sentry的浏览器JavaScript SDK:@Sentry/browser。 # Using yarn $ yarn add @sentry/browser # Using npm $ npm install @sentry/browser 复制代码 @sentry/browser将自行报告应用程序触发的任何意外异常。 此外，Vue集成将捕获引发错误的活动组件的名称和属性状态。这是通过V…

12. BPMN-JS中的依赖注入设计

    为了扩展BPMN.JS的功能，我们通常在Modeler/Viewer实例化时通过传入 additionalModules 参数的方法来扩展/修改BPMN-JS的功能。 一张图搞懂BPMN-JS设计 BPMN-JS通常通过类似下面的代码来自定义DI(依赖注入)模块： export default class CustomRenderer extends BaseRenderer { constructor(ev…

13. [送福利系列] 分享一个可用于生产的 React 国际化工程模版

    背景 做过项目的同学都知道，从 0 搭建一个可以发布上线的项目， 十分的不容易， 太多细节需要注意， 尤其是国际化项目。 我前前后后做了三个完整的国际化项目， 从 0 到 1，今天就把一些通用的配置做了个工程，…

14. 【年中收藏】少不了的vue源码探索，除了面试你会学得更多

    众所周知，目前的局势下，前端的开发的任职要求越来越高；不只是问及会使用什么什么，掌握es6熟练vue或react框架最好使用过某某框架又最好是会node，等等…

15. Flutter – 实战指导，使用ScopedModel管理状态

    ScopedModel已经过度到了Provider的模式了。不用深入本文，就可以看到ScopedMode里的VM这一层都是通过调用notifyListeners方法来通知界面更新的，ScopedModel和ScopedModelDescendant也和Provider模式下的Consume…

16. JavaScript中的Object.is()与严格相等运算符

    三重相等运算符 === 严格检查2个值是否相同： 1 === 1; // => true 1 === ‘1’; // => false 1 === true; // => false 但是，ES2015规范引入了 Object.is() ，其行为与严格的相等运算符几乎相同： Object.is(1, 1); // => true Object.is(1, ‘1’); // => false Object.is(1, true); // …

17. react-jxs语法(四)

    下面简单分析一下为什么null,boolean,undefined为什么不能被页面渲染出来我们在{}中写一些表达式，假如条件不成立或者数据为空，页面显示为null或者undefined,true,false是非常不合理的，react这么设计也是为了避…

18. Git 的 cherry-pick 命令还没用过？快来看看它的厉害

    前言 最近一周在对项目的代码做一些构建工程的整改，一些通用的代码往往经常需要在代码库中的各个分支进行提交。没接触过cherry-pick功能时，往往需要反复切换分支，重复地在各个分支上进行同样内容的修改。这样的操作不仅繁琐，而且修改的地方一多，极易出错！ cherry cherry-pick 的理…

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