随笔分类 - react
react native app
摘要：跨域请求原理
1、通过jsonp跨域
利用在页面中创建script节点的方法向不同域提交HTTP请求的方法称为JSONP，这项技术可以解决跨域提交Ajax请求的问题。
js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。
阅读全文
摘要：js 把字符串转换成数组，数组去重后再转成字符串
数组去重使用ES6标准函数
function unique(arr){
//Set数据结构，它类似于数组，其成员的值都是唯一的
return Array.from(new Set(arr)); // 利用Array.from将Set结构转换成数组
}
//字符串转换成数组（根据分割符）
var outstrArr = outstr.split(',');
//数组去重
var uniqueArr = unique(outstrArr);
//数组转换成字符串（添加分割符）
outstr = uniqueArr.join(",");
阅读全文
摘要：js获取url原有参数，增加页面select值拼接url后跳转页面，获取对象keyValue方法，get提交html5页面模版
阅读全文
摘要：懒加载是如何实现的？
找到一个不需要知道图片宽高的懒加载方法了（经过实际测试，不加宽高仍然是无法正常加载的，设置height:auto,height:100%，仍然显示高度为0）
dinbror/blazy: Hey, be lazy! bLazy.JS is a lightweight pure JavaScript script for lazy loading and multi-serving images. It's working in all modern browsers including IE7+.
https://github.com/dinbror/blazy#demo
这个兼容性比较好
注：vuejs，react有对应的懒加载插件
阅读全文
摘要：JS中的函数节流throttle详解和优化
在前端开发中，有时会为页面绑定resize事件，或者为一个页面元素绑定拖拽事件（mousemove），这种事件有一个特点，在一个正常的操作中，有可能在一个短的时间内触发非常多次事件绑定程序。
DOM操作时很消耗性能的，如果你为这些事件绑定一些操作DOM节点的操作的话，那就会引发大量的计算，在用户看来，页面可能就一时间没有响应，这个页面一下子变卡了变慢了。在IE下，如果你绑定的resize事件进行较多DOM操作可能直接就崩溃了。
怎么解决？函数节流(throttle)就是一种办法。
阅读全文
摘要：RN与android原生开发混合后的环境报错问题
不同严重程度可以按以下三种处理：
1.切换到project视图，删除.grade .idea 文件夹，clean project，
2.关闭android，重新打开编译
3.彻底清除缓存 File -> Invalidate Caches / Restart... （会清理掉本地修改的Gradle配置）
阅读全文
摘要：CSS, JavaScript 压缩, 美化, 加密, 解密
JS压缩, CSS压缩, javascript compress, js在线压缩，javascript在线压缩，css在线压缩，YUI Compressor压缩，Google Closure Compiler压缩，js压缩，uglifyjs压缩，javascript压缩，js美化，javascript美化，js加密，js解密，js混淆，javascript加密，javascript解密，js格式化，javascript格式化
阅读全文
摘要：golang学习笔记18 用go语言编写移动端sdk和app开发gomobile
gomobile的使用-用go语言编写移动端sdk和app开发
gomatcha/matcha: Build native mobile apps in Go.
用go语言做app的组件sdk感觉不错，界面UI把相关组件集成进去使用
阅读全文
摘要：react系列笔记1 用npx npm命令创建react app
create-react-app my-app是开始构建新的 React 单页应用程序的最佳方式。它已经为你设置好了开发环境，以便您可以使用最新的 JavaScript 特性，提供不错的开发体验，并且可以优化你的生产环境应用。你需要在你的机器上安装 Node >= 6 。
安装node.js 工具https://nodejs.org/en/download/
安装后再打开cmd执行下面命令：
npm install -g create-react-app
create-react-app my-app
cd my-app
npm start
如果你的 npm 5.2.0+ 可以使用npx命令
阅读全文
