JS
BoBoAn0254
联系qq:2995014103
展开
-
vue+ol6.1.1+es6加载wfs出现:Uncaught TypeError: layer.getLayerStatesArray is not a function,报错
1.注意es6引入的方式。有可能引入接口错误。2.刚开始考虑是layerswitch插件引入有冲突的问题。原创 2021-03-12 17:35:32 · 952 阅读 · 1 评论 -
Vue+Element实时局部刷新表格某一行的样式和属性值(带源码)
使用场景分析,要求提交数据表中修改的某行数据,实时刷新该行数据的状态,该行的某条属性是根据条件渲染的。el-table部分:<el-table-column label="关联状态" width="100"> <template slot-scope="scope"> <el-tag :type="scope.row.status === 'true' ? 'success' : 'info'" ...原创 2020-05-28 16:46:08 · 8140 阅读 · 0 评论 -
拼接两个有相同属性值数组的实现
最近公司的项目需要对接合作单位的数据库里面的信息,再对接的过程中需要用到双重for循环,遇到好多坑,希望能给其他的小伙伴提供点思路和解决方案。 下边是两个数组,a数组中的对象有id和value两个键值,b数组中interid是绑定的a数组中的id值。我们现在想实现的功能是根据a数组的id值判断b数组interid值是否匹配,若匹配将该条数据写入到a数组的新的属性中,从而形成新的数组c。let a = [{id:"1",value:"aaa"},{id:"12",valu...原创 2020-05-22 17:21:03 · 527 阅读 · 0 评论 -
ES6中的class(二)
class类中的公有(public)和私有(private)字段声明是一个JavaScript标准委员会TC39提议的试验性功能 (第3阶段)。这项功能在浏览器中的支持还受限,但你可以通过Babel等构建系统来使用它。参见下面的兼容性信息。公有字段静态公有字段和实例公有字段都是可编辑的,可遍历的,可配置的。它们本身不同于私有对应值(private counterparts)的是,它们参与原...原创 2020-04-17 11:10:04 · 459 阅读 · 0 评论 -
ES6中的class(一)
ECMAScript 2015 中引入的 JavaScript 类实质上是 JavaScript 现有的基于原型的继承的语法糖。JavaScript中的类实际上是个“特殊的函数”,就像你能够定义的函数表达式和函数声明一样,类语法有两个组成部分:类表达式和类声明。一,组成部分*本部分主要理解类的声明提升/类声明中的类型提升类声明定义一个类的一种方法是使用一个类声明。要声...原创 2020-04-17 11:08:57 · 286 阅读 · 0 评论 -
HTTP和AJAX(七、AJAX中的同步与异步)
******AJAX中的同步和异步>AJAX这个任务:发送请求接收到响应主体内容(完成一个完整的HTTP事务) >xhr.send():任务开始 >xhr.readytate===4:任务结束[同步编程] let xhr=new XMLHttpRequest(); xhr.open('get','temp.json',false); ...原创 2018-08-29 15:52:03 · 173 阅读 · 0 评论 -
HTTP和AJAX(六、JS中常用的编码解码方法)
***JS中常用的编码解码方法 >正常的编码解码(非加密) >1.escape/unescape,主要就是把中文汉字进行编码和解码的(一般只有JS语言支持:也经常 应用于前端页面通信时候的中文汉字编码) >也可以通过加密的方法进行编码解码 let str='波波安@BOBO ...原创 2018-08-29 15:51:24 · 325 阅读 · 0 评论 -
HTTP和AJAX(五、网络状态码和AJAX状态码)
**第三部分细节探究**''''javascript(以下为基于原生JS实现AJAX的第三步的具体解析) //=>监听AJAX状态的改变,获取响应信息(获取响应头信息、获取响应主体信息) xhr.onreadystatechange=()=>{ if(xhr.readyState===4&&am...原创 2018-08-29 15:50:45 · 1792 阅读 · 0 评论 -
HTTP和AJAX(四、实现AJAX)
####基于原生JS实现AJAX....Javascript(以下为实现的代码及注释)//=>创建一个AJAX对象let xhr=new XMLHttpRequest();//=>不兼容IE6及更低版本浏览器(IE6:ActiveXObject)//=>打开请求地址(可以理解为一些基础配置,但是并没有发送请求呢)xhr.open([method],[url],[as...原创 2018-08-29 15:47:47 · 237 阅读 · 0 评论 -
HTTP和AJAX(三、AJAX[局部刷新]简介)
网页客户端端获取服务器端数据的大致过程>1.首先根据客户端输入的域名,到DNS服务器上进行反解析(通过域名找到对应服务器的外网IP)>2.通过找到的外网IP,找到对应的服务器>3.通过在地址栏中输入的端口号(没输入是因为不同协议有自己默认端口号)找到服务器上发布的 对应的项目>4.服务器获取到请求资源文件的地址‘例如:/stu/index.html’,把资源...原创 2018-08-29 15:28:22 · 275 阅读 · 0 评论