dnoyeb

摘要： 1. PWA和Service Worker的关系 PWA (Progressive Web Apps) 不是一项技术，也不是一个框架，我们可以把她理解为一种模式，一种通过应用一些技术将 Web App 在安全、性能和体验等方面带来渐进式的提升的一种 Web App的模式。对于 webview 来说， 阅读全文

摘要： 小试牛刀，实现了六款简单常见HTML5 Canvas特效滤镜，并且封装成一个纯 JavaScript可调用的API文件gloomyfishfilter.js。支持的特效滤镜分别为： 1. 反色 2. 灰色调 3. 模糊 4. 浮雕 5. 雕刻 6. 镜像 滤镜原理解释： 1. 反色：获取一个像素点R 阅读全文

摘要： 引言： 本系列现在构思成以下4个部分: 基础类型图片处理技术之缩放、裁剪与旋转(传送门)； 基础类型图片处理技术之图片合成(传送门)； 基础类型图片处理技术之文字合成(传送门)； 算法类型图片处理技术(传送门)； 通过这些积累，我封装了几个项目中常用的功能： 图片合成 图片裁剪 人像抠除 之前文章主 阅读全文

摘要： 安装node的anywhere插件 启动本地服务器后 使用chrome的DevTool > chrome://inspect/#devices 点击inspect 第一次需要FQ 以后就不需要了 阅读全文

摘要： 摘要：在Web网页中主要是以矩形分布的。而平面媒体则倾向于更多不同的形状。造成这种差异的原因是因为缺少合适的工具去实现我们平面媒体中的内容。这也就造成了很多设计师的创意发挥,就算是有创意,前端实现也将付出巨大的开发成本。虽然CSSShapesModuleLevel1(CSS形状模块标准1)的规范出现 阅读全文

摘要： 组件的重新渲染 我们可以在 React 组件中的 props 和 state 存放任何类型的数据，通过改变 props 和 state，去控制整个组件的状态。当 props 和 state 发生变化时，React 会重新渲染整个组件，组件重新渲染的过程可简化如下图： 译者之前对diff的理解是，对于 阅读全文

摘要： 关于CSS重排和重绘的概念，最近看到不少这方面的文章，觉得挺有用，在制作中考虑浏览器的性能，减少重排能够节省浏览器对其子元素及父类元素的重新渲染；避免过分的重绘也能节省浏览器性能；优化动画，使用3D启用GPU硬件加速；慎重选择高消耗的样式，如box-shadow、border-radius、tran 阅读全文

摘要： 本文翻译自Ariya Hidayat的Hardware Accelerated CSS: The Nice vs The Naughty。感谢Kyle He帮助校对。 每个人都痴迷于60桢每秒的顺滑动画。为了实现这个顺滑体验现在用的最流行的一个做法就是使用『CSS硬件加速』。在一些极端例子中，强制使 阅读全文

摘要： 在Ionic应用里实现支付并不难，但是有的坑真是不爬不知道。 一：支付宝支付 网上关于支付宝支付cordova插件真是非常多，但是大多会报一些让你很无语的错误。比如sdk早已过时不是最新的，或者没有出来效果。我也是经过大量试错，最终选择了以下这个。 安装cordova支付宝支付插件： 让用户选择支付 阅读全文

摘要： 1、（先进入项目文件夹）通过命令 git init 把这个目录变成git可以管理的仓库 git init 2、把文件添加到版本库中，使用命令 git add .添加到暂存区里面去，不要忘记后面的小数点“.”，意为添加文件夹下的所有文件 git add . 3、用命令 git commit告诉Git， 阅读全文