前端踩坑
大胖小呀
这个作者很懒,什么都没留下…
展开
-
原生Vue 引入组件 数据传递
原生Vue 引入组件 数据传递Vue组件 结合 Thymleaf引入组件Vue组件 结合 Thymleaf引入组件子组件<!DOCTYPE html><html lang="en" xmlns:th="http://www.springframework.org/schema/data/mongo"><head> <meta charset="UTF-8"> <title>Model List</title><原创 2020-05-29 19:55:57 · 527 阅读 · 0 评论 -
踩坑笔记(前端)
踩坑笔记一、iframe子页面与父页面通信二、Vue 给对象添加新的属性 → this.$set()三、延迟运行、循环运行 → setTimeout() setInterval()四、前端 往 后端传参的四种方式五、前端 传 数组,后端List\ 接收一、iframe子页面与父页面通信父页面获取子页面 属性、方法 var iframeWindow=$("#ModelEditor")[0...原创 2019-12-11 20:30:07 · 492 阅读 · 0 评论 -
JS 读取并解析csv文件 —— 前端踩坑13
<!doctype html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1.0...原创 2020-04-23 14:58:05 · 9821 阅读 · 6 评论 -
类数组对象 —— 前端踩坑12
// cells 类数组对象 没有长度的属性和数组的方法 var cells = graph.model.cells; for(let i in cells){ x = cells[i].geometry.x; } for(let i = 0; i<cells.length; i++){ //错 ××××××××××× } ...原创 2020-05-01 09:44:02 · 127 阅读 · 0 评论 -
js 数组 交集、并集、补集 lodash.js —— 前端踩坑11
//html引入lodash <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.10/lodash.min.js"></script> var a = []; var b = []; var c = []; _.union(a, b, c); _.intersection(a, b, c);...原创 2020-05-01 09:42:47 · 13200 阅读 · 0 评论 -
js 浅拷贝 与 深拷贝 lodash.js —— 前端踩坑10
//html引入lodash <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.10/lodash.min.js"></script> var graphRoot = _.cloneDeep(graph.model.root); //深拷贝lodash入门原创 2020-05-01 09:35:51 · 341 阅读 · 0 评论 -
js 数组去重 —— 前端踩坑9
1.Array.from(new Set(names)) 2.lodash var newArray = _.uniq(array); //一般数组 var newArray = _.uniqBy(array,'geoId'); //对象数组Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。Set 对象允许你存储任何类型的唯一值,无论是原始值...原创 2020-05-01 09:32:31 · 137 阅读 · 0 评论 -
Vue v-bind的用法 —— 前端踩坑8
<!-- 内联字符串拼接 --> <img :src="'/path/to/images/' + fileName"> <!-- class 绑定 --> <div :class="{ red: isRed }"></div> //red这个class的存在取决与isRed的true或false <div :class...原创 2020-05-01 09:21:52 · 135 阅读 · 0 评论 -
Vue 给对象添加新的属性 → this.$set() —— 前端踩坑7
如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。 1. event.children = children; // 为vue变量添加属性,这句代码比上句更robust! 2. this.$set(event,'children',children); ...原创 2020-05-01 09:20:23 · 966 阅读 · 0 评论 -
CSS 多个div并排显示 inline-block —— 前端踩坑6
定义如何处理空白 var imageContainer = document.createElement("div"); imageContainer.id = "imageContainer"; imageContainer.style.whiteSpace = "initial";原创 2020-05-01 09:18:18 · 1150 阅读 · 0 评论 -
CSS 计算函数 —— 前端踩坑5
<div style="height: calc(100% - 100px);"></div>原创 2020-05-01 09:16:50 · 142 阅读 · 0 评论 -
String《==》 XML —— 前端踩坑4
string2XML(string){ let parser = new DOMParser(); let xmlObject = parser.parseFromString(string, "text/xml"); return xmlObject; }, xml2String(xml){ return (new XM...原创 2020-05-01 09:15:54 · 141 阅读 · 0 评论 -
延迟运行、循环运行 → setTimeout() setInterval() —— 前端踩坑3
1. setTimeout(()=>{},1000); 2. var prepare = setInterval(()=>{},1000); clearInterval(prepare);原创 2020-05-01 09:14:49 · 221 阅读 · 0 评论 -
github 删除文件夹 —— 前端踩坑2
Git Bash Here 1. $ git --help 2. $ dir 查看已有文件夹 3. $ git rm -r --cached target 删除target文件夹 4. $ git commit -m '删除target文件夹' 提交到本地 5. $ git push -u origin master 更新到远程github项目中 删除完毕...原创 2020-05-01 08:47:34 · 111 阅读 · 0 评论 -
iframe子页面与父页面通信—— 前端踩坑1
// 父页面 <html xmlns:th="http://www.thymeleaf.org"> …… <script th:inline="javascript"> // 后端通过 ModelAndView 传给前端; // 前端通过 Thymeleaf 取得数据 var computableModelList = [[${computa...原创 2020-05-01 08:39:39 · 285 阅读 · 0 评论