compass

一：下载mongodb安装包 下载地址： https://www.mongodb.com/download-center/community 这里推荐下载msi的安装包 二：安装mongodb 双击下载下来的mongodb安装包进行安装 在Windows下安装软件十分的简单，只需要next就可以了，只需要注意点下面两点 1：如下图安装界面中选择自定义安装，这里可以选择您的安装目录，这里我选择的安装目录为：D:\MongoDB 2：取消如下图形界面管理工具勾选，勾选的话安装会十分十分的慢，如果您想要安装的话可以访问： https://www.mongodb.com/download-center/compass 进行下载安装 如下是mongodb安装后的目录结构 三：mongodb配置 安装号mongodb之后我们需要进行mongodb配置 1：启动mongodb服务 使用命令行进入mongodb安装目录的bin目录下执行 mongod --dbpath " D:\MongoDB\data " #D:\MongoDB\data为我安装的mongodb目录下的data目录，用户存储数据 运行如上名利之后在浏览器上访问：localhost:27017（27017为mongodb的默认端口号） 2：配置本地windows mongodb服务 1：在安装的根目录下新建一个mongod

sass/scss 和 less的区别 一. Sass/Scss、Less是什么? Sass (Syntactically Awesome Stylesheets)是一种动态样式语言，Sass语法属于缩排语法，比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理，函数等)，更容易阅读。 Sass与Scss是什么关系? Sass的缩排语法，对于写惯css前端的web开发者来说很不直观，也不能将css代码加入到Sass里面，因此sass语法进行了改良，Sass 3就变成了Scss(sassy css)。与原来的语法兼容，只是用{}取代了原来的缩进。 Less也是一种动态样式语言. 对CSS赋予了动态语言的特性，如变量，继承，运算， 函数. Less 既可以在客户端上运行 (支持IE 6+, Webkit, Firefox)，也可在服务端运行 (借助 Node.js)。 二. Sass/Scss与Less区别 1.编译环境不一样 Sass的安装需要Ruby环境，是在服务端处理的，而Less是需要引入less.js来处理Less代码输出css到浏览器，也可以在开发环节使用Less，然后编译成css文件，直接放到项目中，也有 Less.app、SimpleLess、CodeKit.app这样的工具，也有在线编译地址。 2.变量符不一样，Less是@，而Scss是$

Chrome DevTools 小技巧 1.表格视图 console.table(arr2/obj, [arrColName]); // 以列表形式显示对象属性/值或者多维数组键/值 2.计时 console.time/timeEnd(str); // 成对出现，配合使用 3.snippet 可以把自己的调试工具库放进去，非常方便 4.图片取色 用浏览器打开图片，审查元素，设置任意色值，用取色器取色 5.常用快捷键 Ctrl + Shift + f 跨文件查找 Ctrl + Shift + o 查找函数定义 Ctrl + p 转到Sources面板 Ctrl + Shift + c 审查元素 Ctrl + L 跳转到指定行 ESC 显示/不显示console Ctrl + L 清空console 零.主面板 1.常用功能 模拟设备（横屏切换），模拟触摸事件（默认开启） 2.不常用功能 模拟网络（移动网络性能优化），模拟经纬度、加速度，调试媒体查询 二.Elements 1.常用功能 定位，临时修改，查看css规则，事件监听 2.不常用功能 DOM断点 （插入断点，子树更新/属性值更新/节点移除时触发，对应DOM3级节点更新事件），拖放节点修改DOM结构， 强制元素显示hover/active等状态 三.Network 1.网络面板能做什么 哪个资源最晚开始下载？