郑海波(莫川)的优快云博客

移动端页面优化小结

1.如何实现和设计一套JSBridge？前端JS调用native的方式有很多种，或者说android有很多种方式可以拦截或者获取到JS的行为。如下使用onConsoleMessage的方式，来设计一个简单的JSBridge：前端代码片段 var callbackArr = {}; window.XJSBridge = { //JS调动native callNative: function (func, param, callback) {

使用XMLHttpRequest构建简单的http请求函数示例代码/** * 发起http请求JSON * @param {url,data,success,fail,timeout,type,headers} req */export function xhttp(req) { var xhr = new window.XMLHttpRequest(); var timeout = req.timeout || 15000; var timeoutId = set

JS实现简单的JSONP请求思路在dom中添加一个script脚本，url拼写到src属性中，其中一个关键的参数是callback，它是接收jsonp成功之后的回调。等请求成功之后，把回调函数释放。另外demo中添加了超时机制，详见demo如下：var jsonpSeq = 0;function jsonp(req) { var callbackName = 'jsonpcb' + (++jsonpSeq); //定义一个处理Jsonp返回数据的回调函数 window[c

一、空格 (后代)写法.class1 .class2{ ...}作用选择class1作用的容器内部的所有含有class2的元素示例<style>.class1 .class2{ background-color:#f00;}</style><div class="class1"> <p class="clas...

梳理前端知识体系

npm梳理

React入门教程(思维导图)参考文档：http://www.ruanyifeng.com/blog/2015/03/react.html

1.forEach遍历数组，参数为一个回调函数，回调函数有三个参数：当前元素，元素索引，整个数组；无返回值let data = [1,3,5,7,9,11,13];let result = data.forEach((item)=>{ console.log('item = '+(item+1)); return item + 1;//无效});//result is unde...

一、效果1.有sticky效果2.列表可滑动3.滑动列表有2中类型的Cell4.底部有固定的操作区域5.自动加载更多代码仓库：https://github.com/nuptboyzhb/zhihu-appx-demo二、页面的布局和样式布局<view class="schedule-container"> <view cla...

JS的全局对象&全局属性&函数JS的全局对象var myObject = new Number();JS的全局属性&函数附录JavaScript对象JS的全局属性&函数escape 、encodeURI 、encodeURIComponent的区别与应用场景...

一、ESMAScritp 6 基础1.1 Constantsconst PI = 3.141593PI > 3.01.2 变量作用范围for (let i = 0; i < a.length; i++) { let x = a[i] …}for (let i = 0; i < b.length; i++) { let y = b[i] ...