前端
文章平均质量分 57
前端技术栈
PrinciplesMan
一个人的生命是应该这样度过的:当他回首往事的时候,不因虚度年华而悔恨,也不因碌碌无为而羞耻。
展开
-
NPM版本号自增,自动化发布NPM包
在一个包的目录下执行此命令,会提升版本号,并把这个新的版本号写进。可以将此放入到npm script流中,自动化构建!应该是一个有效的semver字符串, 或者是。: 版本号中第一段数字自增1。: 版本号中第一段数字自增1。: 版本号中第三段数字自增1。中定义的任意一个有效的。相看某个包的最新版本号。列出当前安装的所有包。查看当前包的安装路径。查看全局包的安装路径。转载 2023-02-28 18:04:03 · 758 阅读 · 0 评论 -
javascript rsa 加密,实现RSA_PKCS1_PADDING 加密
【代码】javascript rsa 加密,实现RSA_PKCS1_PADDING 加密。转载 2023-02-24 13:44:58 · 1987 阅读 · 0 评论 -
获取el-tree中所有节点的父节点
this.breadList.unshift(node.data.value)// 将value保存起来。node.parent) {// 若无父节点,则直接返回。// console.log("data是多少呢");label: '三级 1-1-1',label: '三级 2-1-1',label: '三级 2-2-1',label: '三级 3-1-1',label: '三级 3-2-1',label: '二级 1-1',label: '二级 2-1',label: '二级 3-1',转载 2022-10-18 08:58:52 · 2498 阅读 · 0 评论 -
微前端解决方案 - qiankun 2.0
Announcing qiankun@2.02019 年 6 月,微前端框架qiankun正式发布了 1.0 版本,在这一年不到的时间内,我们收获了 4k+ star,收获了来自 single-spa 官方团队的问候,支撑了阿里 200+ 线上应用,也成为社区许多团队选用的微前端解决方案。在今天,qiankun 将正式发布 2.0 版本。qiankun@2.0 带来了一些新能力的同时,只做了很小的 API 调整,1.x 的用户可以很轻松的迁移到 2.x 版本,详细信息见下方 升级指南 小节。..转载 2022-02-25 15:18:59 · 2350 阅读 · 0 评论 -
npm和yarn的区别
Yarn是什么?“Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 ,正如官方文档中写的,Yarn 是为了弥补 npm 的一些缺陷而出现的。”这句话让我想起了使用npm时的坑了:npm install的时候巨慢。特别是新的项目拉下来要等半天,删除node_modules,重新install的时候依旧如此。 同一个项目,安装的时候无法保持一致性。由于package.json文件中版本号的特点,下面三个版本号在安装的时候代表不同的含义。转载 2022-02-19 22:35:54 · 260 阅读 · 0 评论 -
CSS3视口单位vw,wh
vw和vh是视口(viewport units)单位,何谓视口,就是根据你浏览器窗口的大小的单位,不受显示器分辨率的影响,是不是很神奇,这就代表了,我们不需要顾虑到现在那么多不同电脑有关分辨率的自适应问题。vw是可视窗口的宽度单位,和百分比有点一样,1vw = 可视窗口的宽度的百分之一。比如窗口宽度大小是1800px,那么1vw = 18px。和百分比不一样的是,vw始终相对于可视窗口的宽度,而百分比和其父元素的宽度有关。vh就是可视窗口的高度了。他们能够根据窗口大小来自动调节字体大小,这就能很转载 2021-12-09 11:19:49 · 720 阅读 · 0 评论 -
gulp概述
前端的构建工具常见的有Grunt、Gulp、Webpack三种,Grunt比较老旧,功能少,更新少,插件少。概念:gulp是一个自动化构建工具,主要用来设定程序自动处理静态资源的工作。简单的说,gulp就是用来打包项目的。官网:https://gulpjs.com/中文官网:https://www.gulpjs.com.cn/docs/安装:全局安装:npm i gulp@3.9.1 -ggulp -v # 测试是否安装成功全局安装表示在当前电脑中可以使用gulp环境了转载 2021-12-02 16:53:23 · 675 阅读 · 0 评论 -
JS中对象的深拷贝
在JS中,一般的=号传递的都是对象/数组的引用,并没有真正地拷贝一个对象,那如何进行对象的深度拷贝呢?如果你对此也有疑问,这篇文章或许能够帮助到你一、对象引用、浅层拷贝与深层拷贝的区别js的对象引用传递理解起来很简单,参考如下代码:var a = {name:'wanger'}var b = a ;a===b // trueb.name = 'zhangsan'a.name //'zhangan'上述代码中,使用了=进行赋值,于是b指向了a所指向的栈的对象,也就是a与b指向了同一转载 2021-10-24 14:46:56 · 313 阅读 · 0 评论 -
HTML5本地储存--利用storage事件实时监听Web Storage
在事件处理函数中,触发事件的事件对象(event参数值)具有如下几个属性event.key 属性:属性值为在 session 或 localStorage 中被修改的数据键值。event.oldValue 属性:属性值为在 sessionStorage 或 localStorage 中被修改的值。event.newValue 属性:属性值为在 sessionStorage 或 localStorage 中被修改后的值event.url 属性:属性值为修改 sessionStorage 或 loca转载 2021-10-18 16:43:24 · 644 阅读 · 0 评论 -
电脑端调试钉钉H5应用
首先,要在钉钉开发者版本中启动微应用调试。启用步骤如下: 进入“我的”(个人资料页) 选择“设置” 选择“通用” 选择“开发者选项” 打开“微应用调试” 其次,用数据线连接安卓手机。第三,在安卓手机的开发者选项中开启手机的USB调试。第四,在Chrome浏览器中输入chrome://inspect/#devices,找到要调试的页面,点击“inspect”。第五,连接上科学上网,这样才能打开调试的窗口,否则弹出的窗口可能是空白或者显示404之类。转载 2021-09-06 16:35:08 · 3003 阅读 · 0 评论 -
白话https加密原理
随着谷歌浏览器对https证书的大力推行,几乎所有大型网站都部署了https证书,我们在开发时,也时常会用到https,比如开发微信小程序,微信官方要求小程序内部发送异步请求必须是https协议。https好处多多,用https协议传输信息,信息的安全性会得到保障,用http传递信息几乎等于裸奔了,如图所示:https在传输信息的时候是需要对信息进行加密的。https...转载 2019-12-04 09:16:42 · 284 阅读 · 0 评论 -
钉钉推送待办消息-详情链接无法打开的问题
解决办法:对详情链接进行UrlEncode转义原创 2021-05-29 11:03:12 · 3661 阅读 · 0 评论 -
css media 使用scss变量
首先回顾下css3中的@media 定义和使用: 使用 @media 查询,你可以针对不同的媒体类型定义不同的样式。 @media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有用的。 当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。 实例:如果文档宽度小于 300 像素则修改背景颜色(background-color):@media screen and (max-width: 300px) {转载 2021-09-06 11:35:36 · 1686 阅读 · 0 评论 -
高德地图自定义Marker显示文字
方法一:调用:Marker localMarker=mAMap.addMarker(new MarkerOptions().position(localLatLng)//.icon(BitmapDescriptorFactory.fromBitmap(BitmapFactory.decodeResource(getResources(), R.drawable.map_location_icon))));/*.icon(BitmapDescriptorFactory.fromView(get转载 2020-09-06 16:49:10 · 2123 阅读 · 0 评论 -
GCJ-02火星坐标系和WGS-84坐标系转换关系
WGS-84:GPS坐标系GCJ-02:火星坐标系,国测局02年发布的坐标体系,高德,腾讯等使用。BD-09:百度坐标系,百度自研,百度地图使用。GCJ-02 转WGS-84公式# -*- coding: utf-8 -*-import jsonimport mathx_pi = 3.14159265358979324 * 3000.0 / 180.0pi = 3.1415926535897932384626 # πa = 6378245.0 # 长半轴ee = 0.转载 2021-09-01 15:56:58 · 4883 阅读 · 3 评论 -
GCJ-02火星坐标系和WGS-84坐标系转换关系
WGS-84:GPS坐标系GCJ-02:火星坐标系,国测局02年发布的坐标体系,高德,腾讯等使用。BD-09:百度坐标系,百度自研,百度地图使用。GCJ-02 转WGS-84公式# -*- coding: utf-8 -*-import jsonimport mathx_pi = 3.14159265358979324 * 3000.0 / 180.0pi = 3.1415926535897932384626 # πa = 6378245.0 # 长半轴ee = 0.00转载 2021-03-12 07:14:47 · 8884 阅读 · 3 评论 -
为什么获取不到定位的速度[getSpeed()]、角度[getBearing()]、海拔[getAltitude()]?
速度、角度和海拔数据来源自哪里?精准的速度(Speed)、角度(Bearing)、海拔(Altitude)数据来自设备GPS模块,也就是当GPS模块正常工作情况下,且设备在移动时会返回以上三种数据。所以当以上三种数据返回负数说明GPS状态现在是太好的,无法准确计算结果。如果返回0意味着GPS状态可用,但设备没有移动。为何高精度定位模式不能每次都返回这三项数据?在高精度定位模式下会采用GPS定位混合网络定位的方式。开启持续高精度定位,如果此时GPS模块没有正常工作是无法正常返回角度、速度、海拔转载 2021-03-08 17:41:44 · 1284 阅读 · 0 评论 -
高德地图导航和定位
高德地图导bai航和定位,du用的是GPS。手机定位,大部分是同时采zhi用了美国GPS还有中国北斗卫星的信号,甚至dao于连俄罗斯格洛纳斯系统的信号也有,这些信号一起作用来实现手机的定位。如果想知道自己的定位是用的GPS还是北斗系统,可以去应用商店下载一个“GPS Test”之类的APP,打开来之后就可以看到自己手机接收到的卫星信号的来源、数量以及质量了。在市区,或者普通郊外,用高德就非常好了。北斗导航的优势在于没有的移动信号的地方,比如藏区,进西藏特别是那曲、阿里一定得装一个北斗/GP.原创 2020-09-07 10:43:35 · 1843 阅读 · 0 评论