update

2018-05-15 15:52:06 +08:00
parent 2ae64b0550
commit e8b428dea4
8 changed files with 285 additions and 5 deletions
--- a/16-前端基础/ajax相关.md
+++ b/16-前端基础/ajax相关.md
@@ -0,0 +1,19 @@
+
+
+### jsonp ajax
+
+ajax跨域访问是一个老问题了，解决方法很多，比较常用的是JSONP方法，JSONP方法是一种非官方方法，而且这种方法只支持GET方式，不如POST方式安全。
+
+意思是说，如果后台返回的数据类型是jsonp，那么前端的请求方式只能是get，不能是post。
+
+如果跨域使用POST方式，可以使用创建一个隐藏的iframe来实现，与ajax上传图片原理一样，但这样会比较麻烦。
+
+因此，在**前端使用post方法，数据类型是json**的情况下，如果想跨域的话，可以通过设置Access-Control-Allow-Origin来实现跨域访问比较简单。
+
+
+
+参考链接：
+
+- [ajax 设置Access-Control-Allow-Origin实现跨域访问](https://blog.csdn.net/fdipzone/article/details/46390573/)
+
+
--- a/16-前端基础/css开发相关.md
+++ b/16-前端基础/css开发相关.md
@@ -0,0 +1,10 @@
+
+### p标签里的文字溢出怎么办
+
+加一个属性即可：
+
+```css
+	word-break: break-all;
+
+```
+
--- a/16-前端基础/json字符串的解析和遍历.md
+++ b/16-前端基础/json字符串的解析和遍历.md
@@ -0,0 +1,102 @@
+
+
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Document</title>
+    <script src="vue2.5.16.js"></script>
+</head>
+
+<body>
+    <div id="app">
+        <div v-for="(value,key) in myData">
+            <p>{{key}}</p>
+            <p>{{value.name}}</p>
+        </div>
+
+    </div>
+
+    <script>
+
+        var dataList = [
+            { id: 11492948852, price: "49.90" },
+            { id: 11492948847, price: "39.90" }
+        ];
+
+        var datas = {};
+
+        var dataList2 = {
+            "11492948852": {
+                "3": "1",
+                "spec": "",
+                "imagePath": "jfs/t3136/15/8874896477/153924/ee5100df/58cb7fa8N64311629.jpg",
+                "color": "白色 ",
+                "name": "【多色可选】丽装铺园纯色百搭简约打底T恤女 白色 XL",
+                "size": "XL"
+            },
+            "11492948847": {
+                "3": "1",
+                "spec": "",
+                "imagePath": "jfs/t3109/27/9469817576/176241/aa424d04/58d4c849Ne22114ed.jpg",
+                "color": "灰色 ",
+                "name": "【多色可选】丽装铺园纯色百搭简约打底T恤女 灰色 S",
+                "size": "S "
+            },
+            "11325444606": {
+                "3": "1",
+                "spec": "",
+                "imagePath": "jfs/t4447/354/3613344795/347891/4800da35/5901549fN468c7073.jpg",
+                "color": "叶脉-五骨",
+                "name": "迷你超轻小太阳伞雨伞小清新口袋伞 黑胶防晒五折两用遮阳伞 防紫外线折叠太阳伞 叶脉-五骨 五折伞",
+                "size": "五折伞"
+            },
+            "11492948848": {
+                "3": "1",
+                "spec": "",
+                "imagePath": "jfs/t3076/90/7623078170/152165/9fe8c39d/58b94105N8ed8d2c0.jpg",
+                "color": "橘色 ",
+                "name": "【多色可选】丽装铺园纯色百搭简约打底T恤女 橘色 M",
+                "size": "M"
+            }
+        }
+
+
+        dataList.forEach(function (item) {
+            for (item2 in dataList2) {
+                if (item.id == item2) {
+                    console.log('匹配成功');
+                    datas[item.id] = { imagePath: dataList2[item2].imagePath, name: dataList2[item2].name }
+                }
+            }
+        })
+
+        console.log(JSON.stringify(datas));
+
+
+
+
+        new Vue({
+            el: "#app",
+            data: {
+                myData: dataList2,
+
+            },
+            methods:{
+                clickMethod:function(){
+                    
+                }
+            }
+
+        });
+
+    </script>
+</body>
+
+</html>
+```
--- a/16-前端基础/json相关.md
+++ b/16-前端基础/json相关.md
@@ -0,0 +1,10 @@
+
+
+## json中根据键获取值
+
+参考链接：
+
+- <http://yuxisanren.iteye.com/blog/1895807>
+
+- <https://blog.csdn.net/w405722907/article/details/72828041>
+