- 博客(21)
- 收藏
- 关注
原创 Vue+Less实现全局字体大中小切换
由于一些原因,公司项目不能使用sass,只好使用less了。在遇到切换全局字体大小这一需求时发现网上基本没有关于less的案例,在看了下less的文档后发现还是主要功能还是有的,可以实现字体大小切换。废话少说新建minxin.less文件代码如下:@import "./variable"; .add-size(){ [data-size="0"] & { font-size:@font_size_14; } [data-size="1"] & { font
2021-11-08 15:17:34
4197
原创 关于gulp打包AMD模块代码的各种坑以及最终解决方案
最近接到一个需求,对一个老项目的文件做优化,干掉注释和log,压缩代码,项目是原生JS项目,用的AMD模块,由于对gulp熟一点,而且gulp打包项目简单,就选用了gulp第一步.对js,css,html文件做压缩处理,分别引用gulp-uglify,gulp-clean-css,gulp-htmlmin。运行打包命令后提示报错但无法查看具体报错信息,引用gulp-util后发现是部分js页面已经是压缩后的了,无法压缩,因此在gulp.src([])内对后缀名为min.js的文件做忽略处理,但是这些被忽略
2021-08-09 13:55:17
477
原创 关于postMessage在本地调试正常,跨域环境监控不到事件的触发
由于业务需求,页面需要使用iframe,并且需要做iframe高度自适应,在获取子页面的元素高度时发生跨域问题,随后看到postMessage事件,在本地调试能够正常监控事件的触发,这是父页面监控事件的代码window.addEventListener('message', function (e) { console.log(e) }, false);这是子页面的代码 var height = document.getElementById("页面").offsetHeigh
2021-04-26 10:22:54
933
原创 scss把文件名设置为下划线后文件还是编译了的解决方案
在浏览scss的中文文档的时候,看到文章里提到设置文件名开头为下划线文件就可以不编译了,但是我在实机体验中发现还是会编译,当时的开发环境是vscoe+easyScss+scss。后来才发现scss要搭配Koala开发,如果在Koala开发,下划线开头的文件就不会编译了。附上Koala开发指南:https://blog.csdn.net/aaa333qwe/article/details/77427142...
2021-03-26 14:37:04
636
转载 js对金额进行处理,每三位插入一个逗号,保留小数点
var str = num.toString();var reg = str.indexOf(".") > -1 ? /(\d)(?=(\d{3})+.)/g : /(\d)(?=(?:\d{3})+$)/g;return str.replace(reg, “$1,”);
2021-03-16 17:42:40
1048
原创 最近面试做面试题看到一个算法题,找出字符串中重复次数最多的字符
当时自己普通的写法,回来后觉得不太满意,结合ES6写了一个 let str = 'dasdjkasljfkalfhjkaljdkslajdkslaadjskadjksaldjksal'; str = [...str]; let list = str.reduce((pre,cur) =>{ if(cur in pre){ pre[cur] += 1 }else{ pre[cur] = 1
2020-10-18 00:03:25
371
原创 一个非常简陋的Vue双向绑定实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>双向绑定</title> <Style> body, html {
2020-09-01 12:11:29
139
原创 关于iphone 6 10.3.3版本下设置绝对定位absolute后的定位偏差问题
在用absolute写购物车的右上角数字样式的时候,发现在iphone 6 10.3.3版本下定位的位置和正常孩子(phone)不太一样,经过测试发现,在只设置absolute不设置位移的情况下,正常来说应该是保持原有位置的,但是在iphone 6 下,位置实际上是跑到了控件最上方,ps:就不给图了。后来在咨询大佬后,有了解决方案,给父控件设置relative,然后给数字样式设置right:0,top:0.这样它们的起点就是一样的了,后面再慢慢调就好了。为什么给父控件设置relative,然后给数字样式
2020-08-19 11:45:09
825
原创 express接收不到postman发送的post请求json字符串
const express = require("express")const app = express()app.use(express.json())app.use(express.urlencoded({ extended: false }))按照网上的教程,设置了这个还是无法解决,后来看到一篇文章说,接收的post数据需要是json对象,我发现我一直发送的是text格式json,就把postman发送的数据格式设置为了application/json格式,再次请求,成功接收...
2020-05-11 14:07:32
851
原创 Node数据库连接池报"Cannot call write after a stream was destroyed"
var config = { user: 'sa', //用户名 password: '123123', server: '123123', database: '123123', //数据库名 port: 1433, options: { **encrypt**: false // Use this if you're on Windows Azure }, pool: { min: 0,
2020-05-11 11:36:08
6287
原创 flexlib结合postcss-px2rem-exclude解决Vant组件样式变小问题
由于vue-cli4.0以后没有bulid文件,在package.json文件内新增下面代码后,引用Vant组件样式即可恢复正常"postcss": { "plugins": { "autoprefixer": {}, "postcss-px2rem-exclude":{ "remUnit": 37.5, // "exclud...
2020-04-10 18:26:12
1961
1
原创 Layui设置表单验证无效解决方案
在经过与官方Demo对比代码之后发现,lay-verify="required | phone"有空格是无效的,正确的写法为lay-verify=“required|phone”;网上的那些什么form需要在div内纯属扯淡,官方Demo都只是一个form而已,无语官方Demo连接:点我...
2020-02-20 15:17:02
2000
原创 微信h5分享自定义标题图标无效解决方案
此解决方案适用于配置已经OK的,并且在微信开发工具上调试显示的分享是OK的,但是手机上设置的标题和图标无效环境。原因是一开始我给后台的url是encodeURIComponent编码的,然后我给link的链接也是编码后的,但是link的链接不应该是编码的,所以只需要给link原始的链接就OK了...
2019-11-29 10:58:18
1981
原创 微信分享invalid signature签名错误的坑
第一次用vue开发h5,需要调用微信sdk,数据都是后端给我的,一直报invalid signature错,然后安装网上的排错方法,发现是url没有转码。。。。。。使用encodeURIComponent转码后就OK了...
2019-11-27 16:17:26
684
原创 vscode配置了vue代码片段但是无效解决方案
按照网上的教程添加了代码片段并且重启了vs code,但是敲vue还是没有提示,直接把vs code右下角语言模式设置为vue的,然后进入vue文件敲vue。发现还是没有提示,此时右下角语言模式自己变成了html,手动改为vue,再敲vue的时候发现已经有提示了,大功告成,其他语言同理...
2019-11-26 16:35:50
11135
11
原创 node-cache缓存的存取以及有效期设置
萌新用node写缓存。百度了半天没有找到,只找到一篇有关的英文文章。不过我英文六级水平看懂自然不在话下,完美解决了(其实是谷歌翻译…//node-cache小demoapp.get("/cache", function (req, res) { console.log("进来了"); try { let access_token = mycache.get("a...
2019-11-08 17:31:29
3775
原创 微信小程序获取经纬度有偏差的解决方案,
获取到经纬度后发现于实际经纬度有偏差,故把获取到的经纬度减去实际的经纬度得到差。经度 (res.longitude + 0.01155) 纬度+ (res.latitude + 0.003282),自测偏差小了非常多,相当精准,其它人是否适用暂时无法测试...
2019-08-02 15:45:55
5085
原创 微信小程序获取用户经纬度信息,定位
最近项目有一个需求需要获取用户的经纬度信息,百度后发现用下面的代码就可以获取了, wx.getLocation({ type: 'wgs84', success: (res) => { var latitude = res.latitude var longitude = res.longitude var speed...
2019-08-02 15:14:32
1620
原创 微信小程序input输入框设置最大可输入字符数量
微信小程序input输入框设置最大可输入字符数量maxlength 这个属性可以控制input可输入的最大字符数量,我自己百度发现没找到就自己去文档看的,
2019-04-08 14:27:51
13947
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人