关于 微信分享 和 QRcode二维码分享那些踩过的坑

微信分享

进行微信分享时，前提在项目中安装 SDK

1

npm install weixin-js-sdk

分享的略缩图链接地址

1. 通过 import 引入图片

1

import "../assets/img/shareImg.png"

2. 进行 build 打包并提交至线上地址
3. 在线上地址中找到此图片链接
4. 再将 dist 目录下的打包后的图片名引入

1

imgUrl: "https://tmarketing.inuol.com/static/img/shareImg.dd45f95.png"

1. Python 允许用r''表示’’内部的字符串默认不转义。
2. Python 允许用'''...'''的格式表示多行内容。
3. and代表“并且”，or代表“或”，not代表“非”
4. 空值：用None表示。None不能理解为0，因为0是有意义的，而None是一个特殊的空值。
5. 除法：
   • /除法计算结果是浮点数，即使两个整数恰好整除，结果也是浮点数。
   • \\除法称为‘地板除’，无论是否除得尽，都得到整数。
   • %是余数运算，可以得到两个整数相除的余数。

TypeScript

因为时常的胃痛，让我感觉自己身体已经快承受不起这些疼痛了。现在之所以能想起要开始养胃，也是因为一上午直到刚刚，我的胃都处于非常痛的状态。
胃部以及下方的腹部都处于胀气，绞痛的感觉。
25 岁以后真的能明显感觉到自己的健康越来越重要，但是自己自律性不够，导致于一直在拖垮自己的身体。在地铁三番两次的晕倒，跑两步就不停地喘气，这些都是我的身体发出的危险讯号。我必须自律健康起来！

什么是单点登录

单点登录（Single Sign On），简称为 SSO，是目前比较流行的企业业务整合的解决方案之一。SSO 的定义是在多个应用系统中，用户只需要登录一次就可以访问所有相互信任的应用系统

SSO 一般都需要一个独立的认证中心（passport），子系统的登录均得通过 passport，子系统本身将不参与登录操作，当一个系统成功登录以后，passport 将会颁发一个令牌给各个子系统，子系统可以拿着令牌会获取各自的受保护资源，为了减少频繁认证，各个子系统在被 passport 授权以后，会建立一个局部会话，在一定时间内可以无需再次向 passport 发起认证。

react-native 环境构建

点击前往 react-native 环境构建

react-native bug

1. 端口号 8081 被占用
   修改端口号：react-native start --port 9999
修改模拟器地址： ip+9999，例如：192.165.1.1:9999
2. adb 版本不一致：adb server version (31) doesn’t match this client (36); killing…
   复制sdk里面的adb.exe改名nox_adb.exe,将nox/bin里的nox_adb.ex替换
3. git 上拉去 react native,react-native start 运行报错
   cd android
gradlew clean

   <!--more-->
   

4. no connect devices(没有链接设备)
   adb devices(这个命令是查看是否连接设备)
adb conncet 127.0.0.1:62001(手动连接设备)
5. INSTALL_PARSE_FAILED_INCONSISTENT_CERTIFICATES(模拟器上已经安装了此 APP)
   卸载重装即可
6. unable to resolve module ‘ACCESSIBILITYINFO’ （react-native 版本问题）
   切换版本 react-native@0.55.4 react-native-cli@1.2.0
7. plugin 0 specified in xxx （babel-preset-react-native 的包文件错误）
   npm install --save -dev babel-preset-react-native@2.1.0
8. javascript 与 native 版本不一致报错
   npm install react-native@要求的版本号 然后卸载老版本即可
9. 启动页白屏
   关闭程序，再重新打开一次

安装

npm install -g create-react-app
create-react-app my-app
cd my-app
npm start

减少HTTP请求

• 图片地图

  • 就是把页面上用到的多个图片合并成一张图片，利用map控制显示的位置，接着在这张图片上关联多个URL，加载的时候就只要发送一次HTTP请求获取这张图片就行了。（相关实例可以网上自行搜索）
  • CSS Sprites合并图片，精灵图
  • 内联图片，浏览器不会缓存这种图像。dataurl节省了HTTP请求,但是如果这个图像在网页多个地方显示会加大网页的内容，延长下载时间。还有一点IE8以下都不支持这种图像,所以一般不用。
  • 合并脚本和样式表，尽量减少js和css的请求数量

持续更新 (*❦ω❦)

盒子模型

• 在标准模式下，一个块的总宽度= width + margin(左右) + padding(左右) + border(左右)
• 在怪异模式(IE)下，一个块的总宽度= width + margin(左右)（即width已经包含了padding和border值）

title: eventLoop
date: 2018-07-23 11:18:46
tags: 事件循环 event loop

categories: web

微任务（microtask）称为 jobs 。包括 process.nextTick ，promise ，Object.observe ，MutationObserver

宏任务（macrotask）称为 task 。包括 script ， setTimeout ，setInterval ，setImmediate ，I/O ，UI rendering

Event loop 执行顺序

1. 执行同步代码，这属于宏任务
2. 执行栈为空，查询是否有微任务需要执行
3. 执行所有微任务
4. 必要的话渲染 UI
5. 然后开始下一轮 Event loop，执行宏任务中的异步代码

很多人有个误区，认为微任务快于宏任务，其实是错误的。因为宏任务中包括了 script ，浏览器会先执行一个宏任务，接下来有异步代码的话就先执行微任务。

通过上述的 Event loop 顺序可知，如果宏任务中的异步代码有大量的计算并且需要操作 DOM 的话，为了更快的界面响应，我们可以把操作 DOM 放入微任务中。