![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
【前端】
莫川
阿里巴巴集团高级无线开发专家
展开
-
移动端页面秒开优化总结
移动端页面优化小结原创 2022-06-30 16:58:13 · 245 阅读 · 0 评论 -
Android H5容器整理
1.如何实现和设计一套JSBridge?前端JS调用native的方式有很多种,或者说android有很多种方式可以拦截或者获取到JS的行为。如下使用onConsoleMessage的方式,来设计一个简单的JSBridge:前端代码片段 var callbackArr = {}; window.XJSBridge = { //JS调动native callNative: function (func, param, callback) {原创 2020-10-12 20:58:17 · 1630 阅读 · 1 评论 -
使用XMLHttpRequest构建简单的http请求
使用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原创 2020-09-30 21:57:33 · 2698 阅读 · 1 评论 -
JS实现简单的JSONP请求
JS实现简单的JSONP请求思路在dom中添加一个script脚本,url拼写到src属性中,其中一个关键的参数是callback,它是接收jsonp成功之后的回调。等请求成功之后,把回调函数释放。另外demo中添加了超时机制,详见demo如下:var jsonpSeq = 0;function jsonp(req) { var callbackName = 'jsonpcb' + (++jsonpSeq); //定义一个处理Jsonp返回数据的回调函数 window[c原创 2020-09-30 14:25:28 · 1612 阅读 · 0 评论 -
CSS中的选择器(符号解释)
一、空格 (后代)写法.class1 .class2{ ...}作用选择class1作用的容器内部的所有含有class2的元素示例<style>.class1 .class2{ background-color:#f00;}</style><div class="class1"> <p class="clas...原创 2020-04-05 23:20:30 · 1536 阅读 · 1 评论 -
伪类和伪元素梳理
原创 2020-04-05 22:01:32 · 714 阅读 · 0 评论 -
flex布局简单梳理
原创 2020-02-24 12:25:34 · 317 阅读 · 0 评论 -
前端技术栈梳理
梳理前端知识体系原创 2020-02-17 23:36:45 · 2932 阅读 · 0 评论 -
webpack总结
原创 2020-02-17 23:35:33 · 421 阅读 · 0 评论 -
babel总结
原创 2020-02-17 23:34:14 · 400 阅读 · 0 评论 -
npm梳理
npm梳理原创 2020-02-11 21:35:41 · 312 阅读 · 0 评论 -
React入门教程(思维导图)
React入门教程(思维导图)参考文档:http://www.ruanyifeng.com/blog/2015/03/react.html原创 2020-02-11 11:24:24 · 869 阅读 · 0 评论 -
JS数组的常用操作方法
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...原创 2019-10-15 20:03:23 · 495 阅读 · 0 评论 -
使用支付宝小程序写列表页
一、效果1.有sticky效果2.列表可滑动3.滑动列表有2中类型的Cell4.底部有固定的操作区域5.自动加载更多代码仓库:https://github.com/nuptboyzhb/zhihu-appx-demo二、页面的布局和样式布局<view class="schedule-container"> <view cla...原创 2019-10-03 17:53:43 · 2305 阅读 · 0 评论 -
JS的全局对象&全局属性&函数
JS的全局对象&全局属性&函数JS的全局对象var myObject = new Number();JS的全局属性&函数附录JavaScript对象JS的全局属性&函数escape 、encodeURI 、encodeURIComponent的区别与应用场景...原创 2019-10-02 17:43:43 · 899 阅读 · 0 评论 -
ESMAScritp 6 基础
一、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] ...原创 2019-08-26 12:50:11 · 511 阅读 · 0 评论