前端小原理
文章平均质量分 92
一城烟雨遇见了晴天
分享和记录所见所得
展开
-
开发依赖和生产依赖到底有何区别(记@types/xxx等npm包该算开发依赖还是生产依赖)
一句话概括不用在乎前言先抛结论,如果是做普通前端项目的话,其实package.json里面的依赖包作为开发依赖和生产依赖基本没啥区别,就算把项目的package.json中的dependencies包全部挪到devDependencies也没问题。如果项目是做npm包或者node服务的,会有些许差别我们都知道package.json的dependencies对应生产环境依赖,devDependencies是开发环境依赖。用npm install的时候加上--save是添加到dependencies转载 2022-05-16 23:22:58 · 1992 阅读 · 0 评论 -
vue3移动端腾讯地图坐标拾取,获取当前定位(腾讯、高德、百度、天地图),火星坐标GCJ-02–>百度坐标BD-09,根据坐标经纬度计算两点距离的方法,点击链接打开地图导航的方法
文章目录前言地图选点(坐标拾取)一、调用示例二、调用方法获取当前定位一、调用示例二、调用方法other:高德地图、百度地图、天地图获取当前定位的方法一、高德地图二、百度地图(支持异步加载)三、天地图腾讯、高德、百度地图坐标系相互转换的方法(火星坐标GCJ-02–>百度坐标BD-09)根据坐标经纬度计算两点距离的方法点击链接打开地图导航的方法总结前言具体请参考腾讯地图开发者平台 https://lbs.qq.com/webApitips:1、无论是腾讯地图还是高德、百度、天地图,都建议使用ht原创 2022-05-09 16:00:36 · 6131 阅读 · 2 评论 -
前端图片懒加载原理(原生js)
1、懒加载用途网页不断的追求美观大气,“瀑布流”布局等界面的元素的增多,使用过多的高清图片,因此严重影响加载速度,界面卡顿,白屏现象严重,并且流量消耗巨大,所以说按需延迟加载极大的解决了此类问题。 vue、layui 等框架都标配了懒加载,多数人只停留在会用的程度上,究其原理,其实也不难,下面我们来看看 ==》》》2、懒加载原理图片之所以加载是因为src 属性指向了相应的图片地址,所以只需要不给它src属性即可。这里可以使用自定义属性data-src代替,将所有需要进行懒加载的图片存入数组中,通原创 2020-09-10 15:10:43 · 538 阅读 · 0 评论