![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
高冷的钢背兽
iOS开发&前端开发
展开
-
npm设置源(原淘宝源域名已过期)
淘宝域名npm.taobao.org 和 registry.npm.taobao.org 域名证书已过期这两个老域名将会停止服务。原创 2024-01-25 19:38:27 · 1292 阅读 · 0 评论 -
VSCode正则搜索中文字符
vscode搜索中文字符原创 2023-03-02 11:05:41 · 1219 阅读 · 0 评论 -
钉钉RC版H5页面调试
钉钉RC版H5页面调试原创 2023-01-05 17:35:26 · 1399 阅读 · 0 评论 -
CSS 变量声明和修改
CSS变量声明、读取、修改原创 2022-07-25 18:02:53 · 1742 阅读 · 0 评论 -
使用antd mobile TextareaItem在iOS真机上不显示空格
使用antd mobile TextareaItem在iOS真机上不显示空格,安卓正常原创 2022-06-07 21:47:49 · 217 阅读 · 0 评论 -
JS 打印耗时
console.time("test time");console.timeLog("test time");console.timeEnd("test time");参数要一致,会自动打印出函数耗时,单位ms原创 2022-03-23 13:57:27 · 1698 阅读 · 0 评论 -
antd mobile toast 数字不会换行
.am-toast-text { word-break: break-all;}原创 2021-11-22 15:22:49 · 593 阅读 · 0 评论 -
React 引入vconsole
第一步:package文件 dependencies里"vconsole": "^3.9.4"yarn install或者直接npm install vconsole第二步:新建一个ts或js类 import Vconsole from 'vconsole' const vConsole = new Vconsole() export default vConsole第三步index.js导入一下import vConsole from './vconsol原创 2021-10-27 17:59:51 · 5947 阅读 · 3 评论 -
input 在iOS颜色变浅
原因: input 设置了disabled属性,只读,这时候颜色会自动变浅但是需求又是需要disabled属性,怎么办呢,有一种兼容写法,既可以保持disabled,又可以把相应颜色附上去 color: red; -webkit-text-fill-color: red; -webkit-opacity: 1; opacity: 1;...原创 2021-10-25 20:12:49 · 644 阅读 · 0 评论 -
H5 选择图片后预览
H5很多时候选择完图片需要先预览下本地的图片,同时上传<input type="file" class="file" name="file" /><img src="" alt="" />拿到files里的file文件后,将file对象转base64方法 /* * 将file对象转化为base64编码 * file 目标file对象 */ function previewFi原创 2021-05-07 14:54:53 · 541 阅读 · 0 评论 -
H5 在iPhone真机上调试H5页面
第一步:打开iPhone设置设置-Safari浏览器-高级-网页检查器第二步:打开Mac上的Safari浏览器偏好设置-高级-在菜单栏显示开发菜单第三步:连接电脑和手机并信任第四步:在手机Safari上打开H5页面第五步:在Mac上Safari浏览器开发就会出现设备,设备选项里就会有加载的H5页面,点击打开,如果没有,就重新连接一下手机。如图:...原创 2021-05-07 09:57:41 · 4830 阅读 · 0 评论 -
CSS 设置上下滚动禁止左右滚动
CSS中"overflow:scroll"默认是左右,上下都滚动其实可以单独设置左右和上下 overflow-x: hidden; overflow-y: scroll;overflow-x控制左右overflow-y控制上下这样设置,上下可以滚动,左右禁止滚动原创 2021-04-28 10:58:25 · 6687 阅读 · 0 评论 -
企业微信调试H5页面
项目在企业微信PC版样式有点兼容问题,如果不能在企业微信直接调试,那效率非常低,问题又不容易定位到,企业微信设置里又没有开发者模式开关,就在我无从下手的时候,发现一个快捷键能打开调试模式第一步:ctrl + alt + shift + D,会有弹框提示已开启第二步:在企业微信里打开H5页面,右键-检查元素,就可以调试了,简直不要太爽如果这篇文章对你有帮助,点个赞吧...原创 2021-04-19 16:57:10 · 4356 阅读 · 2 评论 -
Antd moblie DatePicker自定义format
做项目过程中,需要用到自定义的format,比如MM.DD.YYYY之类的,用antd 的DatePicker发现直接给format属性赋值是无效的,会变成默认的YYYY-MM-DD HH:mm格式。解决: getCustomDate=(value)=>{ const localeCode = getNeoContext('localeCode') || 'CN'; const format = timeFormatByCountryCode(localeCode) ..原创 2021-02-26 16:04:49 · 1925 阅读 · 0 评论 -
JS undefined和null的区别
测试代码: let a = undefined; console.log(a == undefined,a === undefined,a==null, a===null); let b = null; console.log(b == undefined,b === undefined,b==null, b===null);结果:true true true falsetrue false true true总结:判断的时候如果用两个=,undefi原创 2021-02-07 19:10:58 · 160 阅读 · 0 评论 -
React H5图片压缩上传
目录第一步:获取file文件第二步:将获取的文件进行base64编码第三步:利用canvas压缩图片第四步:将压缩后的base64编码图片转为File类型第五步:利用FormData上传第一步:获取file文件默认已获取到用户选择的图片File,请参考其他资料。File文件内容参考如下图,如果你拿到这样的数据,这一步就完成了。第二步:将获取的文件进行base64编码如下图 imgBase64就是base64编码之后的图片,这里注意this指向问题get.原创 2020-12-20 18:15:17 · 1473 阅读 · 0 评论 -
JS 判断对象是否包含某个属性
第一种:hasOwnProperty 方法objc.hasOwnProperty('name');//返回bool值第二种:undefined判断objc.name!==undefined; //true第三种:in关键字var obj = {name:'tom'};'name' in obj//返回bool值原创 2020-12-12 18:24:13 · 594 阅读 · 0 评论 -
React 引入本地图片
方式一:通过!important引入:import close from "../../assets/images/close.png";<img src={close} className={"icon-file"} onClick={this.sendData} /> 方式二:require方法引入<img src={require("../../assets/images/close.png")}/>注意:...原创 2020-12-07 17:39:25 · 419 阅读 · 0 评论 -
scss 基本用法
1.sass和scss的关系sass和scss其实是一样的css预处理语言,SCSS 是 Sass 3 引入新的语法,其后缀名是分别为 .sass和.scss两种。SASS版本3.0之前的后缀名为.sass,而版本3.0之后的后缀名.scss。两者是有不同的,继sass之后scss的编写规范基本和css一致,sass时代是有严格的缩进规范并且没有‘{}’和‘;’。而scss则和css的规范是一致的。2.用法2.1注释 多行注释-这些使用/**/写入。多行注...转载 2020-12-07 14:29:23 · 9188 阅读 · 0 评论 -
Yarn 常用命令
1、初始化一个新的项目yarn init2、添加一个依赖包yarn add [package]yarn add [package]@[version]yarn add [package]@[tag]3、安装所有的依赖包yarn 或者yarn install4、npm 与 yarn命令比较原创 2020-11-23 15:10:44 · 218 阅读 · 0 评论 -
CSS 设置换行
显示一行,超出部分用省略号显示white-space: nowrap;overflow: hidden;text-overflow: ellipsis;显示两行或三行,超出部分用省略号显示overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;(行数)-webkit-box-orient: vertical;...原创 2020-06-29 21:35:22 · 363 阅读 · 0 评论 -
JS json和字符串互转
json转字符串var model = JSON.stringify(selectList);字符串转jsonvar bean = JSON.parse(options.arrStr);原创 2020-06-29 21:31:34 · 207 阅读 · 0 评论 -
JS 字符串截取
substring() 和 substr()一个参数时,两个方法一致,都是从指定位置截取到末尾substr(startIndex);substring(startIndex);var str = '123456789';console.log(str.substr(2)); // "3456789"console.log(str.substring(2)) ;// "3456789"两个参数时substr(startIndex,lenth): 第二个参数是截取字符串的长度(从起始原创 2020-06-29 21:27:11 · 243 阅读 · 0 评论 -
JS 数组
1.foreach循环遍历数组中的每一项,没有返回值,对原数组没有影响,不支持IE //1 没有返回值arr.forEach((item,index,array)=>{ //执行代码})//参数:value数组中的当前项, index当前项的索引, array原始数组;//数组中有几项,那么传递进去的匿名回调函数就需要执行几次;2.map循环有返回值,可以return出来map的回调函数中支持return返回值;return的是啥,相当于把数组中的这一项变为啥原创 2020-06-29 21:24:09 · 196 阅读 · 0 评论 -
JS 进一法 四舍五入
做需求的时候有时候需要逢小数进一,有时候需要舍去小数,方法如下:括号里放入数字就可以,微信小程序也可以用。//仅取整数部分Math.floor() //小数进一Math.ceil() //四舍五入Math.round()/*js里没有对小数点后控制多少位的函数,想精确到小数后多少位,并四舍五入,如下)*/function round(v,e) { var a...原创 2020-04-17 14:12:05 · 4905 阅读 · 1 评论 -
H5 Unhandled promise rejection undefined
在微信里打开H5页面报这个错清除缓存解决如果用了微信的H5调试工具vconsole.min.js在工具Storage选项里,把Cookies 、LocalStorage、SessionStorage里分别点一下Clear然后刷新就可以了...原创 2020-04-15 16:04:24 · 1772 阅读 · 0 评论 -
UniApp H5 微信支付
第一步,如果没有集成NPM,建议先集成NPM包管理工具可参考笔者另一篇文章UniApp集成NPM第二步,根据Uniapp官网,集成jweixin-modulenpm install jweixin-module --saveUniApp H5微信支付第三步,需要在微信公众平台,设置-公众号设置-功能设置-网页授权域名,配置自己的H5域名,作用网页授权获取openId(支付...原创 2020-03-13 11:44:33 · 16934 阅读 · 5 评论 -
UniApp增加NPM包管理工具
一、打开UniAPP项目,进入终端,如果HBuilderX没有,菜单-视图-显示终端,然后在编辑器底部选择终端。或者通过系统终端进入项目根目录二、运行npm init -y-y是默认设置yes,初始化之后会生成package.json三、安装需要的包npm install jquery会把相关包安装到node_modules下 install可简写成i,命令后可以加...原创 2020-03-13 11:17:48 · 4022 阅读 · 1 评论 -
H5开发 nginx跨域
做前端开发的时候,使用nginx代理,如果我们当前的域名与请求接口的域名不在同一个域名下时,会有跨域问题打开nginx.conf文件打开Finder -前往-前往文件夹/usr/local/etc/nginx一般默认在这个目录下打开nginx.conf之后,增加一个location如下: location /test { prox...原创 2020-01-08 18:28:26 · 772 阅读 · 0 评论 -
vue img标签mode
原创 2019-12-29 19:23:37 · 7705 阅读 · 0 评论 -
UniApp 全局变量
使用Uni-app开发的小程序,使用全局变量在APP.vue中,增加globalData,例如增加自定义属性courseIndexexport default { globalData:{ courseIndex:0 },}在app.vue里采用如下方式调用 console.log("运行系统环境courseIndex" + th...原创 2019-12-29 14:58:14 · 1563 阅读 · 0 评论 -
JS 字符串转数字
一。字符串转Int,使用parseInt()方法使用方法:parseInt("88.5");会返回88,小数点以后的值就忽略了如果字符串不是数字,会返回NaN注意事项:parseInt转换时是包含有基模式的,会按照指定的转换进制进行整数转换,基数由第二个参数确定,如:parseInt("10", 2); 由于设置的2进制数字,会返回 2,相应的支持16进制、8进制、10进制。...原创 2019-12-26 16:03:03 · 413 阅读 · 0 评论 -
微信屏蔽外链图片解决方案
在微信里的浏览器打开网页,会发现有一些图片加载不出来,这是微信的安全策略,只需要在HTML文件的head中加上<meta name="referrer" content="never">刷新一下,外链图片就出来了,美滋滋...原创 2019-12-03 16:55:21 · 2154 阅读 · 3 评论