├── README.md
├── ajax.ts
├── ajax.js
├── logger.ts
├── logger.js
└── index.html


/README.md:
--------------------------------------------------------------------------------
1 | # logger
2 | 


--------------------------------------------------------------------------------
/ajax.ts:
--------------------------------------------------------------------------------
 1 | (function ($, w) {
 2 |   w._ajax = $.ajax;
 3 |   $.ajax = function (arg) {
 4 |       var t = new Date().getTime();
 5 |       var success = arg.success
 6 |       // var successArg = arg.success
 7 |       arg.success = function () {
 8 |           var data = arguments
 9 |           var newT = new Date().getTime();
10 |           // console.log(newT - t);
11 |           var newS = function () {
12 |               console.log(1111111)
13 |               success.call(this, data)
14 |           }
15 |           _ajax({
16 |               url: 'http://www.daiwei.org/vue/server/home.php?inAjax=1&do=getRewardList',
17 |               success: newS
18 |           });
19 |       }
20 |       return _ajax.call($, arg)
21 |   };
22 | })(jQuery, window);
23 | 


--------------------------------------------------------------------------------
/ajax.js:
--------------------------------------------------------------------------------
 1 | (function ($, w) {
 2 |     w._ajax = $.ajax;
 3 |     $.ajax = function (arg) {
 4 |         var t = new Date().getTime();
 5 |         var success = arg.success
 6 |         // var successArg = arg.success
 7 |         arg.success = function () {
 8 |             var data = arguments
 9 |             var newT = new Date().getTime();
10 |             // console.log(newT - t);
11 |             var newS = function () {
12 |                 console.log(1111111)
13 |                 success.call(this, data)
14 |             }
15 |             _ajax({
16 |                 url: 'http://www.daiwei.org/vue/server/home.php?inAjax=1&do=getRewardList',
17 |                 success: newS
18 |             });
19 |         }
20 |         return _ajax.call($, arg)
21 |     };
22 | })(jQuery, window);
23 | // (function ($, w) {
24 | //   var jQ = $;
25 | //   $.ajax = function (...arg) {
26 | //       var t = new Date().getTime();
27 | //       console.log('time', t);
28 | //       return function () {
29 | //           jQ.ajax.call(this, arg);
30 | //       };
31 | //   };
32 | // })(jQuery, window);
33 | 


--------------------------------------------------------------------------------
/logger.ts:
--------------------------------------------------------------------------------
  1 | class Logger {
  2 |   timing: {
  3 |     [propName: string]: any
  4 |   }
  5 |   constructor () {
  6 |     this.timing = window.performance.timing
  7 |     this.initErrorEvent()
  8 |   }
  9 |   public getTiming (): any {
 10 |     var _return = {
 11 |       // DNS查询耗时
 12 |       dnsT: this.timing.domainLookupEnd - this.timing.domainLookupStart,
 13 |       // 白屏时间
 14 |       loadT: this.timing.domLoading - this.timing.navigationStart,
 15 |       // request请求耗时
 16 |       requestT: this.timing.responseEnd - this.timing.responseStart,
 17 |       // TCP链接耗时
 18 |       tcpT: this.timing.connectEnd - this.timing.connectStart,
 19 |       // 解析dom树耗时
 20 |       renderDomT: this.timing.domComplete - this.timing.domInteractive,
 21 |       // domready时间(用户可操作时间节点) 
 22 |       readyDomT: this.timing.domContentLoadedEventEnd - this.timing.navigationStart,
 23 |       // onload时间(总下载时间)
 24 |       onLoadT: this.timing.loadEventEnd - this.timing.navigationStart
 25 |     }
 26 |     return _return
 27 |   }
 28 | 
 29 |   /**
 30 |    * 初始化error监听事件
 31 |    */
 32 |   private initErrorEvent (): void {
 33 |     /**
 34 |      * @param {String}  errorMessage   错误信息
 35 |      * @param {String}  scriptURL      出错文件的URL
 36 |      * @param {Number}  lineNumber     出错代码的行号
 37 |      * @param {Number}  columnNumber   出错代码的列号
 38 |      * @param {Object}  errorObj       错误信息Object
 39 |      */
 40 |     var _this = this
 41 |     
 42 |     window.addEventListener('error', function (e) {
 43 |       setTimeout(function () {
 44 |         _this.staticError({
 45 |           errorMessage: e.message,
 46 |           scriptURL: e.filename,
 47 |           lineNumber: e.lineno,
 48 |           columnNumber: e.colno,
 49 |           errorObj: e.error
 50 |         });
 51 |       }, 0);
 52 |     })
 53 |   }
 54 | 
 55 |   /**
 56 |    * 事件错误的回调事件
 57 |    */
 58 |   public staticError (data: {
 59 |     [propName: string]: any
 60 |   }): void {
 61 |     $.ajax({
 62 |       url: 'http://web-monitor.hfjy.com/api/web/monitor',
 63 |       type: 'POST',
 64 |       dataType: 'json',
 65 |       data: {
 66 |         url: window.location.href,
 67 |         current_time: new Date().getTime(),
 68 |         js_url: data.scriptURL,
 69 |         error_info: data.errorMessage,
 70 |         error_line: data.lineNumber,
 71 |         error_column: data.columnNumber
 72 |       }
 73 |     })
 74 |   }
 75 | 
 76 |   /**
 77 |    * 页面加载时长的数据信息
 78 |    */
 79 |   public fetchPageLoadInfo (): void {
 80 |     var timingInfo = this.getTiming()
 81 |     $.ajax({
 82 |       url: 'http://web-monitor.hfjy.com/api/web/monitor',
 83 |       type: 'POST',
 84 |       dataType: 'json',
 85 |       data: {
 86 |         url: window.location.href,
 87 |         current_time: new Date().getTime(),
 88 |         response_time: timingInfo.loadT
 89 |       }
 90 |     })
 91 |   }
 92 | }
 93 | 
 94 | window.logger = new Logger();
 95 | window.addEventListener('load', function () {
 96 |     setTimeout(function () {
 97 |         logger.fetchPageLoadInfo();
 98 |     }, 1000);
 99 | }, false);
100 | 
101 | 


--------------------------------------------------------------------------------
/logger.js:
--------------------------------------------------------------------------------
 1 | var Logger = /** @class */ (function () {
 2 |     function Logger() {
 3 |         this.timing = window.performance.timing;
 4 |         this.initErrorEvent();
 5 |     }
 6 |     Logger.prototype.getTiming = function () {
 7 |         var _return = {
 8 |             // DNS查询耗时
 9 |             dnsT: this.timing.domainLookupEnd - this.timing.domainLookupStart,
10 |             // 白屏时间
11 |             loadT: this.timing.domLoading - this.timing.navigationStart,
12 |             // request请求耗时
13 |             requestT: this.timing.responseEnd - this.timing.responseStart,
14 |             // TCP链接耗时
15 |             tcpT: this.timing.connectEnd - this.timing.connectStart,
16 |             // 解析dom树耗时
17 |             renderDomT: this.timing.domComplete - this.timing.domInteractive,
18 |             // domready时间(用户可操作时间节点) 
19 |             readyDomT: this.timing.domContentLoadedEventEnd - this.timing.navigationStart,
20 |             // onload时间(总下载时间)
21 |             onLoadT: this.timing.loadEventEnd - this.timing.navigationStart
22 |         };
23 |         return _return;
24 |     };
25 |     /**
26 |      * 初始化error监听事件
27 |      */
28 |     Logger.prototype.initErrorEvent = function () {
29 |         /**
30 |          * @param {String}  errorMessage   错误信息
31 |          * @param {String}  scriptURL      出错文件的URL
32 |          * @param {Number}  lineNumber     出错代码的行号
33 |          * @param {Number}  columnNumber   出错代码的列号
34 |          * @param {Object}  errorObj       错误信息Object
35 |          */
36 |         var _this = this;
37 |         window.addEventListener('error', function (e) {
38 |             setTimeout(function () {
39 |                 _this.staticError({
40 |                     errorMessage: e.message,
41 |                     scriptURL: e.filename,
42 |                     lineNumber: e.lineno,
43 |                     columnNumber: e.colno,
44 |                     errorObj: e.error
45 |                 });
46 |             }, 0);
47 |         });
48 |     };
49 |     /**
50 |      * 事件错误的回调事件
51 |      */
52 |     Logger.prototype.staticError = function (data) {
53 |         $.ajax({
54 |             url: '',
55 |             type: 'POST',
56 |             dataType: 'json',
57 |             data: {
58 |                 url: window.location.href,
59 |                 current_time: new Date().getTime(),
60 |                 js_url: data.scriptURL,
61 |                 error_info: data.errorMessage,
62 |                 error_line: data.lineNumber,
63 |                 error_column: data.columnNumber
64 |             }
65 |         });
66 |     };
67 |     /**
68 |      * 页面加载时长的数据信息
69 |      */
70 |     Logger.prototype.fetchPageLoadInfo = function () {
71 |         var timingInfo = this.getTiming();
72 |         $.ajax({
73 |             url: '',
74 |             type: 'POST',
75 |             dataType: 'json',
76 |             data: {
77 |                 url: window.location.href,
78 |                 current_time: new Date().getTime(),
79 |                 response_time: timingInfo.loadT
80 |             }
81 |         });
82 |     };
83 |     return Logger;
84 | }());
85 | window.logger = new Logger();
86 | window.addEventListener('load', function () {
87 |     setTimeout(function () {
88 |         logger.fetchPageLoadInfo();
89 |     }, 1000);
90 | }, false);
91 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |   <meta charset="UTF-8">
  5 |   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |   <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7 |   <title>logger</title>
  8 | </head>
  9 | <body>
 10 |   <img src="./aa/a.jpg" alt="">
 11 |   <img src="./aa/b.jpg" alt="">
 12 |   <div class="zxpd-container">
 13 |     <!-- page01   start -->
 14 |     <div class="section section01 clearfix">
 15 |       <div class="container">
 16 |         <div class="article-content clearfix columns">
 17 |           <div class="left left-box">
 18 |             <div class="article">
 19 |               <div class="breadcrumb clearfix">
 20 |                 <span class="breadcrumb-item">  
 21 |                   <a href="#">海风教育 </a> <span>></span>
 22 |                 </span>
 23 |                 <span class="breadcrumb-item">  
 24 |                   <a href="#">海风资讯 </a> <span>></span>
 25 |                 </span>
 26 |                 <span class="breadcrumb-item">  
 27 |                   <a href="#">文章标题 </a> <span>></span>
 28 |                 </span>
 29 |               </div>
 30 |               <h1 class="title">文章标题</h1>
 31 |               <p class="page-desc"><span>时间：2017-12-15</span><span>标签：在线1对1</span></p>
 32 |               <div class="article-box">
 33 |                 <p>
 34 |                   据福克斯新闻报道，当被问到释放孟晚舟是否可能成为与中国达成一笔大交易的一部分时，库德洛说，“我无法确保任何事，这件事会对贸易谈判造成怎样的影响，我不能只是坐在这就能完全确定。”
 35 |                   库德洛称，他无法确认的部分原因是因为执法部门的行动不属于他的职责范围。
 36 |                   库德洛还表示，目前孟晚舟被逮捕与数月以来和中国的贸易战似乎处于“不同的频道，但他承认这两个问题可能会混在一起。“我无法预测将来会怎样，但他们目前是在不同的频道，而且我觉得将来一段时间都被视为这样的情况。”
 37 |                 </p>
 38 |               </div>
 39 |             </div>
 40 |             <div class="article-footer">
 41 |               <div class="left">
 42 |                 <a href="#">上一篇：海风教育海风教育</a>
 43 |               </div>
 44 |               <div class="right">
 45 |                 <a href="#">下一篇：海风教育海风教育</a>
 46 |               </div>
 47 |             </div>
 48 |             <!--相关阅读  start -->
 49 |             <div class="related-reading-box">
 50 |               <h2 class="is-bule-title">热门文章</h2>
 51 |               <ul class="as-tree left">           
 52 |                 <li><a href="#" target="_blank">海风教育海风育海风教育育海风海风教育教育...</a></li>
 53 |                 <li><a href="#" target="_blank">海风教育海风育海风教育育海风海风教育教育...</a></li>
 54 |                 <li><a href="#" target="_blank">海风教育海风育海风教育育海风海风教育教育...</a></li>
 55 |                 <li><a href="#" target="_blank">海风教育海风育海风教育育海风海风教育教育...</a></li>
 56 |               </ul>
 57 |               <ul class="as-tree right">
 58 |                 <li><a href="#" target="_blank">海风教育海风育海风教育育海风海风教育教育...</a></li>
 59 |                 <li><a href="#" target="_blank">海风教育海风育海风教育育海风海风教育教育...</a></li>
 60 |                 <li><a href="#" target="_blank">海风教育海风育海风教育育海风海风教育教育...</a></li>
 61 |                 <li><a href="#" target="_blank">海风教育海风育海风教育育海风海风教育教育...</a></li>
 62 |               </ul>
 63 |             </div>
 64 |            
 65 |             <!--相关阅读 end  -->
 66 |           </div>
 67 |           <!-- 右边栏 start -->
 68 |           <div class="aside right right-box">
 69 |             <div class="is-right-banner">
 70 |               <a href="#"></a>
 71 |             </div>        
 72 |             <ul class="as-tree">
 73 |               <li> <h2 class="is-title">热门文章</h2></li>
 74 |               <li><a href="#" target="_blank">海风教育海风育海风教育育海风海风教育教育...</a></li>
 75 |               <li><a href="#" target="_blank">海风教育海风育海风教育育海风海风教育教育...</a></li>
 76 |               <li><a href="#" target="_blank">海风教育海风育海风教育育海风海风教育教育...</a></li>
 77 |               <li><a href="#" target="_blank">海风教育海风育海风教育育海风海风教育教育...</a></li>
 78 |             </ul>
 79 |           </div>
 80 |         </div>
 81 |       </div>
 82 |     </div>
 83 |     <!-- page01 end -->
 84 |     <div class="page-home-banner page-banner">
 85 |       <div class="swiper-container" id="banner">
 86 |         <div class="swiper-wrapper">
 87 |           <div class="swiper-slide">
 88 |             <a href="#" style="background-image: url(./images/index/home_banner01.jpg); background-size: cover; background-position: center;">
 89 |               <!-- <img src="./images/index/home_banner01.jpg"> -->
 90 |             </a>     
 91 |           </div>
 92 |           <div class="swiper-slide">
 93 |               <a href="#" style="background-image: url(./images/index/home_banner01.jpg); background-size: cover; background-position: center;">
 94 |             </a>   
 95 |           </div>
 96 |           <div class="swiper-slide"> 
 97 |               <a href="#" style="background-image: url(./images/index/home_banner01.jpg); background-size: cover; background-position: center;">
 98 |             </a>   
 99 |           </div>
100 |         </div>
101 |         <!-- Add Pagination -->
102 |         <div class="swiper-pagination"></div>
103 |         <!-- Add Arrows -->
104 |         <!-- <div class="swiper-button-next"></div>
105 |         <div class="swiper-button-prev"></div> -->
106 |       </div>
107 |       <div class="banner-sub-form">
108 |         <div class="hf-form-content" id="fixed-form">
109 |           <p class="title">免费预约一对一课程</p>
110 |           <form class="tmsLandingForm">
111 |             <select class="class-select grade" name="classname" class="class-select">
112 |               <option value="" disabled selected style='display:none;'>选择年级</option>
113 |             </select>
114 |             <select name="subjectname year" class="subject-select year">
115 |               <option value='' disabled selected style='display:none;'>选择科目</option>
116 |             </select>
117 |             <input type="text" name="username" class="user-name name" placeholder="填写家长称呼">
118 |             <input type="text" name="userphone" class="user-phone phone" placeholder="填写接收老师信息的手机号">
119 |             <button class="user-sub tmsLandingFormBtn">立即预约1对1诊断</button>
120 |             <div class="agree-info">
121 |               <input name="agreeinfo" type="checkbox" checked/>
122 |               <span>我已阅读并同意<a href="javascript:void(0)" onclick="showRules()">海风用户注册协议</a>和<a href="javascript:void(0)" onclick="showPrivacy()">隐私政策</a></span>
123 |             </div>
124 |           </form>
125 |         </div>
126 |       </div>
127 |     </div>
128 |     <!-- banner end -->
129 |     <div class="index-container">
130 |       <!-- page01  为什么我为孩子选择海风教育 start -->
131 |       <div class="section section01 clearfix">
132 |         <div class="container page01-box">
133 |           <div class="page01-box-bg"> </div>
134 |           <div class="page-title-hd wow fadeInUp animated" data-wow-duration="0.6s">
135 |             <h2 class="page-title">为什么我为孩子选择海风教育</h2>
136 |           </div>
137 |           <div class="page-box clearfix">
138 |             <div class="page-brick-item">
139 |                 <div class="page-list">
140 |                   <h3 class="page-list-title"> 5000 <span>+</span></h3>
141 |                   <p class="page-list-min-title">知识切片</p>
142 |                 </div>
143 |                 <div class="page-list-content">
144 |                   <h3 class="page-list-title"> 3 <span>+</span></h3>
145 |                   <p class="page-list-min-title">第三代智能学习系统
146 |                       为学员、老师双重赋能</p>
147 |                 </div>
148 |             </div>
149 |             <div class="page-brick-item">
150 |               <div class="page-list">
151 |                 <h3 class="page-list-title"> 5000 <span>+</span></h3>
152 |                 <p class="page-list-min-title">知识切片</p>
153 |               </div>
154 |               <div class="page-list-content">
155 |                 <h3 class="page-list-title"> 3 <span>+</span></h3>
156 |                 <p class="page-list-min-title">第三代智能学习系统
157 |                     为学员、老师双重赋能</p>
158 |               </div>
159 |             </div>
160 |             <div class="page-brick-item">
161 |               <div class="page-list">
162 |                 <h3 class="page-list-title"> 5000 <span>+</span></h3>
163 |                 <p class="page-list-min-title">知识切片</p>
164 |               </div>
165 |               <div class="page-list-content">
166 |                 <h3 class="page-list-title"> 3 <span>+</span></h3>
167 |                 <p class="page-list-min-title">第三代智能学习系统
168 |                     为学员、老师双重赋能</p>
169 |               </div>
170 |             </div>
171 |             <div class="page-brick-item">
172 |               <div class="page-list">
173 |                 <h3 class="page-list-title"> 5000 <span>+</span></h3>
174 |                 <p class="page-list-min-title">知识切片</p>
175 |               </div>
176 |               <div class="page-list-content">
177 |                 <h3 class="page-list-title"> 3 <span>+</span></h3>
178 |                 <p class="page-list-min-title">第三代智能学习系统
179 |                     为学员、老师双重赋能</p>
180 |               </div>
181 |             </div>
182 |             
183 |           </div>
184 |           <!-- 免费预约1对1试听 -->
185 |           <div class="page-btn-box clearfix">
186 |               <a href="javascript:void(0)" onclick="showFixedListenForm()" class="is-btn">免费预约1对1试听 </a>
187 |           </div>
188 |         </div>
189 |       </div>
190 |       <!-- page01 end -->
191 |       <a name="six-find-tearcher"></a>
192 |       <!-- page02  6层严选老师 start -->
193 |       <div class="section section02 clearfix">
194 |         <div class="container page02-box">
195 |           <div class="page02-left">
196 |             <div class="page-brick-item clearfix item-1">
197 |               <div class="page-list">
198 |                 1.简历筛选
199 |               </div>
200 |               <div class="page-hover-list-content">
201 |                   <div class="tips ">
202 |                       <div class="as-arrow is-right-arrow" ></div>
203 |                       <div class="tips-inner">
204 |                         重点大学教育背景、教学经验达到指定
205 |                         级别、持有教师资格证
206 |                       </div>
207 |                     </div>
208 |               </div>
209 |             </div>
210 |             <div class="page-brick-item clearfix item-2">
211 |               <div class="page-list">
212 |                 2.面试择优
213 |               </div>
214 |               <div class="page-hover-list-content">
215 |                 <div class="tips ">
216 |                   <div class="as-arrow is-right-arrow" ></div>
217 |                   <div class="tips-inner">
218 |                     学科学术能力测评、课程课件设计打分、授课专业技能评分、良好的网络授课环境
219 |                   </div>
220 |                   </div>
221 |               </div>
222 |             </div>
223 |             <div class="page-brick-item clearfix item-3">
224 |                 <div class="page-list">
225 |                   3.通用培训
226 |                 </div>
227 |                 <div class="page-hover-list-content">
228 |                   <div class="tips ">
229 |                     <div class="as-arrow is-right-arrow" ></div>
230 |                     <div class="tips-inner">
231 |                       教学方法论、教育心理学、小初高学生心理发展、学员与家长沟通技巧
232 |                     </div>
233 |                     </div>
234 |                 </div>
235 |             </div>
236 |             <div class="page-brick-item clearfix item-4">
237 |               <div class="page-list">
238 |                 4.单科培训
239 |               </div>
240 |               <div class="page-hover-list-content">
241 |                 <div class="tips ">
242 |                   <div class="as-arrow is-right-arrow" ></div>
243 |                   <div class="tips-inner">
244 |                     单科指定学情考情、各地区教材版本解读、重难知识点，常规&典型考题培训
245 |                   </div>
246 |                 </div>
247 |               </div>
248 |             </div>
249 |             <div class="page-brick-item clearfix item-5">
250 |                 <div class="page-list">
251 |                   5.试讲考核
252 |                 </div>
253 |                 <div class="page-hover-list-content">
254 |                   <div class="tips ">
255 |                     <div class="as-arrow is-right-arrow" ></div>
256 |                     <div class="tips-inner">
257 |                       3轮分模块试讲考核，多维度指导教师攻破教学盲点和难点
258 |                     </div>
259 |                     </div>
260 |                 </div>
261 |             </div>
262 |             <div class="page-brick-item clearfix item-6">
263 |                 <div class="page-list">
264 |                   6.终极考核
265 |                 </div>
266 |                 <div class="page-hover-list-content">
267 |                   <div class="tips ">
268 |                     <div class="as-arrow is-right-arrow" ></div>
269 |                     <div class="tips-inner">
270 |                       通过严格的考核标准及评分体系，正式成为海风教育专职老师
271 |                     </div>
272 |                     </div>
273 |                 </div>
274 |             </div>
275 |           </div>
276 |           <div class="page02-right">
277 |             <div class="page-title-hd">
278 |               <div class="page-title"><span class="is-size">6</span>层严选老师</div>
279 |               <p class="min-title">
280 |                 名重点大学师资背景的老师</p>
281 |               <p class="min-title">
282 |                 经过6层选拔才能成为海风教育专职老师
283 |               </p>
284 |     
285 |             </div>
286 |           </div>
287 |         </div>
288 |       </div>
289 |       <!-- page02  层严选老师 end -->
290 |       <!-- page03  5阶成长课程体系 start -->
291 |       <div class="section section03 clearfix">
292 |         <div class="page-content">
293 |           <div class="container page03-box">
294 |             <div class="page-title-hd wow fadeInUp animated" data-wow-duration="0.6s">
295 |               <h2 class="page-title">
296 |                   5阶成长课程体系
297 |               </h2>
298 |               <p class="min-title">
299 |                   科学解决小学、初中、高中各阶段学习问题
300 |               </p>
301 |             </div>
302 |             <div class="page03-box-left">
303 |                 <!-- 主题 -->
304 |               <div class="popover-box-bd">
305 |                 <div class="dot" data-action="structure">
306 |                 </div>
307 |                 <div class="tips right">
308 |                   <div class="tips-content">
309 |                     <div class="as-arrow is-right-arrow">
310 |                       </div>
311 |                     <div class="tips-inner">
312 |                       <p>
313 |                           基础水平：差
314 |                       </p>
315 |                       <p>
316 |                           问题描述：学科基础知识概念模糊，解题困难
317 |                       </p>
318 |                       <p>
319 |                           解决方案：全面复习基础知识，利用记忆曲线，采用三 步循环式学习方法，做到“日清，周结、月考”，帮助 孩子夯实基础。
320 |                       </p>
321 |                       <div class="btn-box">
322 |                         <button class="button">
323 |                             获取详细解决方案
324 |                         </button>
325 |                       </div>
326 |                     </div>
327 |                   </div>
328 |                 </div>
329 |               </div>
330 |               <div class="popover-box-bd">
331 |                 <div class="dot">
332 |                 </div>
333 |                 <div class="tips right">
334 |                   <div class="tips-content">
335 |                     <div class="as-arrow is-right-arrow">
336 |                     </div>
337 |                     <div class="tips-inner">
338 |                       <p>
339 |                           基础水平：差
340 |                       </p>
341 |                       <p>
342 |                           问题描述：学科基础知识概念模糊，解题困难
343 |                       </p>
344 |                       <p>
345 |                           解决方案：全面复习基础知识，利用记忆曲线，采用三 步循环式学习方法，做到“日清，周结、月考”，帮助 孩子夯实基础。
346 |                       </p>
347 |                       <div class="btn-box">
348 |                         <button class="button">
349 |                             获取详细解决方案
350 |                         </button>
351 |                       </div>
352 |                     </div>
353 |                   </div>
354 |                 </div>
355 |               </div>
356 |               <div class="popover-box-bd">
357 |                 <div class="dot">
358 |                 </div>
359 |                 <div class="tips right">
360 |                   <div class="tips-content">
361 |                     <div class="as-arrow is-right-arrow">
362 |                     </div>
363 |                     <div class="tips-inner">
364 |                       <p>
365 |                           基础水平：差
366 |                       </p>
367 |                       <p>
368 |                           问题描述：学科基础知识概念模糊，解题困难
369 |                       </p>
370 |                       <p>
371 |                           解决方案：全面复习基础知识，利用记忆曲线，采用三 步循环式学习方法，做到“日清，周结、月考”，帮助 孩子夯实基础。
372 |                       </p>
373 |                       <div class="btn-box">
374 |                         <button class="button">
375 |                             获取详细解决方案
376 |                         </button>
377 |                       </div>
378 |                     </div>
379 |                   </div>
380 |                 </div>
381 |               </div>
382 |               <div class="popover-box-bd">
383 |                 <div class="dot">
384 |                 </div>
385 |                 <div class="tips bottom">
386 |                   <div class="tips-content">
387 |                     <div class="as-arrow is-right-arrow">
388 |                     </div>
389 |                     <div class="tips-inner">
390 |                       <p>
391 |                           基础水平：差
392 |                       </p>
393 |                       <p>
394 |                           问题描述：学科基础知识概念模糊，解题困难
395 |                       </p>
396 |                       <p>
397 |                           解决方案：全面复习基础知识，利用记忆曲线，采用三 步循环式学习方法，做到“日清，周结、月考”，帮助 孩子夯实基础。
398 |                       </p>
399 |                       <div class="btn-box">
400 |                         <button class="button">
401 |                             获取详细解决方案
402 |                         </button>
403 |                       </div>
404 |                     </div>
405 |                   </div>
406 |                 </div>
407 |               </div>
408 |               <div class="popover-box-bd">
409 |                 <div class="dot">
410 |                 </div>
411 |                 <div class="tips bottom">
412 |                   <div class="tips-content">
413 |                     <div class="as-arrow is-right-arrow">
414 |                     </div>
415 |                     <div class="tips-inner">
416 |                       <p>
417 |                           基础水平：差
418 |                       </p>
419 |                       <p>
420 |                           问题描述：学科基础知识概念模糊，解题困难
421 |                       </p>
422 |                       <p>
423 |                           解决方案：全面复习基础知识，利用记忆曲线，采用三 步循环式学习方法，做到“日清，周结、月考”，帮助 孩子夯实基础。
424 |                       </p>
425 |                       <div class="btn-box">
426 |                         <button class="button">
427 |                             获取详细解决方案
428 |                         </button>
429 |                       </div>
430 |                     </div>
431 |                   </div>
432 |                 </div>
433 |               </div>
434 |             </div>
435 |             <!-- 主题 -->
436 |           </div>
437 |         </div>
438 |         <div class="hf-form-content section05-form">
439 |           <p class="title">免费预约一对一课程</p>
440 |           <form class="tmsLandingForm">
441 |             <select class="class-select grade" name="classname" class="class-select">
442 |               <option value="" disabled selected style='display:none;'>选择年级</option>
443 |             </select>
444 |             <select name="subjectname year" class="subject-select year">
445 |               <option value='' disabled selected style='display:none;'>选择科目</option>
446 |             </select>
447 |             <input type="text" name="username" class="user-name name" placeholder="填写家长称呼">
448 |             <input type="text" name="userphone" class="user-phone phone" placeholder="填写接收老师信息的手机号">
449 |             <button class="user-sub tmsLandingFormBtn">立即预约1对1诊断</button>
450 |             <div class="agree-info">
451 |               <input name="agreeinfo" type="checkbox" checked/>
452 |               <span>我已阅读并同意<a href="javascript:void(0)" onclick="showRules()">海风用户注册协议</a>和<a href="javascript:void(0)" onclick="showPrivacy()">隐私政策</a></span>
453 |             </div>
454 |           </form>
455 |         </div>
456 |       </div>
457 |         <!-- page03 5阶成长课程体系 end -->
458 |         <!-- page04  第三代智能学习系统 start -->
459 |       <a name="ai-study-system"></a>
460 |       <div class="section section04 clearfix">
461 |         <div class="container page04-box">
462 |           <div class="page-title-hd wow fadeInUp animated" data-wow-duration="0.6s">
463 |             <h2 class="page-title">第三代智能学习系统</h2>
464 |             <p class="min-title">为学员、老师双重赋能</p>
465 |           </div>
466 |           <ul class="item-page">
467 |             <li class="list">
468 |               <h3>
469 |                 历时<span>4</span> 年
470 |               </h3>
471 |               <p>耗资过亿自主研发</p>
472 |             </li>
473 |             <li class="list">
474 |               <h3>
475 |                 <span>AI</span>智能
476 |               </h3>
477 |               <p>在线教育首家应用</p>
478 |             </li>
479 |             <li class="list">
480 |                 <h3>
481 |                   集成<span>大数据</span>
482 |                 </h3>
483 |                 <p>打造透明高效课堂</p>
484 |               </li>
485 |           </ul>
486 |           <div class="btn-box">
487 |             <a href="javascript:void(0)" onclick="showVideo()" class="btn-default">播放视频</a>
488 |             <a href="#" class="btn-default">了解学习系统 </a>
489 |           </div>
490 |         </div>
491 |       </div>
492 |       <!-- page04  第三代智能学习系统 end -->
493 |       <!-- page05 海风承诺 start -->
494 |       <div class="section section05 clearfix">
495 |         <div class="container page05-box">
496 |           <div class="page-title-hd wow fadeInUp animated" data-wow-duration="0.6s">
497 |             <h2 class="page-title">海风承诺</h2>
498 |             <p class="min-title">为每一位学员提供可靠的合同保障</p>
499 |           </div>
500 |           <div class="page-main">
501 |             <div class="page05-box-left">
502 |               <img src="./images/index/page05_left_bg.png">
503 |             </div>
504 |             <div class="page05-box-right">
505 |               <div class="is-item">
506 |                 <div class="hd">
507 |                   <img src="./images/index/icon/page05_icon01.png">
508 |                 </div>
509 |                 <div class="bd">
510 |                   <h3>新学员保障</h3>
511 |                   <p>新学员首月上课不满意，退全款。</p>
512 |                 </div>
513 |               </div>
514 |               <div class="is-item">
515 |                 <div class="hd">
516 |                   <img src="./images/index/icon/page05_icon02.png">
517 |                 </div>
518 |                 <div class="bd">
519 |                   <h3>退费保障</h3>
520 |                   <p>课程不满意，随时退余款。</p>
521 |                 </div>
522 |               </div>
523 |               <div class="is-item">
524 |                 <div class="hd"> 
525 |                   <img src="./images/index/icon/page05_icon03.png">
526 |                 </div>
527 |                 <div class="bd">
528 |                   <h3>师资承诺</h3>
529 |                   <p>教学不满意，随时换老师。</p>
530 |                 </div>
531 |               </div>
532 |               <div class="is-item">
533 |                 <div class="hd">
534 |                   <img src="./images/index/icon/page05_icon04.png">
535 |                 </div>
536 |                 <div class="bd">
537 |                   <h3>服务保障</h3>
538 |                   <p>每个学员配专属班主任、助教，全程跟进学习情况。</p>
539 |                 </div>
540 |               </div>
541 |               <!-- 免费预约1对1试听 -->
542 |               <div class="page-btn-box left clearfix">
543 |                   <a href="javascript:void(0)" onclick="showFixedListenForm()" class="is-btn">免费预约1对1试听 </a>
544 |               </div>
545 |             </div>
546 |           </div>
547 |         </div>
548 |       </div>
549 |       <!-- page05  海风承诺 end -->
550 |       <!-- page06 试听流程 start -->
551 |       <div class="section section06 clearfix">
552 |         <div class="container page06-box">
553 |           <div class="page-title-hd wow fadeInUp animated" data-wow-duration="0.6s">
554 |             <h2 class="page-title">试听流程</h2>
555 |           </div>
556 |           <div class="flex-container as-center">
557 |             <div class="flex-item">
558 |             <div class="as-img">
559 |               <img src="./images/index/icon/page06_icon01.png">
560 |             </div>
561 |               <h3>预约试听课</h3>
562 |               <p>注册后我们会尽快与您联系</p>
563 |             </div>
564 |               <div class="as-arrow"></div>
565 |             <div class="flex-item">
566 |               <div class="as-img">
567 |                 <img src="./images/index/icon/page06_icon02.png">
568 |               </div>
569 |               <h3>为您安排预约</h3>
570 |               <p>您的专属课程顾问会及时为您的孩子</p>
571 |               <p>安排学科诊断课，以及1对1试听课</p>
572 |             </div>
573 |             <div class="as-arrow"></div>
574 |             <div class="flex-item">
575 |               <div class="as-img">
576 |                 <img src="./images/index/icon/page06_icon03.png">
577 |               </div>
578 |               <h3>进入智能学习系统上课</h3>
579 |               <p>开始智能高效的1对1课程</p>
580 |             </div>
581 |           </div>
582 |           <!-- 免费预约1对1试听 -->
583 |           <div class="page-btn-box clearfix">
584 |             <a href="javascript:void(0)" onclick="showFixedListenForm()" class="is-btn">立即注册领取试听课 </a>
585 |           </div>
586 |     
587 |         </div>
588 |       </div>
589 |       <!-- page06  试听流程 end -->
590 |       <!-- page07 我心中的海风 start -->
591 |       <div class="section section07 clearfix">
592 |         <div class="container page07-box">
593 |           <div class="page-title-hd wow fadeInUp animated" data-wow-duration="0.6s">
594 |             <h2 class="page-title">我心中的海风</h2>
595 |             <p class="min-title">186589名学员遍布全国34个省市（包含港、澳、台）</p>
596 |           </div>
597 |           <div class="page-list">
598 |             <div class="page-brick-item  as-center">
599 |               <h3>老师专业</h3>
600 |               <p>7185<span>赞</span> <a class="btn-fabulous" data-action="fabulous">赞同</a></p>
601 |             </div>
602 |             <div class="page-brick-item  as-center">
603 |               <h3>大品牌</h3>
604 |               <p>8964<span>赞</span> <a class="btn-fabulous" data-action="fabulous">赞同</a></p>
605 |             </div>
606 |             <div class="page-brick-item  as-center">
607 |               <h3>性价比高</h3>
608 |               <p>6512<span>赞</span> <a class="btn-fabulous" data-action="fabulous">赞同</a></p>
609 |             </div>
610 |             <div class="page-brick-item  as-center">
611 |               <h3>学习系统好用</h3>
612 |               <p>5672<span>赞</span> <a class="btn-fabulous" data-action="fabulous">赞同</a></p>
613 |             </div>
614 |             <div class="page-brick-item  as-center">
615 |               <h3>效果好</h3>
616 |               <p>15907<span>赞</span> <a class="btn-fabulous" data-action="fabulous">赞同</a></p>
617 |             </div>
618 |             <div class="page-brick-item  as-center">
619 |               <h3>上课轻松方便</h3>
620 |               <p>5427<span>赞</span> <a class="btn-fabulous" data-action="fabulous">赞同</a></p>
621 |             </div>
622 |             <div class="page-brick-item  as-center">
623 |               <h3>服务好</h3>
624 |               <p>3797 <span>赞</span> <a class="btn-fabulous" data-action="fabulous">赞同</a></p>
625 |             </div>
626 |             <div class="page-brick-item  flex as-center">
627 |               <a class="btn-border-default">我的印象</a>
628 |             </div>
629 |           </div>
630 |         </div>
631 |       </div>
632 |       <!-- page07  我心中的海风 end -->
633 |       <!-- page08 荣誉源于实力 start -->
634 |       <div class="section section08 clearfix">
635 |         <div class="container page08-box">
636 |           <div class="page-title-hd wow fadeInUp animated" data-wow-duration="0.6s">
637 |             <h2 class="page-title">荣誉源于实力</h2>
638 |           </div>
639 |           <!-- Swiper -->
640 |           <div class="swiper-container" id="tabBoxglory">
641 |             <div class="swiper-wrapper">
642 |             </div>
643 |             <!-- Add Arrows -->
644 |             <div class="swiper-button-next"></div>
645 |             <div class="swiper-button-prev"></div>
646 |         </div>
647 |         </div>
648 |       </div>
649 |       <!-- page08 荣誉源于实力 end -->
650 |       <!-- page09 权威媒体报道 start -->
651 |       <div class="section section09 clearfix">
652 |         <div class="container page09-box">
653 |           <div class="page-title-hd wow fadeInUp animated" data-wow-duration="0.6s">
654 |             <h2 class="page-title">权威媒体报道</h2>
655 |           </div>
656 |           <div class="view-box columns" id="mediaBox">
657 |           </div>
658 |         </div>
659 |       </div>
660 |       <!-- page09 权威媒体报道 end -->
661 |       <!-- page10 学习宝典 start -->
662 |       <div class="section10 clearfix">
663 |         <div class="container page10-box">
664 |           <div class="page-title-hd wow fadeInUp animated" data-wow-duration="0.6s">
665 |             <h2 class="page-title">学习宝典</h2>
666 |           </div>
667 |           <div class="view-box columns">
668 |             <li class="page-brick-item">
669 |               <a href="#">> 海风教育海风育海风教育育海风教育育海风教育育
670 |               </a>
671 |             </li>
672 |             <li class="page-brick-item">
673 |               <a href="#">> 海风教育海风育海风教育育海风教育育海风教育育
674 |               </a>
675 |             </li>
676 |             <li class="page-brick-item">
677 |               <a href="#">> 海海风教育海风育海风教育育海风教育海风育海风教育育风教育海风育海风教育育海风教育育海风教育育
678 |               </a>
679 |             </li>
680 |             <li class="page-brick-item">
681 |               <a href="#">> 海风教育海风育海风教育育海风教育育海风教育育海风教育育海风教育育
682 |               </a>
683 |             </li>
684 |             <li class="page-brick-item">
685 |               <a href="#">> 海风教育海风育海风教育育海风教育育海风教育育海风教育育海风教育育
686 |               </a>
687 |             </li>
688 |             <li class="page-brick-item">
689 |               <a href="#">> 海风教育海风育海风教育育海风教育育海风教育育海风教育育海风教育育
690 |               </a>
691 |             </li>
692 |           </div>
693 |         </div>
694 |       </div>
695 |       <!-- page10 学习宝典 end -->
696 |     </div>
697 |     
698 |     <!-- 固定菜单内容页面右侧 -->
699 |     <div class="hf-fixed-menu">
700 |       <div class="fixed-menu-list">
701 |         <div class="list-content">
702 |           <img src="./images/index/code.png">
703 |           <span>公众号</span>
704 |         </div>
705 |         <div class="fade-info code">
706 |           <div class="fade-info-content">
707 |             <img src="./images/index/code-erwei.png">
708 |             <i class="list-arrow"></i>
709 |             <span>关注获得更多家长福利</span>
710 |           </div>
711 |         </div>
712 |       </div>
713 |       <div class="fixed-menu-list">
714 |         <div class="list-content">
715 |           <img src="./images/index/message.png">
716 |           <span>在线咨询</span>
717 |         </div>
718 |         <div class="fade-info orange text">
719 |           <div class="fade-info-content">
720 |             <i class="list-arrow"></i>
721 |             <p class="tip">点击咨询在线客服</p>
722 |           </div>
723 |         </div>
724 |       </div>
725 |       <div class="fixed-menu-list">
726 |         <div class="list-content">
727 |           <img src="./images/index/tel.png">
728 |           <span>电话咨询</span>
729 |         </div>
730 |         <div class="fade-info blue text">
731 |           <div class="fade-info-content">
732 |             <i class="list-arrow"></i>
733 |             <p class="tip">咨询热线：4008-331-112</p>
734 |           </div>
735 |         </div>
736 |       </div>
737 |       <div class="fixed-menu-list last">
738 |         <div class="list-content">
739 |           <img src="./images/index/pen.png">
740 |           <span>预约试听</span>
741 |         </div>
742 |         <div class="fade-info sub">
743 |           <div class="fade-info-content">
744 |             <i class="list-arrow"></i>
745 |             <p class="title">免费预约<span>299元</span>试听课</p>
746 |             <form class="scan-info tmsLandingForm">
747 |               <input type="text" name="username" class="sub-name name" placeholder="请填写您的姓名">
748 |               <input type="text" name="userphone" class="sub-tel phone" placeholder="填写您的手机号">
749 |               <button class="sub-btn tmsLandingFormBtn">立即预约</button>
750 |             </form>
751 |           </div>
752 |         </div>
753 |       </div>
754 |     </div>
755 |     
756 |     <!-- 固定的form表单提交 -->
757 |     <div class="fixed-form-listen">
758 |       <div class="form-listen-content">
759 |         <img class="bg-image" src="./images/index/page05_left_bg.png">
760 |         <div class="close-image" onclick="closeFixedListenForm()">
761 |           <img src="./images/index/close.png">
762 |         </div>
763 |         <div class="form-detail">
764 |           <p class="title">免费领取600元试听课</p>
765 |           <span class="form-tips">请准确填写信息，稍后老师将联系您</span>
766 |           <form class="tmsLandingForm">
767 |             <select class="class-select grade" name="classname" class="class-select">
768 |               <option value="" disabled selected style='display:none;'>选择年级</option>
769 |             </select>
770 |             <select name="subjectname" class="subject-select year">
771 |               <option value='' disabled selected style='display:none;'>选择科目</option>
772 |             </select>
773 |             <input type="text" name="username" class="fixed-user-name name" placeholder="填写家长称呼">
774 |             <input type="text" name="userphone" class="fixed-user-phone phone" placeholder="填写接收老师信息的手机号">
775 |             <button class="user-sub tmsLandingFormBtn">立即预约1对1诊断</button>
776 |           </form>
777 |         </div>
778 |       </div>
779 |     </div>
780 |   </div>
781 | </body>
782 | <script src="./logger.js"></script>
783 | <script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
784 | <script src="./ajax.js"></script>
785 | <script>
786 |   bbbbb
787 |   // $.ajax({
788 |   //   url: 'http://www.daiwei.org/vue/server/home.php?inAjax=1&do=isNeedUpdate',
789 |   //   success: function (data) {
790 |   //     console.log(222222)
791 |   //   }
792 |   // })
793 |   // $.ajax({
794 |   //   url: 'http://www.daiwei.org/vue/server/home.php?inAjax=1&do=getImageByBingJson',
795 |   //   success: function (data) {
796 |   //     console.log(333333)
797 |   //     console.log(data)
798 |   //   }
799 |   // })
800 | </script>
801 | </html>


--------------------------------------------------------------------------------