在webpack构建打包中一般利用url-loader加载器处理项目小图片资源。他的工作原理就是会根据内容计算出base64流字符串流注入到代码中，但是当我们的项目有很图片数量很多的时候，应该考虑图片体积不能太大。url-loader在webpack.config.js例如module.exports={module:{rules:[test:/\.png$/,use:[{loader:‘url-
分类：
Web程序 时间：
2020-10-26 11:40:31
阅读次数：
37
SVG：可伸缩的矢量图形 SVG本身是基于 XML 的一种独立的数据格式，用于声明式的 2D 矢量图形。但是，它也可以嵌入到 html 文档中，这是所有主流浏览器都支持的。 让我们考虑一个例子，如何使用 SVG 绘制一个可调整大小的圆： <html style="height: 100%; widt ...
分类：
Web程序 时间：
2020-10-18 17:03:42
阅读次数：
41
用css实现一个rate评分 ? 核心代码也就三行 效果图 原理 梳理如下： 去找个好看的iconfont，[Iconfont-阿里巴巴矢量图标库]；借用5个radio单选框，把默认样式都去掉，显示默认的星星；用checked伪类监听用户选中?，由默认的星星变成高亮的星星；然后配合~兄弟操作符把当前 ...
分类：
Web程序 时间：
2020-10-18 16:23:01
阅读次数：
33
这样没有必要吧？我可否直接用numpy的向量化操作，直接做到时间O(1)，空间O(n)? 现代cpu都会有矢量指令，比如SSE里的ADDPS。numpy向量操作，比如add，是直接通过c执行cpu向量操作来执行add，而不是像python一样通过for循环 Alias Method:时间复杂度O(1 ...
分类：
其他好文 时间：
2020-10-13 16:49:28
阅读次数：
22
什么是矢量图？ 矢量图形是计算机图形学中用点、直线或者多边形等基于数学方程的几何图元表示图像。矢量图形与使用像素表示图像的位图不同。 这种绘制图比位图的优越之处有： 保存最少的信息，文件大小比位图要小，并且文件大小与物体的大小无关 在图像处理软件中，任意放大矢量图形，不会丢失细节或影响清晰度，因为矢 ...
分类：
其他好文 时间：
2020-10-06 21:10:00
阅读次数：
42
视频 <video> 元素用来嵌入一段视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Photo</title> </head> <body> <video src="land.mov" control ...
分类：
Web程序 时间：
2020-09-17 21:47:26
阅读次数：
43
一 基本思路 栅格数据 -> 矢量数据 -> 对矢量数据进行投影 -> 计算面积 这里的计算栅格图面积的方法本质上和计算矢量图面积的方法差不多，只是多了一步栅格转矢量。 二 操作步骤 这里以北京市为例来计算面积。 这是一张北京市的土地利用现状栅格图。 1.栅格数据转换为矢量数据 转好之后的结果如下图 ...
分类：
其他好文 时间：
2020-09-17 12:06:44
阅读次数：
25
STM32F0 Series:8位和16bit单片机的替代。cortex-m0 cores STM32F1 Series： 用得最多的。 STM32F3 Series：同类产品中的高端产品。 基于意法半导体上一代永磁同步电机(PMSM)矢量控制(FOC)SDK，5.0 新版固件库结合STM32Cub ...
分类：
其他好文 时间：
2020-07-29 17:35:28
阅读次数：
78
一、BGP特征 ① 传输协议：TCP，端口号179 ② BGP是外部路由协议，用来在AS之间传递路由信息 ③ 是一种增强的路径矢量路由协议 ④ 拥有可靠的路由更新机制 ⑤ 具备丰富的Metric度量方法 ⑥ 无环路协议设计 ⑦ 为路由条目附带多种属性信息 ⑧ 支持CIDR（无类别域间选路） ⑨ 丰富 ...
分类：
其他好文 时间：
2020-07-28 22:18:18
阅读次数：
79
背景 之前做的海量数据数据展示，在预处理速度和渲染上还有有所欠缺，比如单个切片文件还是太大，本文中进行一些优化工作,使得一分钟处理完一千多万点数据的1-11级矢量切片，在线浏览数据请求时间控制在1s左右。 准备 软件环境:PostGIS,数据是微软开源的部分房屋数据public.california ...
分类：
其他好文 时间：
2020-07-26 16:02:32
阅读次数：
106
