3 一腔&孤勇

尚未进行身份认证

暂无相关简介

等级
TA的排名 10w+

vue移动音乐app开发笔记 二. 搭建项目骨架,配置路由与开发首页界面

文章目录项目目录开发首页界面新建首页文件修改App.vue效果图项目目录开发首页界面新建首页文件在pages中新建一个index的文件夹首先首页界面主要分4个部分,所以我们在components中新建4个vue组件,并在index.vue中使用修改App.vue我们常在开发中碰到这个问题:设计师给我的图纸是一个界面占满整个屏幕,但是我们的界面总是能左右稍微滑动一点我们可以在a...

2020-02-01 15:41:08

vue移动音乐app开发笔记 一. 搭建git环境以及新建vue移动端项目的准备工作

文章目录搭建git环境一. 在GitHub搭建远程代码仓库二. 创建git文件夹三. 克隆GitHub代码四. 将本地项目与远程仓库建立连接五.测试远程连接创建开发分支创建移动端的vue工程一.创建vue项目二.引入第三方样式文件三.引入第三方js文件搭建git环境一. 在GitHub搭建远程代码仓库创建成功二. 创建git文件夹在相应路径下输入以下命令git init复制...

2020-01-31 15:37:54

vue踩坑笔记 十二.vue中引入vuex

文章目录安装依赖引入vuex样例代码安装依赖npm i vuex -s引入vuex在src目录下新建一个store目录,分别创建以下文件项目比较简单,建一个state文件,一个mutations文件就行,如果项目规模大还可以按需创建getters文件,actions文件等mutations.jsexport default { changeCity (state, val) ...

2020-01-19 10:58:31

vue踩坑笔记 十一.vue中引入滑块组件

文章目录效果图安装依赖常见用法完整代码效果图安装依赖npm install better-scroll -S常见用法BetterScroll 最常见的应用场景是列表滚动,我们来看一下它的 html 结构。<div class="wrapper"> <ul class="content"> <li>...</li> ...

2020-01-18 13:37:25

vue踩坑笔记 十.使用vue进行数据mock

文章目录安装依赖建立mock文件mock样例代码全局引用mock在组件中使用常见用法安装依赖npm install --save-dev mockjsnpm install --save axios建立mock文件src目录下创建mock文件夹,创建index.js文件mock样例代码import Mock from 'mockjs' const data={ "i...

2020-01-17 20:31:46

vue踩坑笔记 九.移动端vue坑

移动端vue页面禁止移动/滚动当需要在移动端中禁止页面滚动,加入:@touchmove.prevent即可,代码如下<template> <div @touchmove.prevent> <h3 class="main-bk">{{ title }}</h3> <p>您好!{{provider}}:</p&...

2020-01-17 20:05:57

vue踩坑笔记 八.新建一个移动端vue项目的准备工作

文章目录搭建git环境创建vue项目引入第三方样式文件引入第三方js文件提交项目在github上查看该项目搭建git环境1.运行git init命令生成一个git环境2.去githuab上新建一个项目3.运行 git clone命令,将github上的代码克隆下来4.将github上的项目的ssh密钥链接复制下来运行下面命令将本地仓库与远程仓库建立连接git remote ad...

2020-01-16 10:58:04

vue踩坑笔记 七.使用ip地址访问本机运行的vue项目

文章目录一.确保本机tomocat 或者apache运行正常二.获取本机ip地址进入dos界面获取本机ip地址三.输入ip地址加端口号四.运行错误或拒绝访问(很关键)五.重启项目一.确保本机tomocat 或者apache运行正常在浏览器使用localhost或者127.0.0.1访问相关资源,保证web网络服务器正常二.获取本机ip地址进入dos界面win+R输入cmd获取本机i...

2019-11-30 12:10:17

vue踩坑笔记 六.less的安装与使用

文章目录下载依赖全局配置组件中使用完整示例下载依赖npm install less less-loader --save全局配置修改build/webpack.base.conf.js文件module: { rules: [ { test: /\.scss$/, loaders: ["style", "css", "sass","style-...

2019-11-12 17:24:16

vue 踩坑笔记 五.图片懒加载

文章目录1.下载插件2.全局配置3.组件中使用4.天坑1.**循环一定不能放图片上!!!!**2.图片显示有问题时注意require3.占位图片加载有问题时1.下载插件npm install vue-lazyload --save2.全局配置在main.js中进行配置import VueLazyload from ‘vue-lazyload’Vue.use(VueLazylo...

2019-11-12 16:59:00

vue踩坑笔记 四.封装网络请求(axios)

文章目录1.多网络操作进行封装2.将网络请求的域名以及公共部分封装至配置文件3.对每一个页面的请求进行整理4.设置所有页面的网络请求的出口5.在全局对api进行设置6.实际运用1.多网络操作进行封装新建一个http文件,将所有与网络有关的操作都放在此文件中(单一指责)示例代码/** * 封装的axios的工具类 * 负责请求的公共配置,以及请求拦截,响应拦截,错误处理,网络不佳处理...

2019-11-12 14:07:14

vue踩坑笔记 三. vue使用axios进行跨域

文章目录下载axios引用axios修改node配置进行跨域访问下载axiosnpm install axios --save引用axios在需要axios请求的组件进行引用import axios from ‘axios’修改node配置proxyTable: { "需要进行跨域访问时访问的域名":{ target:"目标域名", changeO...

2019-11-12 13:57:05

vue 踩坑笔记 二.vue引入阿里矢量图库的矢量图

文章目录1. 进入阿里矢量图官网2.新建项目3.找到自己需要的矢量图4.在需要的组件内进行引入5.在放置矢量图7.修改html(class中粘贴矢量图代码,一定要加iconfont !!!!)1. 进入阿里矢量图官网阿里适量图库2.新建项目新建一个自己的项目3.找到自己需要的矢量图将该图标存入某个项目内src/assets目录下新建一个目录,将复制的文件粘贴进去...

2019-11-12 12:07:08

vue 踩坑笔记 一.在vue中使用swiper生成轮播图效果

文章目录1. 下载swiper依赖2. 查看官网文档3. 引入swiper4. 引入swiper样式(一定要引)5.在data中对swiper进行配置6.配置模板文件7.完整代码1. 下载swiper依赖npm install vue-awesome-swiper --save2. 查看官网文档swipper官网3. 引入swiperimport { swiper, swiperSli...

2019-11-12 11:56:19

js笔记 四.函数防抖与节流

文章目录引言问题一(防抖)需求描述实现代码代码解析问题二(节流)需求描述实现代码代码解析引言在日常开发中会经常使用到延时任务但是api提供的setTimeout与setInterval仅仅只能满足基本需求所以我们需要在此基础上进行二次开发来解决一些复杂的问题问题一(防抖)需求描述实现搜索功能,当用户在文本框中输入数据后,根据用户输入的关键词进行搜索,但是为了用户体验的良好以及减轻服...

2019-11-04 12:45:31

css笔记 四.flex布局

文章目录说明设置在子元素上的属性1.flex-grow:number (放大)2.flex-shrink:number(缩小)3.flex-basis(基准值,权重比width,height等要高)4.flex(简写方式)5.order:number(排序)6.align-self(对齐方式)设置在父元素上的属性1.flex-direction(元素排列方式)2.flex-wrap(换行)3.fl...

2019-09-15 10:17:10

css笔记 二.css3中的动画效果

文章目录animation动画帧执行动画控制动画播放状态transform旋转(单位:deg)放缩(单位:无)扭曲(单位:deg)移动(单位:px)确定变换的中心点案例transition动画案例animation动画帧形式@keyframes 帧名{ /*任意填写每个帧的各个节点(按百分比分)的状态*/ 0%{/*code*/} 33.3%{/*code*/...

2019-09-10 18:56:14

css笔记 三.css3选择器

文章目录属性选择器empty空节点选择器target选择器子元素伪类选择器enable disable 可用选择器属性选择器[属性名 = “属性值”] (完全等于)eg: li[class = "a"] 选择class为完全等于a的li节点 <li class="a">222</li> <li class="b a"&gt...

2019-09-07 10:02:50

css笔记 十.css常见写法

文章目录水平居中网络差加载不出图片时,仍能展示基本页面单行文本垂直,水平居中画七巧板画三角形单行文本过长显示...导航栏画五环水平居中 <div class="wrape"> <div class="content"></div> </div> .wrape{ height: 30px; background:...

2019-09-03 20:24:49

css笔记 一.css基本知识

文章目录css的继承选择器css权重值(优先级):元素类型伪元素:使父元素包裹浮动元素元素定位margin塌陷margin合并css常用知识点css的继承1.子父派生div p{…}这样div下面的子孙元素p都会继承该属性2.直接派生div > p{…}这样只有作为div的儿子的p才能继承相关属性,孙子等子孙则不行3.浏览器寻找派生节点顺序浏览器寻找节点的顺序是从...

2019-09-03 20:01:09

查看更多

勋章 我的勋章
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。