随笔分类 -  实际开发过程中遇到的js问题以及解决方法

摘要:JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。而在web开发时,程序员会遇 阅读全文
posted @ 2021-09-14 00:23 sonsmart 阅读(5679) 评论(0) 推荐(0)
摘要:js获取css样式的方法 以获取元素高度为例,有以下几种方法。(var test=document.getElementbyId("test");) test.offseHeight 相当于内容区高度+上下边界+上下内边距 test.clientHeight 相当于内容区高度+上下内边距 (推荐使用 阅读全文
posted @ 2021-09-14 00:23 sonsmart 阅读(654) 评论(0) 推荐(0)
摘要:funtion fn(len){ let stringA = 'abcd.....890'; let length = stringA.length; let temp = ''; for(let i=0;i<len;i++){ temp += stringA.CharAt(Math.floor(M 阅读全文
posted @ 2021-09-14 00:22 sonsmart 阅读(55) 评论(0) 推荐(0)
摘要:1.将json对象转化为json字符串,再判断该字符串是否为"{}" var data = {}; var b = (JSON.stringify(data) == "{}"); alert(b);//true 2.for in 循环判断 var obj = {}; var b = function 阅读全文
posted @ 2021-09-14 00:21 sonsmart 阅读(348) 评论(0) 推荐(0)
摘要:<button id="btn" onclick="threeFn()">点我</button> <script type="text/javascript"> var btn = document.getElementById("btn"); //第一种 通过点击事件 btn.onclick = 阅读全文
posted @ 2021-09-14 00:20 sonsmart 阅读(279) 评论(0) 推荐(0)
摘要:原因是ios不支持时间为 2020-05-29这种格式的日期,必须转换为2020/05/29这种格式才能使用new Date()进行转换 解决方法: let data= '2020-05-29 12:00:00' let datatime= data.replace(/\-/g, "/") //使用 阅读全文
posted @ 2021-09-14 00:15 sonsmart 阅读(164) 评论(0) 推荐(0)
摘要:表单提交共有四个方法 表单提交方式一:直接利用form表单提交 html页面代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Insert title here</title> </head> <body> <form 阅读全文
posted @ 2021-09-14 00:12 sonsmart 阅读(2797) 评论(0) 推荐(0)
摘要:split() 根据传入的参数把字符串分割成一个数组,可以用正则表达式使分割更加灵活 filter() 将得到数组进行过滤,filter 传入一个函数,返回一个布尔值,根据布尔值判断是否保留这个元素 reduce((prev,cur,index,arr)=>{},init) 一个循环遍历函数,pre 阅读全文
posted @ 2021-09-14 00:11 sonsmart 阅读(167) 评论(0) 推荐(0)
摘要:如何实现瀑布流 <view class="relate_dad" > <view class="relate_son" wx:for="{{relate}}"> </view> </view> .relate_dad { display: flex; // 弹性容器内的元素横向排列,当容器的宽度不足 阅读全文
posted @ 2021-09-14 00:08 sonsmart 阅读(73) 评论(0) 推荐(0)
摘要:什么是跨域问题 跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript施加的安全限制。 所谓同源是指,域名,协议,端口均相同,不明白没关系,举个栗子: http://www.ericsson.com/index.html 调用 http://www.e 阅读全文
posted @ 2021-09-14 00:07 sonsmart 阅读(59) 评论(0) 推荐(0)
摘要:web前端总结之文本超出显示省略号 文字显示为省略号,当鼠标移上去时显示文字。 这就是文本超出显示省略号。 主要用到了: text-overflow:ellipsis; overflow:hidden; white-space: nowrap; 在标签中添加title=“被省略的文字”,实现鼠标移动 阅读全文
posted @ 2021-09-14 00:07 sonsmart 阅读(239) 评论(0) 推荐(0)
摘要:问题描述 在进行Web开发时使用了腾讯云的云存储,为了节省云存储将用户上传的图片云端存储地址固定,使之覆盖原来的图片。 但是因此出现了用户覆盖旧图片后,浏览器里并不会显示新图片,原因是云端存储地址相同时,腾讯云生成的图片url不变。浏览器检测到src属性的url不变,还是会使用浏览器缓存里的图片(旧 阅读全文
posted @ 2021-09-14 00:06 sonsmart 阅读(375) 评论(0) 推荐(0)
摘要:前言 在正式了解“回调地狱”之前,我们先了解两个概念: 回调函数 当一个函数作为参数传入另一个参数中,并且它不会立即执行,只有当满足一定条件后该函数才可以执行,这种函数就称为回调函数。我们熟悉的定时器和Ajax中就存在有回调函数: setTimeout(function(){ //function( 阅读全文
posted @ 2021-09-14 00:05 sonsmart 阅读(1226) 评论(0) 推荐(0)
摘要:一、查看对象内容(一级对象)。 for(i in test ){ alert(i); //获得属性 alert(test[i]); //获得属性值 } 二、查看对象里的对象(二级及以上) for(i in test ){ alert(i); alert(test[i].toSource()); } 阅读全文
posted @ 2021-09-14 00:03 sonsmart 阅读(71) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2021-09-14 00:01 sonsmart 阅读(84) 评论(0) 推荐(0)
摘要:<div class="wrap"> <div class="inner">html : 让 inner 居中</div> </div> 123 .wrap { float: left; /* 自适应内容宽度 */ position: relative; left: 50%; } .inner { 阅读全文
posted @ 2021-09-14 00:00 sonsmart 阅读(49) 评论(0) 推荐(0)
摘要:什么是跨域问题 跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript施加的安全限制。 所谓同源是指,域名,协议,端口均相同,举个栗子: http://www.ericsson.com/index.html 调用 http://www.ericsson 阅读全文
posted @ 2021-09-13 23:56 sonsmart 阅读(720) 评论(0) 推荐(0)