jtg_Alan-CSDN博客

原创音乐播放器（一）

vue-cliruntime + compiler可以不基于.vue文件去开发，我们可以在运行时做编译;如果选runtime-only省略了模版的编译过程,编译过程是在webpack用vue-loader去编译.vue文件的时候去做的.vuejs的大小会变小6kb，我们就得依赖.vue文件的开发。ESLint在用vue-cli初始化vue项目时会询问是否使用ESLint,eslint是es6的代码风

2017-11-25 11:30:43 525 1

原创 mac下mongodb的一系列问题

用mongodb也有一段时间了，平时没碰到问题时还好，一碰到问题解决起来就可能需要花不少时间，于是今天我就想把我遇到过的一些问题总结一下。安装推荐使用homebrew安装，mac可以用homebrew安装很多软件，比如mongodb直接用 brew install mongodb就可以安装了。注意安装成功后给的提示To have launchd start mongodb now and resta

2017-11-19 22:31:15 1254

原创 Jsonp的原理以及简单实现

功能Jsonp是json的一种使用模式，用来解决主流浏览器的跨域数据访问的问题.因为同源策略，页面是无法直接与其他不同源的页面沟通的.利用Script元素的这个开放策略，网页可以得到从其他来源动态产生的 JSON 资料，而这种使用模式就是所谓的 JSONP。用 JSONP 抓到的资料并不是 JSON，而是任意的JavaScript，用 JavaScript 直译器执行而不是用 JSON 解析器解析。

2017-09-26 23:18:32 514

原创饿了么项目（四）

better-scroll的DOMbetter-scroll是严格依赖DOM的，要包证DOM被完全渲染之后，要用到this.$nextTick()ref要用到refs来选择dom时可以给dom加上没有实际意义的class方便选择click@click里面的函数可以传$event参数undefined is not a function调用了一个function，前面一个值是undefined,看前面

2017-09-14 23:41:51 535

原创代码编写(饿了么项目)

代码编写样式以及布局最重要的首先一层一层地考虑周全，分析好要用的布局方法编写思路编写时，顺便写文档，写上自己的思路和一些关键部分的实现，以及需要解决和不了解的问题.方便以后总结和查看.文件管理不同组件的文件夹放到合理的位置，起相应的名字一个组件一个文件夹，需要用到的所有图片都放到这一个文件夹下代码复用，打包时可能会有路径的问题CSScss用stylus，比用css看起来简洁，明了一

2017-08-13 10:15:16 2908

原创饿了么项目（三）

定义视口的高度.goods{ position:absolute; top:179px; bottom:46px; width:100%; overflow:hidden;}menu-wrapepr.goods .menu-wrapper{ flex:0 0 80px; width:80px; background: #f3f5f7; }width:

2017-08-13 09:36:46 575

原创饿了么项目（二）

vue-resource显示不同的图标对设计稿的还原span里放图片父元素设置font-sizevertical-align绝对定位img标签z-index背景堆叠效果注意观察github客户端fixedpropsexport default创建component清除浮动制作评分组件index创建的组件定位其他css和jsvue-resource用来和后端交互

2017-08-11 17:17:04 1897

原创饿了么项目(一)

icomoon可以上传已有的svg图标，生成对应的css.引入生成的css，就可以用css调用相应的图标模拟后端api接口在build目录下dev-server.js文件里可以看到var app = express().var appData = require('../data.json')var seller = appData.sellervar goods = appData.goods

2017-08-09 12:00:41 2258

原创 CSS布局的两种方法

目录双飞翼布局Flex布局其他方法双飞翼布局<html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> .container{ /* overflow:hidden; padding:0

2017-08-01 15:50:05 250

原创水平，垂直居中总结

在使用css布局时会碰到各种各样的居中问题，在这里总结几种情况，希望大家纠错和补充.文字水平居中垂直居中div元素水平居中水平并且垂直居中方法一方法二方法三文字文字需要居中的情况有这么两种水平居中text-align常常用于盒子里的文字、图片等内容居左、居中、局右。比较常见是常规的让内容局左或居中对齐排列.text-align:center 垂直居中在一排的文字或内容布局中，

2017-07-30 22:03:23 216

原创 position float的用法

目录目录position的用法positionstatic默认positionrelativepositionabsolutepositionfixedpositionstickyfloat的用法影响周围元素解决浮动的问题position的用法position定位有4个属性，分别是static(默认），absolute（绝对定位），relative（相对定位），fixed（固定定位

2017-07-30 20:58:52 361

原创理解CSS盒模型

CSS盒模型CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框和外边距的方式目录CSS盒模型目录盒模型的结构例子其他盒模型的结构这里我们只讨论标准盒子模型，先来看一下盒模型的图解吧这里引用一下w3school的图片我们可以看到盒模型从内到外的元素依次为:element:元素padding:内边距border:边框margin:外边距这

2017-07-29 21:40:18 354

jtg_Alan的博客