随笔分类 - 技术剖析
摘要：一、问题背景 为了防止信息泄露或知识产权被侵犯，在web的世界里，对于页面和图片等增加水印处理是十分有必要的，水印的添加根据环境可以分为两大类，前端浏览器环境添加和后端服务环境添加，根据可见性，网页水印可以分为可见水印和不可见水印（盲水印/隐水印），简单对比一下这两种方式的特点： 前端浏览器加水印：
阅读全文
摘要：一、什么是数据可视化？ 数据可视化研究的是，如何将数据转化成为交互的图形或图像等，以视觉可以感受的方式表达，增强人的认知能力，达到发现、解释、分析、探索、决策和学习的目的。 “数据可视化（Data Visualization）和信息可视化（Infographics）是两个相近的专业领域名词。狭义上的
阅读全文
摘要：在开发表单时常见的有两种做法：一种是通过配置代码的方式，而另一种则是通过组件组合的方式。通过配置代码生成的表单，我们称之为动态表单（Dynamic Form），而通过组件组合生成的表单，我们称之为普通表单。 对于动态表单来说，我们只需要定义一套统一的配置模板，之后新增表单或者输入项时，只需要修改
阅读全文
摘要：官网有一个例子： const user = { name: 'Hedy Lamarr', imageUrl: 'https://i.imgur.com/yXOvdOSs.jpg', imageSize: 90, }; export default function Profile() { retur
阅读全文
摘要：参考 JavaScript：undefined!=false之解 及==比较的规则 简单说 JavaScript中的tostring( ) 与 valueOf( )方法
阅读全文
摘要：参考 https://zh.wikipedia.org/zh-sg/WebP 实战 直播推荐封面使用webp格式部分机型不展示 在开发相亲cny的时候，直播推荐模块server下发的封面图是webp的格式，android展示没有问题，ios14以下不支持webp所以让server做了处理，低版本下发
阅读全文
摘要：参考 https://www.cnblogs.com/star91/p/RN-ye-mian-huo-qu-zu-jian-wei-zhi-he-da-xiao-de-fa.html
阅读全文
摘要：RN页面无法下滑，被截断 react native 要实现页面滑动，需要添加ScrollView标签，否则无法滑动页面，页面内容显示不全，当然在存在列表的情况下使用FlatList或者SectionList也是可以实现滑动的
阅读全文
摘要：参考 下拉刷新：在下拉的时候重新调用接口 上滑加载：在距离底部不足多少的时候调用接口 React Native：FlatList的使用和实现下拉刷新和上拉加载
阅读全文
摘要：前言 H5的开发中一定离不开的一个问题就是跨域，当协议、端口、域名其中一项不同时就会跨域，解决跨域的方法也有很多，开发中常用的例如node转发、CORS、还有就是Nginx配置转发，本文主要说一下Nginx如何配置转发解决跨域问题。 Nginx配置转发解决跨域 公司一般都会有一些配置Nginx的平台
阅读全文
摘要：方式 APNG无法像普通PNG图片一样直接使用，它有两种使用方式借助apng-canvas库或者apng-js库 apng-canvas: https://github.com/davidmz/apng-canvas apng-js: https://github.com/davidmz/apng-
阅读全文
摘要：前言 APNG全称是“Animated Portable Network Graphics”, 是PNG的位图动画扩展，可以实现png格式的动态图片效果。首先，APNG是个PNG动图，跟Gif动图一样，是由很多帧构成的。其中，第1帧就是一张标准的PNG图片，后面的帧不仅包含PNG图片，还有剩余的动画
阅读全文
摘要：前言 官网提到组合式api和选项式api 选项式api其实就是vue2的写法，组合式api是vue3的新写法（组合式api可以在script中使用setup（）也可以使用<script setup>，<script setup>是setup（）的语法糖，语法糖的写法在vue3.2后才支持） 参考 V
阅读全文
摘要：步骤 1、安装styleLint npm i stylelint --save-dev 2、新建.stylelintrc.json文件 内容如下： { "extends": "stylelint-config-standard", "rules": { "indentation": 4, "font
阅读全文
摘要：步骤 1、安装eslint npm i eslint --save-dev 2、新建.eslintrc文件 文件内容如下： { "extends": ["plugin:vue/recommended", "prettier"], // 是一个 npm 包，它输出一个配置对象。要确保这个包安装在 ES
阅读全文
摘要：nom i less less-loader --save-dev 暂无其他配置
阅读全文
摘要：# npm 6.x $ npm init vite@latest <project-name> --template vue # npm 7+，需要加上额外的双短横线 $ npm init vite@latest <project-name> -- --template vue $ cd <proj
阅读全文
