一切福田,不離方寸,從心而覓,感無不通。

Category Archives: Frontend

2022-04-25 errMsg: "request:fail -2:net::ERR_FAILED" errno: 600001

前言:项目迁移,在调用uni.request去请求微信的接口时报错:

返回代码:600001。 pc端工具能访问接口成功,估计是勾选了不效验合法域名的原因,而手机端就显示报错。 查阅了一下微信开放文档,提示是token太长;但我排查了一下我的token,不存在这个问题。 接着直接在百度里找,找到了原因:项目迁移用了一个新域名,而这个域名的证书链有问题,请检查你的域名的证书链,看看是否存在证书链错误,具体设置证书链是由后端完成的,我这里贴出2个我找到的解决方案。 链接1:https://blog.csdn.net/anjingshen/article/details/116926409 链接2:https://blog.csdn.net/Cike___/article/details/109544449 检测域名证书是否正确,可用一下两个网站(网站链接来之上面两个链接): 域名证书检测网站1:https://www.digicert.com/help/ 域名证书检测网站2:https://myssl.com/   from:https://www.cnblogs.com/iuniko/p/16190740.html

龙生   16 Sep 2022
View Details

gulp详细入门教程

gulp作用:
Sass编译
Css Js 图片压缩
Css Js 合并
Css Js 内联
Html的include功能
Autoprefixer
自动刷新
去缓存
Handlebars模板文件的预编译
雪碧图
ESLint rem移动端适配方案

龙生   27 Aug 2022
View Details

移动端禁止双指缩放

最近写项目时发现通过meta标签已无法禁止移动端双指缩放,一般的js写法也无法阻止,最终解决方案如下: 重点:passive

  如果需要该事件,页面写入以下代码即可:

  from:https://www.cnblogs.com/zeosky-zhe/p/13599945.html

龙生   24 Aug 2022
View Details

禁止safari浏览器缩放

在ios10前我们能通过设置meta来禁止用户缩放页面:

监听事件进行判断

  from:https://www.jianshu.com/p/923e63cb3390

龙生   24 Aug 2022
View Details

iPhone/android的viewport 禁止页面自动缩放

P.S 这个方法在ios10以后无效 属性解释: 1.width width设置viewport的宽度,即iphone最初模拟PC浏览器的宽度,之后iphone会这个宽度展现的页面同比缩放到iphone屏幕上。设置width=device-width后就不会再进行缩放了,因为宽度正好和iphone的宽度相同(前提是没有设置缩放比例)。 2.minimum-scale和maximum-scale 控制用户允许设置的缩放比例的。 3.user-scalable 标识是否允许对页面进行缩放,取值有两个yes和no。设置为no则不允许进行页面缩放了。 4.initial-scale 设置用户最初看到页面时的缩放比例。 5.target-densitydpi Android 浏览器所需要的,因为 Android 硬件设备标准不一, 其中同样物理尺寸的屏幕,可能因为 dpi 的不同而具有不同的分辨率, Android 浏览器默认会缩放页面以便最好地呈现, 可惜和 Java 的垃圾回收一样,它很难做到"最好"。所以最好还是人工指定吧。 target-densitydpi 可以设定的值 device-dpi – 设备本身的像素 high-dpi -用高像素,中低像素屏幕适当缩小。 medium- 中等像素,高的屏幕放大,低的变小是默认值 low-dpi – 低像素,中高像素会适当变大。   from:http://t.zoukankan.com/bugs-p-3139811.html

龙生   24 Aug 2022
View Details

h5使用js调用打电话&使用a标签调用打电话和发短信

直接贴代码了: js调用

a标签调用

  from:https://blog.csdn.net/qq_42817227/article/details/102569519

龙生   24 Aug 2022
View Details

h5调用手机打电话功能

点击页面上的电话号码 ,页面会调用手机的电话接口。 from:https://blog.csdn.net/baidu_39043816/article/details/108318327

龙生   24 Aug 2022
View Details

npm常用命令

1. 创建一个文件包
2. npm init
3. 创建一个index.js 文件,并写入一些要实现的代码
4. npm install -g
5. npm link
6. npm login
7. npm publish
8. npm publish --registry=https://指定你要推送的包管理库
9. npm version patch // 更新版本
10. npm update gulp //可以把当前目录下node_modules子目录里边的对应模块更新至最新版本
11. npm unpublish npmhswcommonwei@1.0.2 // 可以撤销发布自己发布过的某个版本代码

龙生   18 Aug 2022
View Details

微信小程序跳转外部链接

微信小程序跳转外部链接 在开发小程序过程中,我们可能会有这样的需求,在小程序中打开H5或者外部链接 实现方法如下: 1、配置业务域名 小程序管理后台——开发(开发管理)——开发设置:新增业务域名 在这里将你需要的外部链接域名配置完之后,再下载校验文件(校验文件需要放到当前域名的根目录下) 2、不勾选 “不校验合法域名” 开发者工具进行 “不校验合法域名”配置 3、刷新项目配置 4、打开外部链接 以上操作均完成之后,便可以打开外部链接

  情况1:外部链接没有带参数

 

  情况2:外部链接带参数 encodeURIComponent() 函数可把字符串作为 URI 组件进行编码 decodeURIComponent() 函数可对 encodeURIComponent() 函数编码的 URI 进行解码。

 

    from:https://blog.csdn.net/weixin_44590591/article/details/124625562

龙生   16 Aug 2022
View Details
1 2 61