深红

出现这个警告的原因是：chrome在80版本之后，更新了cookies的携带机制，把原来Cookie的SameSite属性值，由None改成了Lax，这就会导致一些需要第三方cookie的应用产生了异常。 Name: cookie名。 Value: cookie值。 Domai…

jsbridge是随着Hybrid App的流行而产生的一种技术。那么Hybrid App是啥？Hybrid App又称混合App，即同时使用了前端web技术(js,css,html)和原生native技术(java,kotlin,swfit,object-c)进行开发的移动应…

前后端分离开发已成为业界的共识，但分离的同时也带来了部署的问题。传统web模式下，前端和后端同属一个项目，模板的渲染理所当然由后端渲染。然而随着node的流行，以及webpack的模块化打包方案，让前端在开发阶段完全有能力脱离后端环境：通过本地node启动一个服务器，搭配Moc…

前不久从零开始写了一个webpack多页面打包boilerplate(webpack4-boilerplate)，方便以后工作可以开箱即用，特此记录下开发过程中的要点。 然而现实是骨感的，很多场景下，单页应用的开发模式并不适用。比如公司经常开发一些活动页: 上述三个页面是完全不…

1. 扫码开始游戏，建议佩戴耳机。 2. 进入游戏首页，点一下你要选的女主即可进入不同分支。(默认冬马线) 注意：PixiJS的基础知识，在前文已经介绍过了，所以不再累赘。 由于Pixi只是一个轻量级的渲染库，所以并没有提供给开发者一个内置的粒子特效库。因此，如果希望实现下面这…

PixiJS是一个轻量级的2D渲染引擎，它能自动侦测使用WebGL还是Canvas来创建图形。这个库经常被用来制作HTML5游戏以及有复杂交互的H5活动页。 页面上就出现了一个300*300的蓝色矩形，矩形是由pixi.js创建的canvas渲染的。 Application是p…

在前几篇的文章里，我们学习了Docker常用的命令和基本操作，现在可以开始实战了。 前端工作中最常见的就是单页应用了。我们首先用create-react-app快速创建一个应用 可以看见正常启动的页面。 可以看到本地生成了一个build目录，这就是最后线上运行的代码。 dock…

在基础篇里，我们介绍了一些Docker的常用概念和命令，接下来我们会继续学习Docker的其他用法和实际运用。 前端最常使用的静态服务器就是Nginx了。 -p: 端口映射。8888:80表示把本地的8888端口映射到容器的80端口 为什么要映射端口？因为Docker里每个容器…

最近公司在推进容器化和k8s，项目都要改成Docker部署。负责的工程里有几个node项目，只能从零开始学习Docker了。 Docker支持window, Mac, Linux, 教程参考Docker安装教程。 建议在Mac和Linux系统里使用Docker。 平时开发，我使…