
前端学习
MistyWood
这个作者很懒,什么都没留下…
展开
-
js四舍五入保留两位小数不足补0
【代码】js四舍五入保留两位小数不足补0。自用备份原创 2022-10-11 09:23:50 · 338 阅读 · 1 评论 -
安装nrm报错
internal/validators.js:124 throw new ERR_INVALID_ARG_TYPE(name, 'string', value); ^ [TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined at validateString (internal/validators.js:124:11) at Object.原创 2021-08-05 13:45:52 · 629 阅读 · 0 评论 -
在小程序wxml模板中使用自定义函数,解决split函数无法使用的问题
想在小程序的wxml页面使用split函数,实现这样的显示{{date.split(' ')[0]}}发现不管用,才知道wxml不支持复杂的js运算,但是数据在后端或者js里再遍历处理一下过于麻烦,查阅文档发现小程序提供了wxs方法。在wxml页面用wxs标签可以编写自定义函数<text>{{fn.split(date,' ')[0]}}</text><wxs module="fn"> module.exports={ split:f原创 2021-01-19 11:57:16 · 2263 阅读 · 2 评论 -
小程序页面生命周期
// pages/demo11/demo11.jsPage({ /** * 页面的初始数据 */ data: { }, /** * 生命周期函数--监听页面加载 * 应用场景 发送异步请求来初始化页面数据 */ onLoad: function (options) { console.log("onLoad"); }, /** * 生命周期函数--监听页面显示 */ onShow: function () {原创 2020-11-26 14:43:26 · 210 阅读 · 0 评论 -
小程序常用应用生命周期
App({ //1.应用第一次启动就会触发的事件 onLaunch(){ // 应用场景: 在应用第一次启动时,获取用户个人信息 console.log('onLaunch'); }, // 2.应用被用户看到的时候(小程序被切到后台之后,再次打开也会触发) onShow(){ // 应用场景 对应用的数据或者页面效果重置 console.log('onShow'); }, // 3.应用被隐藏时触发 onHide(){ //原创 2020-11-26 09:27:44 · 240 阅读 · 0 评论 -
微信小程序input的type=“number“不起作用
第一次接触小程序,写表单的时候,用了<input type="number" />不管怎么写都能输入英文或者中文还找不到原因,百度一下好像别人都没遇到过这种问题一样最后才知道这个type控制的其实是手机弹出输入法键盘,电脑调试看不出效果来这一个地方卡了十分钟,感觉自己像个弱智...原创 2020-11-24 16:15:14 · 6132 阅读 · 19 评论 -
js将base64转为pdf文件并获取url链接
平时预览pdf都是后台直接返回url链接,直接预览或者下载,这次因为业务需求,后台返回的是base64的数据,所以需要先将base64转为pdf的blob文件,并获取到链接。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/x原创 2020-09-27 14:15:00 · 9914 阅读 · 6 评论 -
js,根据数组中的对象的其中一个属性对数组去重
现在有这样对象数组,我只想根据姓名对数组进行去重var arr=[ { "id": "1", "name": "王小虎" }, { "id": "2", "name": "王小虎" }, { "id": "3", "name": "王小虎" }, { "id": "4", "name": "赵晓红" }, { "id": "5", "name": "赵晓红" }, { "id原创 2020-08-06 14:54:01 · 653 阅读 · 0 评论 -
通过图片url 获取图片file对象
/** * 通过图片url 获取图片file对象 * @param url * @param fileName 文件名称(一定要带后缀) * @param callback 回调函数 * @returns {*} */function getImageFileFromUrl(url, fileName,callback) { var blob = null; var xhr = new XMLHttpRequest(); xhr.open("GET", url);原创 2020-08-04 15:50:34 · 6945 阅读 · 0 评论 -
ECharts图添加点击事件
首先初始化echarts实例 var myChart = echarts.init($('#myChart'));初始化echarts实例之后,可以直接给对象绑定onclick事件 myChart.on('click', function (params) { });可以通过params的值来判断具体点击是哪个位置。echarts生成的图表,series区域默认打开了点击事件,所以点...原创 2020-04-03 09:40:36 · 4836 阅读 · 0 评论 -
百度翻译插件在chrome浏览器中自动生成dom元素影响高度的bug
最近一段时间做各种项目,我的页面总是比别人多出一点高度,导致浏览器显示y轴滚动条,多次测试后发现,这个滚动条只在chrome浏览器里出现。结果发现是chrome装的百度翻译插件导致的,自动生成了一个页面元素,这个元素有15px的高度在此感谢论坛大佬对我提供的帮助这是我发的求助帖这段代码是外部的js对DOM操作而产生的,我去看了源码,js/trans-src.js中的这段代码生成了这段d...原创 2020-04-01 19:44:58 · 469 阅读 · 0 评论 -
解除网页鼠标右键限制
当网页禁止鼠标右键被限制无法使用时,将以下代码加入收藏夹,再点击即可javascript:alert(document.onselectstart = document.onbeforecopy = document.oncontextmenu = document.onmousedown = document.onkeydown =function(){return true;});v...原创 2020-04-01 10:44:14 · 1996 阅读 · 0 评论 -
不使用新的div来清除浮动
在父元素里添加display: flow-root;属性原创 2020-03-18 16:13:08 · 176 阅读 · 0 评论 -
echarts bar series下的label position的属性值
1:inside(自适应,柱状内部中央),top(柱状外的正上方),bottom(柱状外的正下方),left(柱状外的左边),right(柱状外的右边)2:坐标[x,y](以柱状的顶部为原点)3:insideTop(柱状内部靠顶部),insideBottom(柱状内部靠下方),insideRight(柱状内部靠右边),insideLeft(柱状内部靠左边)...原创 2019-12-20 14:32:14 · 7514 阅读 · 0 评论 -
easy ui input动态添加校验
$(’#delayReason_enter’).textbox({required:true});原创 2019-11-27 12:27:56 · 712 阅读 · 0 评论 -
easy ui 隐藏表格边框
<input type="text" id="hide" class="easyui-textbox" >$("#hide").next().css(‘border’,‘0’);原创 2019-11-27 10:50:12 · 829 阅读 · 0 评论 -
easy-ui ComboTree 设置默认折叠
在获取的数据中,想要折叠的节点里添加一个字段state:‘closed’,原创 2019-11-18 08:56:06 · 1061 阅读 · 0 评论 -
自用,省市json文件
{ "provinces": [ { "name":"北京市", "level":"1", "code":"1100", "cities":[ { "name":"北京市", "level":"1", "code":"1100" } ]...原创 2019-10-30 17:05:43 · 275 阅读 · 0 评论 -
JavaScript实现二级联动下拉菜单
最近学习前端js,做了一个二级联动下拉菜单。二级下拉菜单的内容随着一级下拉菜单选项的更改而更改。菜单的内容是手动存在js的数组里的,随便写了几个数据。效果图:实现源码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title>...原创 2019-09-19 08:09:30 · 9898 阅读 · 5 评论 -
JavaScript中&&与||的独特用法
在JavaScript中,&& 和||不仅用于 boolean 类型也用于对象。&&:如果&&左侧是为 false ,那么直接返回 false。console.log(false&&true);//falseconsole.log(false&&“abc”);//false统统直接返回false。如...原创 2019-09-19 08:03:42 · 378 阅读 · 0 评论