Ajax&Axios
Ajax
概念
AJAX(Asynchronous JavaScript And XML)：异步的 JavaScript 和 XML
作用
与服务器进行数据交换：通过AJAX可以给服务器发送请求，并获取服务器响应的数据
后台发送：浏览器的请求是后台js发送给服务器的，js会创建单独的线程发送异步请求，这个线程不会影响浏览器的线程运行
局部刷新：浏览器接收到结果以后进行页面局部刷新
未使用A
前端
记录项目中遇到的坑（三）兼容IE浏览器
做PC端项目，有时候需要兼容IE浏览器，所以很多写法都要改变，以下是个人总结的一些写法（兼容到IE8）
PS：项目是通过引入 vue.js 的vue项目，new Vue({ el:'#app' }）的形式，不使用脚手架。
1.为了保证引入的js文件不会因官网更新而导致页面出现问题，所以将使用的js和css等文件下载保存到项目中
2.方法都要写成 function：(){
axios的get请求传入数组参数
axios 发送 get 请求的一般方式如下:
axios.get(url,{params:{
a:1
}})
但是，如果 params 里有数组参数的话，上面的方法就会带来问题。
例如, 这里发送的请求参数 b 是数组:
axios.get(url,{params:{
a:1,
b:[1,2]
}})
这时候，后端 Django 用 request.GET.getli
LiveData 面试题库、解答、源码分析
引子
LiveData 是能感知生命周期的，可观察的，粘性的，数据持有者。LiveData 用于以“数据驱动”方式更新界面。
换一种描述方式：LiveData 缓存了最新的数据并将其传递给正活跃的组件。
这一篇就 LiveData 的面试题做一个归总、分析、解答。
1. LiveData 如何感知生命周期的变化？
先总结，再分析：
Jetpack 引入了 Lifecycle，让任何组件都能方便
Android-自定义短信验证码
效果图
简介
基本上只要需要登录的APP，都会有验证码输入，所以说是比较常用的控件，而且花样也是很多的，这里列出来4种样式，分别是：
表格类型
方块类型
横线类型
圈圈类型
其实还有很多其他的样式，但是这四种是我遇到最多的样式，所以特地拿来实现下，网上有很多类似的轮子，实现方式也是蛮多的，比如说：
组合控件（线性布局添加子View)
自定义ViewGrop
自定义View
..
关于优化Vue-router优化import引入过多导致index文件过于臃肿
1.需求
当我们在开发过程中，需要引入很多的文件，但是又不想每个文件都依次导入的时候 就会想有没有一个方法可以批量导入 require.context方法就可以解决这个问题.(仅限于webpack）
function importAll (require) {
console.log(require.keys(),'keys') // 此处是由多个文件路径组成的数组
require
Vue 的单项数据流
数据总是从父组件传到子组件，子组件没有权利修改父组件传过来的数据，只能请求父组件对原始数据进行修改。这样会防止从子组件意外改变父组件的状态，从而导致应用的数据流向难以理解。
注意：在子组件直接用 v-model 绑定父组件传过来的 props 这样是不规范的写法，开发环境会报警告。
如果实在要改变父组件的 props 值可以再data里面定义一个变量，并用 prop 的值初始化它，之后用$emit
Vue WanAndroid项目
基于Vue 搭建的WanAndroid项目 供参考
项目中API均来源于：www.wanandroid.com
项目运行：
1.克隆项目至本地
2.npm install
3.npm run dev
项目架构：
Vue版本： V2.5.2
UI：html5 + css3 + vant2
列表刷新：vuejs-loadmore
网络请求： axios
数据持久化：js-cookie
屏幕适配：f
【JS 】SharedWorker 优化前端轮询请求
1. 背景
目前公司系统首页存在一个定时的轮询请求/Admin/Dashboard/GetAppRelaseNotice，包含一些需要实时反映在前端的操作（如：页面版本，站内信，页面配置更新等）
问题很明显，单个页面的情况下，每分钟会发送一次请求；
但如果同时打开多个tab，每个tab每分钟都会发送一次请求
2. 思路
针对这个情况，可以使用 SharedWorker
关于 Safari 100vh 的问题与解决方案
配图源自 Freepik
一、背景
最近在做一个移动端的 H5 项目，遇到了一个「有趣」的问题。假设有一页面布局如下：
下方 50px 悬浮于底部，采用 fixed 布局，示例如下：
<div class="container">
<!-- height: 100vh - 50px -->
<div class="page">&
