SoulKey的博客

淘宝域名npm.taobao.org 和 registry.npm.taobao.org 域名证书已过期这两个老域名将会停止服务。

vscode搜索中文字符

钉钉RC版H5页面调试

CSS变量声明、读取、修改

使用antd mobile TextareaItem在iOS真机上不显示空格，安卓正常

console.time("test time");console.timeLog("test time");console.timeEnd("test time");参数要一致，会自动打印出函数耗时，单位ms

.am-toast-text { word-break: break-all;}

第一步：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

原因： input 设置了disabled属性，只读，这时候颜色会自动变浅但是需求又是需要disabled属性，怎么办呢，有一种兼容写法，既可以保持disabled，又可以把相应颜色附上去 color: red; -webkit-text-fill-color: red; -webkit-opacity: 1; opacity: 1;...

H5很多时候选择完图片需要先预览下本地的图片，同时上传<input type="file" class="file" name="file" /><img src="" alt="" />拿到files里的file文件后，将file对象转base64方法 /* * 将file对象转化为base64编码 * file 目标file对象 */ function previewFi

第一步：打开iPhone设置设置-Safari浏览器-高级-网页检查器第二步：打开Mac上的Safari浏览器偏好设置-高级-在菜单栏显示开发菜单第三步：连接电脑和手机并信任第四步：在手机Safari上打开H5页面第五步：在Mac上Safari浏览器开发就会出现设备，设备选项里就会有加载的H5页面，点击打开，如果没有，就重新连接一下手机。如图：...

CSS中"overflow:scroll"默认是左右，上下都滚动其实可以单独设置左右和上下 overflow-x: hidden; overflow-y: scroll;overflow-x控制左右overflow-y控制上下这样设置，上下可以滚动，左右禁止滚动

项目在企业微信PC版样式有点兼容问题，如果不能在企业微信直接调试，那效率非常低，问题又不容易定位到，企业微信设置里又没有开发者模式开关，就在我无从下手的时候，发现一个快捷键能打开调试模式第一步：ctrl + alt + shift + D，会有弹框提示已开启第二步：在企业微信里打开H5页面，右键-检查元素，就可以调试了，简直不要太爽如果这篇文章对你有帮助，点个赞吧...

做项目过程中，需要用到自定义的format，比如MM.DD.YYYY之类的，用antd 的DatePicker发现直接给format属性赋值是无效的，会变成默认的YYYY-MM-DD HH:mm格式。解决： getCustomDate=(value)=>{ const localeCode = getNeoContext('localeCode') || 'CN'; const format = timeFormatByCountryCode(localeCode) ..

测试代码： 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

目录第一步：获取file文件第二步：将获取的文件进行base64编码第三步：利用canvas压缩图片第四步：将压缩后的base64编码图片转为File类型第五步：利用FormData上传第一步：获取file文件默认已获取到用户选择的图片File，请参考其他资料。File文件内容参考如下图，如果你拿到这样的数据，这一步就完成了。第二步：将获取的文件进行base64编码如下图 imgBase64就是base64编码之后的图片，这里注意this指向问题get.

第一种：hasOwnProperty 方法objc.hasOwnProperty('name');//返回bool值第二种：undefined判断objc.name!==undefined; //true第三种：in关键字var obj = {name:'tom'};'name' in obj//返回bool值

方式一：通过!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")}/>注意：...

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注释 多行注释-这些使用/**/写入。多行注...

1、初始化一个新的项目yarn init2、添加一个依赖包yarn add [package]yarn add [package]@[version]yarn add [package]@[tag]3、安装所有的依赖包yarn 或者yarn install4、npm 与 yarn命令比较

显示一行，超出部分用省略号显示white-space: nowrap;overflow: hidden;text-overflow: ellipsis;显示两行或三行，超出部分用省略号显示overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;（行数）-webkit-box-orient: vertical;...

json转字符串var model = JSON.stringify(selectList);字符串转jsonvar bean = JSON.parse(options.arrStr);

substring() 和 substr()一个参数时，两个方法一致，都是从指定位置截取到末尾substr(startIndex);substring(startIndex);var str = '123456789';console.log(str.substr(2)); // "3456789"console.log(str.substring(2)) ;// "3456789"两个参数时substr（startIndex,lenth）： 第二个参数是截取字符串的长度（从起始

1.foreach循环遍历数组中的每一项，没有返回值，对原数组没有影响，不支持IE //1 没有返回值arr.forEach((item,index,array)=>{ //执行代码})//参数：value数组中的当前项, index当前项的索引, array原始数组；//数组中有几项，那么传递进去的匿名回调函数就需要执行几次；2.map循环有返回值，可以return出来map的回调函数中支持return返回值；return的是啥，相当于把数组中的这一项变为啥

做需求的时候有时候需要逢小数进一，有时候需要舍去小数，方法如下：括号里放入数字就可以，微信小程序也可以用。//仅取整数部分Math.floor() //小数进一Math.ceil() //四舍五入Math.round()/*js里没有对小数点后控制多少位的函数,想精确到小数后多少位,并四舍五入,如下)*/function round(v,e) { var a...

在微信里打开H5页面报这个错清除缓存解决如果用了微信的H5调试工具vconsole.min.js在工具Storage选项里，把Cookies 、LocalStorage、SessionStorage里分别点一下Clear然后刷新就可以了...

第一步，如果没有集成NPM，建议先集成NPM包管理工具可参考笔者另一篇文章UniApp集成NPM第二步，根据Uniapp官网，集成jweixin-modulenpm install jweixin-module --saveUniApp H5微信支付第三步，需要在微信公众平台，设置-公众号设置-功能设置-网页授权域名，配置自己的H5域名，作用网页授权获取openId(支付...

一、打开UniAPP项目，进入终端，如果HBuilderX没有，菜单-视图-显示终端，然后在编辑器底部选择终端。或者通过系统终端进入项目根目录二、运行npm init -y-y是默认设置yes,初始化之后会生成package.json三、安装需要的包npm install jquery会把相关包安装到node_modules下 install可简写成i，命令后可以加...

做前端开发的时候，使用nginx代理，如果我们当前的域名与请求接口的域名不在同一个域名下时，会有跨域问题打开nginx.conf文件打开Finder -前往-前往文件夹/usr/local/etc/nginx一般默认在这个目录下打开nginx.conf之后，增加一个location如下： location /test { prox...

使用Uni-app开发的小程序，使用全局变量在APP.vue中，增加globalData,例如增加自定义属性courseIndexexport default { globalData:{ courseIndex:0 },}在app.vue里采用如下方式调用 console.log("运行系统环境courseIndex" + th...

一。字符串转Int，使用parseInt()方法使用方法：parseInt("88.5");会返回88，小数点以后的值就忽略了如果字符串不是数字，会返回NaN注意事项：parseInt转换时是包含有基模式的，会按照指定的转换进制进行整数转换，基数由第二个参数确定，如：parseInt("10", 2); 由于设置的2进制数字，会返回 2，相应的支持16进制、8进制、10进制。...

在微信里的浏览器打开网页，会发现有一些图片加载不出来，这是微信的安全策略，只需要在HTML文件的head中加上<meta name="referrer" content="never">刷新一下，外链图片就出来了，美滋滋...