2019年03月_风里有诗句哈

原创 vue开发饿了吗外卖app④——使用vue-resource获取数据

vue-resource安装依赖 "dependencies": { "stylus": "^0.54.5", "vue": "^2.5.2", "vue-router": "^2.2.0", "vue-resource": "^1.0.1" },在main.js中导入并注册vue-resource，这样就能在其他所有组件中使用vue-resourc...

2019-03-31 23:13:08 343

原创 vue开发饿了吗外卖app③——移动端高分辨率屏幕下边框1px变大问题通用解决

//新建mixin.stylborder-1px($color) position relative &::after display block position absolute left 0 bottom 0 width 100% border-top 1px solid $color content ' '...

2019-03-31 17:37:21 279

原创 vue开发饿了吗外卖app②——安装和使用vue-router

详见vue-router使用方法在package.json中写入vue-router依赖，命令行执行npm install "dependencies": { "stylus": "^0.54.5", "vue": "^2.5.2", "vue-router": "^2.2.0" },App.vue中写入<template> &lt...

2019-03-30 23:19:38 294

原创 vscode 使用 stylus，配置格式化设置

VSCode 扩展商店中搜索 stylus Supremacy 进行安装之后在用户设置 setting.json 配置文件中添加如下配置即可// 以下为stylus配置 "stylusSupremacy.insertColons": false, // 是否插入冒号 "stylusSupremacy.insertSemicolons": false, // 是否插入分好 "stylu...

2019-03-30 21:20:46 2371

原创 vscode建立vue模板

依次选择“文件 -> 首选项 -> 用户代码片段”，此时，会弹出一个搜索框，我们输入vue后按enter，会自动打开一个名字为vue.json的文件，复制以下内容到这个文件中：{ "Print to console": { "prefix": "vue", "body": [ "", "<tem...

2019-03-30 21:11:33 1055

原创 vue开发饿了吗外卖app①——最新的vue没有dev-server.js,如何进行后台数据模拟?

最新的vue里dev-server.js被替换成了webpack-dev-conf.js，在模拟后台数据的时候直接在webpack-dev-conf.js文件中修改第一步，在const portfinder = require(‘portfinder’)后添加const express = require('express')const app = express()//请求serve...

2019-03-30 17:08:20 294

原创 vscode设置setting.json文件适用vue和eslint

{ "editor.cursorBlinking": "smooth", "editor.cursorStyle": "block", "workbench.iconTheme": "vscode-icons", "editor.fontFamily": "Consolas,Monospace", "workbench.colorTheme": "Drac...

2019-03-30 16:35:14 4371 1

原创 es6中Module 的语法总结

export// 报错export 1;// 报错var m = 1;export m;以上写法都会报错，第一种写法直接输出1，第二种写法通过变量m，还是直接输出1。1只是一个值，不是接口export导出时规定的是对外的接口，就是你导出的东西必须有一个名字，导入时才能找到这个名字，第二个方法之所以报错，是因为不用大括号括起来，在编译的时候m就变成了1，所以需要用{m}把m...

2019-03-30 15:48:14 310 1

转载 Javascript获取页面的各种坐标汇总

说明，本文全部内容都基于各浏览器的标准渲染模式。也就是在HTML文件首部有标签<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">或<!DOCTYPEhtml>1...

2019-03-28 11:28:29 154

原创原生JavaScript的DOM操作

//查找节点 document.getElementById("id");//通过id查找，返回唯一的节点，如果有多个将会返回第一个，在IE6、7中有个bug，会返回name值相同的元素，所有要做一个兼容 document.getElementsByClassName("class");//通过class查找，返回节点数组 document.getElementsByTagName(...

2019-03-27 22:41:41 108

原创快速掌握JavaScript中的正则表达式

正则表达式只用来搜索和替换字符串，在各编程语言之间，正则表达式是有所不同的，在本教程中，我们只专注于 JavaScript。创建一个正则表达式对象有两种语法。较长一点的语法：regexp = new RegExp("pattern", "flags");较短一点的语法，使用斜杠"/"：regexp = /pattern/; // 没有修饰符regexp = /patte...

2019-03-22 11:45:51 166

转载 Flex 布局教程：语法篇

一、Flex 布局是什么？Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ display: inline-flex;}Webkit 内核的浏览器，必须加上-webki...

2019-03-06 20:25:03 181

原创 GitHub提交时忽略不必要上传的文件

新建.gitignore文件，写入要忽略的内容idea/ //忽略idea目录下的所有文件/idea/do.txt //忽略某个具体文件!test.txt //不忽略 test.txt 文件/TODO //仅仅忽略项目根目录下的 TODO 文件，不包括 test/TODO*.zip //忽略所有....

2019-03-05 22:31:53 2674

原创浮动后的 <li> 如何在 <ul> 中居中显示？

只要 ul 的父元素 css 样式设置了 text-align: center; 然后 ul 设置了 display: inline-block; 因为li浮动后变成了inline-block，所以不需要设置display: inline-block; 就可以了。html标签<div id="header"> <ul> &lt...

2019-03-04 22:44:52 2278

原创 CSS详解水平和垂直居中

水平居中行内和行内块级元素水平居中text-align: center;一个块级元素水平居中或多个块级元素竖直排列水平居中margin: 0 auto;多个块级元素横向排列水平居中设置父元素flex布局display: flex;justify-content: center;垂直居中行内和行内块级元素垂直居中1.子元素使用相同内边距撑开父元素...

2019-03-01 10:31:22 247

风里有诗句哈的博客