自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 在create-react-app项目中引入antd+mobx+less

引入antd和less这个antd官网写的很详细,我也是根据官网操作的。引入antd @craco/craco craco-less 这三个包npm i --save antd @craco/craco craco-less将样式改成less/* src/App.js */- import './App.css';+ import './App.less';/* src/App.less 这里的文件名改为App.less, 然后引入App.js*/- @import '~antd

2020-09-04 17:31:25 287

原创 Object对象的学习

在学习Es6的时候,发现了很多object这个对象的方法,但是却没有系统学习一下,所以上MDN学习一下。为什么实例对象能用Object.prototype的方法呢,因为在实例对象中找不到这个方法,就会到他继承的函数上面找,最后找到Object.prototype这个对象。constructor返回的是该对象的构造函数<script type="text/javascript"&g...

2019-09-24 23:37:46 189

原创 vue中写一个垂直下拉菜单,利用max-height属性

工作需求,需要写一个垂直下拉菜单,然后我就自己在vue里面写了一个菜单,代码在下面仅供参考。<template> <div> <div id="biao" @click="open('nei1')">标题1</div> <ul ref="nei1"> <li>内容1&l...

2019-09-01 11:14:00 2032

原创 vue笔记,在使用transition上下过渡动画的时候遇到的坑。

因为工作需求,需要给一个组件实现一上下过渡的动画效果。我用了transition的来写//我没给div加样式,你就自己加吧<transition name="fade"><div>这里放的组件</div></transition><transition name="fade"> <div>这里放的组件&lt...

2019-08-28 11:49:53 4926 3

原创 vue音乐播放器demo,主要是模仿慕课音乐播放器教程制作的一个小demo

``主要实现的功能有推荐歌单列表,歌手列表,搜索页面,播放器页面,其他功能待开发,播放器部分借鉴慕课一个音乐播放器的开发过程。数据获取是利用axios和反向代理来完成,在获取歌曲播放地址的时候,由于没有找到正确Vkey的方法,选择了一种超级笨的方法,用每一首歌的mid获取每首的url,在搜索页面还好,都是一首歌,但是在各种歌单列表和歌手歌单列表的时候,一次需要几十个请求,那就爆炸啦,如果有解决...

2019-08-12 23:02:22 705

原创 三种方法实现垂直居中

这里主要写了三种方法一种是给父元素设置position:relative;子元素设置absolute,然后上下左右都为0,margin:auto,这便成了脱离文档的垂直居中。 <div class="main"><div class="container"></div>.main{width: 400px;height: 400px;pos...

2019-07-23 22:39:52 122

原创 在使用vue-preview遇到的坑。

自学的教程比较老,所以vue-preview的使用方法是错了,就到GitHub上查询,得到这个东西更新了用法。首先先安装插件cnpm i vue-preview 在vue全局,也就是main.js声明插件import VuePreview from 'vue-preview'Vue.use(VuePreview)在组件里插入 <div class="thumbs">...

2019-06-20 23:03:56 4730 9

原创 在webpack中使用vue

首先搭建好webpack环境,然后使用安装vuecnpm i vue -S在对vue进行引用import Vue form 'vue'但是这样会报错,原因是用import vue引用的vue功能不全导致 的两种解决方法第一种 在引入的时候就选择最全的vue就是import Vue from '../node_modules/vue/dist/vue'第二种就是在webpa...

2019-05-12 16:26:40 358 1

原创 nrm安装与使用,webpack的安装和使用

nrm 安装 通过输入命令npm i nrm -g再用nrm list查看使用什么安装上面的全部都是景象地址,而不是工具,工具还是要自己下想要换取别的,如从npm换成cnpm 就输入 nrm use cnpm为什么使用webpack呢,网页上很多的静态资源,会产生很多的二次请求,会产生错综复杂的关系,我们需要对文件进行合并和压缩,精灵图之类的。除了使用webpack,我们还可以使...

2019-05-06 21:34:30 390

原创 es6的学习

let 定义变量没有预解析let声明是不允许重复的,在同一个作用域内,与此同时,es6引进了块级作用域,也就是{}里面算单独作用域,使用let定义的,都存在块级作用域const主要用来声明常量,而且不需要重新赋值,必须初始化,不能只定义,不初始化。在前面组里面赋值,便是默认值对象的解构赋值就与变量不同,他的顺序就没有关系,依靠名字来赋值。使用别名的话,原名称就不能再用字符串的...

2019-04-27 20:26:44 106

原创 git的使用与安装。

创建一个git库,存放对项目代码进行备份的文件。在项目目录里面打开git bash命令:‘git init’将备份者的信息存储起来这样便存入git里面没写-m的话会进入说明界面,按下i可以进行编辑,想要退出这个界面的话可以按下esc 输入:q退出,再不行的话:q!q强制退出通过git status 来查询是否有修改文件绿色表示没加说明,红色表示没有添加这个文件一次性添加很多...

2019-04-24 20:54:02 88

原创 移动端rem-less适配。

由于现有布局flew,流式布局和响应式布局只能实现宽度的布局,没办法实现字体大小的自适应,这个时候使用rem-less来进行适配。@charset "utf-8";//rem适配方案不好维护 设备太多,更新太快//根据less进行适配//主流移动设备尺寸,只写了苹果的@adapterDeviceList:1242px,1125px,1080px,750px,720px,640px,32...

2019-04-24 17:42:01 460

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除