三分钟快速搭建Vue2+webpack项目
三分钟快速搭建Vue2+webpack项目
项目目录
如下图：
图1
其中：
【package.json】：对项目进行描述，包括项目的基本信息、依赖模块的版本信息等等；
注意：可以手动创建或者通过npm init自动创建。
代码：
{
"name": "yydpt_vue2_base",
"version": "1.0.0",
"description": "",
前端
前端大厂面试真题（二）
1. Doctype 作用？
DOCTYPE 是用来声明文档类型和 DTD 规范的。
<!DOCTYPE html>声明位于 HTML 文档中的第一行，不是一个 HTML 标签，处于 html 标签之前。
告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE 不存在或格式不正确会导致文档以兼容模式呈现。
2. 标准模式与兼容模式各有什么区别？
标准模式的排版 和 JS
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
