微信开发者工具
功能头像 ：个人中心展示小程序系统版本更新之后的推送消息，方便切换小程序账号模拟器 ：可以切换调试设备的机型模拟在各个手机上的不同表现，也可以切换网络状态和屏幕缩放编辑器 ：调试器 ：分为7个模块面板 1. Console ：打印小程序页面的一些调试log信息 2. Sources ：列出微信小程序页面所有的脚本文件，可以对这些脚本文件进行断点调试 3. Network ：展示各个网络请求的状态信息以及所请求资源的响应数据等等 4. S
微信小程序简介
微信小程序的特点1.“触手可及”2.“用完即走”3.“无需安装卸载” 小程序与应用程序的区别1.无需安装2.不占内存3.易传播 小程序代码结构与基本配置app.js ：注册微信小程序的应用app.json ：微信小程序全局配置(比如网络请求超时时间，一些窗口的表现，各个页面注册的路径等)app.wxss ：设置微信小程序全局样式project.config.json ：保存微信开发者工具的配置信息pages ：存放所有小程序页面（js文
ES6
原型是啥：JS 中 proto 和 prototype 存在的意义 如何使用原型 如何用原型模拟类（类是什么鬼） ES 6 的类
IFC
IFC(inline formatting content)IFC是BFC的兄弟 font-size 定义的是（em-square）活字印刷模子的高度 line-height 决定内联元素的实际占地高度，内联元素自动居中 字体设计师推荐的 为什么两种字体同样都是line-height：100px； 100px -> 103px：内联元素和内联元素默认用字体的baseline对齐，两种字体的baseline是错开的 vertic
Bootstrap
Bootstrap(UI框架)Bootstrap必须搭配jQuery使用Bootstrap官网Bootstrap中文网V2.0版本兼容IE6生产环境：如果你的程序是给真实的用户使用的，那么这个程序所在的机器或者操作系统叫生产环境，比喻成工厂.测试环境：如果你的程序是给自己或者公司同事用的，那么这个程序所在的机器或者操作系统叫开发环境，又叫本地环境 Bootstrap 引入Bootstrap起步 在官网起步里，下载用于生产环境的 Boo
动态REM
手机专用的自适应方案 什么是 REM REM(root em) 根元素(<html>)的font-size，1rem===16px vh(viewport height) 100vh===视口高度 vw(viewport width) 100vw===视口宽度 网页的默认font-size是16px 12像素法则：如果chrome把最小字号设置成12px，就算把font-size设置成6px；最后CSS还是12px REM
BFC
CSS规范中对 BFC 的描述 9.4.1 块格式化上下文 浮动，绝对定位元素，非块盒的块容器（例如，inline-blocks，table-cells和table-captions）和’overflow’不为’visible’的块盒会为它们的内容建立一个新的块格式化上下文 在一个块格式化上下文中，盒在竖直方向一个接一个地放置，从包含块的顶部开始。两个兄弟盒之间的竖直距离由’margin’属性决定。同一个块格式化上下文中的相邻块
CSS-布局套路
布局流程图 原则 不到万不得已，不要写死 width 和 height,可以写calc(% - px) (测试浏览器兼容) 尽量用高级语法，如 calc、flex 如果是 IE，就全部写死 口诀 float(兼容IE5以上) 1.子元素全加 float: left （right） 2.父元素加 .clearfix 123456789.clearfix:after{ content: '';
CSS-Flex布局
阮一峰-Flex 布局教程：语法篇 Flex之前主要使用 normal flow(正常流，也叫文档流) float+clear position relative+absolute display inline-block 负margin Flex来了一种新的布局方式-Flex布局 块级布局侧重垂直方向、行内布局侧重水平方向，flex布局是与方向无关的 。s flex布局可以实现空间自动分配、自动对齐（flexible：弹性的、灵
移动端页面(响应式)
手机端页面的做法学会 media query 学会要设计图（没图不做）实在要做也行，丑可别怪我 学会隐藏元素moblie first(先设计手机端页面)desktop first(先设计pc端页面) 手机端要加一个 meta为什么要加meta： 防止手机页面模拟 980 像素宽度 防止页面在用户双击的时候放大 防止用户两指缩放页面 手机端的交互方式不一样 没有 hover 有 touch 事件touch左划右划jQuery Touc