WeChatApp
微信全局配置文件app.jsonapp.json常用配置项：
pages：记录当前小程序所有页面的存放路径
windows：全局设置小程序窗口的外观
tabBar：设置小程序底部的tabBar效果
style：是否启用新版的组件样式
app.json组成示意图：
小程序窗口的组成部分：
Windows配置项
属性名
类型
默认值
说明
navigationBarTitleText
String
字符串
导航栏标题文字内容
navigationBarBackgroundColor
HexColor
#000000
导航栏背景颜色，如 #000000
navigationBarTextStyle
String
white
导航栏标题颜色，仅支持black/white
backgroundColor
HexColor
#ffffff
窗口的背景色
backgroundTextStyle
String
dark
下拉 loading 的样式，仅支持dark/light
enablePullDownRefresh
Boolean
false
是否全局开启下拉刷新 ...
DJI调光教程
大疆调光写在前面：调节三个参数：快门速度、感光度（iso）、白平衡
白平衡白平衡的调节改为手动，根据天气调整白平衡,具体的数值参照下表:
直方图开启直方图和过曝提示。
在遥控器上点设置——拍摄——打开直方图、过曝提示。
直方图尽量向右曝光，同时也要使画面轻微过曝或不过曝(在过曝的边缘)
注：直方图向左聚集表示画面暗的部分较多，聚集在右边表示较亮的部分多
感光度iso白天设置最低，通过设置快门速度来调整过曝。
注：当快门速度调节到最慢，画面还不够亮时，再去调节ISO(如天快黑了或者傍晚)
快门速度
使用快门速度调整过曝。
180度快门角法则：快门速度=1/(帧速率*2)eg：帧速率30fps，则快门速度为1/60s
注：此条准则与第二条注意事项冲突，是因为本应该以本条法则为准，但需要搭配ND滤镜，所需偷懒用了第二条的方法。
同时拍摄天空和地底，先根据天空的亮度调好参数
参考链接参考自：哔哩哔哩UP
CSS
CSS语法
CSS主要由两部分构成：选择器、一条或多条声明
选择器表示需要改变样式的HTML标签名
每条声明由一个属性和一个值组成，表示需要设置的样式属性。声明使用大括号括起来，属性和值使用冒号分隔，不同声明间使用分号分隔。示例如下：12345p{ color:red; text-align:center;}
CSS注释：/*注释*/
选择器（id和class）选择器用于选择指定的html元素设置样式
id选择器id选择器使用id为特定的HTML元素指定样式
注意：HTML中的id属性值是不允许重复的。class值允许重复
首先在HTML为元素设置id属性，再在CSS中使用#定义id选择器，示例如下：
12345#para1{ text-align:center; color:red;}
class选择器class选择器用于描述一组元素的样式。class与id的区别是，class可以在多个元素中使用。与id类似，先在HTML为元素设置class属性，再在CSS中使用.定义class选择器。
1.cente ...
HTML
HTML 简介HTML 标签
HTML标签由尖括号包围的关键词,如<html>
标签通常成对出现，如<p></p>
通常HTML标签和HTML元素表达的是一个意思
标签大全
正常情况下HTML都会在标签前后自动添加空行
您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果，当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。
HTML属性
属性一般写在开始标签
总是以名称/值 的形式出现，如href=”https://www.baidu.com"
HTML 基础标题通过h1>-<h6>标签定义,数字越大标题越小不要为了粗体和大号字体而使用标签
段落通过<p>标签定义
文本格式化
标签
描述
<b>
定义粗体文字
<em>
定义着重文字
<i>
定义斜体字
<small>
定义小号字
<strong> ...
样式绑定（v-bind、class、style）
样式绑定前言：在HTML中，通过class属性和style属性都可以定义DOM元素的样式
class属性用于定义元素的类名列表
style属性用于定义元素的内联样式
v-bind指令对这两个属性进行绑定
class属性绑定首先是对元素的class属性进行绑定，绑定的对象可以是对象或数组，下面详细介绍两种对象
对象语法将绑定的数据设置为一个对象（即类似字典），可以动态地切换元素的class。主要有3种形式
内联绑定这种绑定，将元素的class属性直接绑定为对象的形式，其中class里有两个参数，格式如下：<div v-bind:class="{参数1 : 参数2}"></div>
参数1：是style里的某个样式名称，即要用哪个样式
参数2：是数据对象(data)里的属性，是一个布尔值，因为用于定义是/否使用该样式
另外，在对象中还可以添加多个样式，且v-bind:class可以和普通的class属性共存上面的简单示例如下：
12345678910111213141516171819202122232425262728<head& ...
Hexo主题配置
主题配置与使用代码高亮代码书写时当使用```这种形式来包含代码时，开头处应该加上代码块语言的类型
比如：```python
主题文件配置仅针对Butterfly主题
先展示一下Hexo默认的主题配置部分：
123456789101112highlight: enable: true line_number: true auto_detect: false tab_replace: '' wrap: true hljs: falseprismjs: enable: false preprocess: true line_number: true tab_replace: ''
首先在Hexo主配置文件
修改highlight.enable为true
修改highlight.hljs为false
再主题配置文件
修改highlight_theme为对应要使用的主题
参考链接
Hexo官方文档-代码高亮
代码块后支持的语言类型有哪些
Butterfly主题代码高亮文档
计算属性与监听属性(computed和watch)
计算属性与监听属性（computed和watch）计算属性
计算属性定义在computed选项中
当计算属性依赖的数据发生变化时，计算属性会自动更新，所有依赖该属性的数据绑定也会同步更新
最重要的一点：计算属性是一个属性，不是一个方法简单示例如下：1234567891011121314151617<div id="box"> <p>原字符串：{{str}}</p> <p>新字符串：{{netstr}}</p></div><script type="text/javascript"> var vm = new Vue({ el: '#box', data: { str: 'HTML*JavaScript*Vue.js' }, ...
条件判断与列表渲染（v-if、v-show、v-for）
条件判断（v-if、v-show）Vue.js提供了多个指令实现条件判断：v-if、v-else、v-else-if、v-show
v-if指令
如果表达式的值为true就输出DOM元素和包含的子元素，否则就不输出
v-if属于指令，指令必须添加到一个元素上，根据表达式的结果判断是否输出元素。
格式：<p v-if="表达式">内容</p>，简单示例如下：
123456789101112131415<div id="box"> <p>a的值是：{{a}}</p> <p>b的值是: {{b}}</p> <p v-if="a<b">a大于b</p> <p v-else>a小于b</p></div><script type="text/javascript" ...
Windows下Hexo配置
Windows提交Hexo到GitHubnodejsnpm: nodejs下的包管理器
访问nodejs官网下载nodejs
下载后点击安装Nodejs，改变安装路径，点击选择Add to PATH，最后点击Finish完成安装
在cmd窗口node -v查看nodejs安装情况，npm -v查看npm安装情况（默认情况下npm版本都有点旧）
Hexo在安装好nodejs、npm、git后，执行以下步骤
在选择的目录下打开git界面，配置安装Hexonpm install hexo-cli -g，npm install hexo --save
配置Git
配置用户名和邮箱git config --global user.name "XXX"，git config --global user.email "XXX"
查看用户名和邮箱git config user.name，git config user.email
查看当前Git环境所有配置git config --list
配置GitHub
在Git生成配置密钥，生成过程中按三次回车， ...
Vue前端开发
简介123456789101112131415161718192021<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>第一个实例</title> <script type="text/javascript" src="../JS/vue.js"></script></head><body><div id="box"> <h1>{{message}}</h1></div><script type="text/javascript"> var vm = new Vue({ el : '#box', ...