![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javaScript
文章平均质量分 88
一腔&孤勇
这个作者很懒,什么都没留下…
展开
-
vue移动音乐app开发笔记 二. 搭建项目骨架,配置路由与开发首页界面
文章目录项目目录开发首页界面新建首页文件修改App.vue效果图项目目录开发首页界面新建首页文件在pages中新建一个index的文件夹首先首页界面主要分4个部分,所以我们在components中新建4个vue组件,并在index.vue中使用修改App.vue我们常在开发中碰到这个问题:设计师给我的图纸是一个界面占满整个屏幕,但是我们的界面总是能左右稍微滑动一点我们可以在a...原创 2020-02-01 15:41:08 · 258 阅读 · 0 评论 -
vue移动音乐app开发笔记 一. 搭建git环境以及新建vue移动端项目的准备工作
文章目录搭建git环境一. 在GitHub搭建远程代码仓库二. 创建git文件夹三. 克隆GitHub代码四. 将本地项目与远程仓库建立连接五.测试远程连接创建开发分支创建移动端的vue工程一.创建vue项目二.引入第三方样式文件三.引入第三方js文件搭建git环境一. 在GitHub搭建远程代码仓库创建成功二. 创建git文件夹在相应路径下输入以下命令git init复制...原创 2020-01-31 15:37:54 · 400 阅读 · 0 评论 -
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 · 673 阅读 · 0 评论 -
vue踩坑笔记 十一.vue中引入滑块组件
文章目录效果图安装依赖常见用法完整代码效果图安装依赖npm install better-scroll -S常见用法BetterScroll 最常见的应用场景是列表滚动,我们来看一下它的 html 结构。<div class="wrapper"> <ul class="content"> <li>...</li> ...原创 2020-01-18 13:37:25 · 372 阅读 · 0 评论 -
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 · 279 阅读 · 0 评论 -
vue踩坑笔记 九.移动端vue坑
移动端vue页面禁止移动/滚动当需要在移动端中禁止页面滚动,加入:@touchmove.prevent即可,代码如下<template> <div @touchmove.prevent> <h3 class="main-bk">{{ title }}</h3> <p>您好!{{provider}}:</p&...原创 2020-01-17 20:05:57 · 363 阅读 · 0 评论 -
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 · 207 阅读 · 0 评论 -
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:27:17 · 308 阅读 · 0 评论 -
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 17:05:41 · 187 阅读 · 0 评论 -
vue踩坑笔记 四.封装网络请求(axios)
文章目录1.多网络操作进行封装2.将网络请求的域名以及公共部分封装至配置文件3.对每一个页面的请求进行整理4.设置所有页面的网络请求的出口5.在全局对api进行设置6.实际运用1.多网络操作进行封装新建一个http文件,将所有与网络有关的操作都放在此文件中(单一指责)示例代码/** * 封装的axios的工具类 * 负责请求的公共配置,以及请求拦截,响应拦截,错误处理,网络不佳处理...原创 2019-11-12 14:19:05 · 540 阅读 · 0 评论 -
vue踩坑笔记 三. vue使用axios进行跨域
文章目录下载axios引用axios修改node配置进行跨域访问下载axiosnpm install axios --save引用axios在需要axios请求的组件进行引用import axios from ‘axios’修改node配置proxyTable: { "需要进行跨域访问时访问的域名":{ target:"目标域名", changeO...原创 2019-11-12 14:04:44 · 184 阅读 · 0 评论 -
vue 踩坑笔记 二.vue引入阿里矢量图库的矢量图
文章目录1. 进入阿里矢量图官网2.新建项目3.找到自己需要的矢量图4.在需要的组件内进行引入5.在放置矢量图7.修改html(class中粘贴矢量图代码,一定要加iconfont !!!!)1. 进入阿里矢量图官网阿里适量图库2.新建项目新建一个自己的项目3.找到自己需要的矢量图将该图标存入某个项目内src/assets目录下新建一个目录,将复制的文件粘贴进去...原创 2019-11-12 13:53:13 · 1286 阅读 · 0 评论 -
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 12:04:07 · 635 阅读 · 0 评论 -
js笔记 四.函数防抖与节流
文章目录引言问题一(防抖)需求描述实现代码代码解析问题二(节流)需求描述实现代码代码解析引言在日常开发中会经常使用到延时任务但是api提供的setTimeout与setInterval仅仅只能满足基本需求所以我们需要在此基础上进行二次开发来解决一些复杂的问题问题一(防抖)需求描述实现搜索功能,当用户在文本框中输入数据后,根据用户输入的关键词进行搜索,但是为了用户体验的良好以及减轻服...原创 2019-11-04 13:51:53 · 108 阅读 · 0 评论 -
js笔记 三.作用链,立即执行函数,闭包
文章目录作用链闭包作用链先上定义function a(){ function b(){ var b = 234; } var a = 123; b(); console.log(a);}var glob = 100;a();老规矩嘛,先建立Go对象,然后执行外部代码等到执行a函数时,a函数这个对象它会有一个作用链例如下图,本来a函数啥都没有,只有一个全局的Go...原创 2019-08-27 21:46:53 · 176 阅读 · 0 评论 -
js笔记 二.函数作用域与预编译
文章目录函数定义方式命名函数表达式匿名函数表达式函数的参数预编译Ao对象AO对象建立的过程笔试题练手题目一.题目二.Go对象GO对象建立的过程题目三.题目四.函数定义方式命名函数表达式function abc(){//…code}匿名函数表达式var a = function(){//…code}或者var b = function demo(){//…code}当我...原创 2019-08-27 07:20:37 · 150 阅读 · 0 评论 -
js笔记 一.基本类型,类型转换与typeof
文章目录6大基本类型typeof 返回值显式类型转换常用函数isNaN()parseInt(num)parseInt(num,redix)parseFloatBoolean()toString(radix)隐式类型转换一元运算符: ++/- -/+/-二元运算符:+二元运算符:除了+6大基本类型NumberBooleanStringObject(包括null,array)Functio...原创 2019-08-25 20:47:31 · 144 阅读 · 0 评论