- 博客(12)
- 收藏
- 关注
RSS订阅原创 在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
353
原创 Object对象的学习
在学习Es6的时候，发现了很多object这个对象的方法，但是却没有系统学习一下，所以上MDN学习一下。 为什么实例对象能用Object.prototype的方法呢，因为在实例对象中找不到这个方法，就会到他继承的函数上面找，最后找到Object.prototype 这个对象。 constructor返回的是该对象的构造函数 <script type="text/javascript"&g...
2019-09-24 23:37:46
242
原创 vue中写一个垂直下拉菜单，利用max-height属性
工作需求，需要写一个垂直下拉菜单，然后我就自己在vue里面写了一个菜单，代码在下面仅供参考。 <template> <div> <div id="biao" @click="open('nei1')">标题1</div> <ul ref="nei1"> <li>内容1</li> <li>内容2</li> <li>内容3</li> </ul> <div id="
2019-09-01 11:14:00
2153
原创 vue笔记，在使用transition上下过渡动画的时候遇到的坑。
因为工作需求，需要给一个组件实现一上下过渡的动画效果。 我用了transition的来写 //我没给div加样式，你就自己加吧 <transition name="fade"> <div>这里放的组件</div> </transition> <transition name="fade"> <div>这里放的组件<...
2019-08-28 11:49:53
5073
3
原创 vue音乐播放器demo，主要是模仿慕课音乐播放器教程制作的一个小demo
`` 主要实现的功能有推荐歌单列表，歌手列表，搜索页面，播放器页面，其他功能待开发，播放器部分借鉴慕课一个音乐播放器的开发过程。 数据获取是利用axios和反向代理来完成，在获取歌曲播放地址的时候，由于没有找到正确Vkey的方法，选择了一种超级笨的方法，用每一首歌的mid获取每首的url，在搜索页面还好，都是一首歌，但是在各种歌单列表和歌手歌单列表的时候，一次需要几十个请求，那就爆炸啦，如果有解决...
2019-08-12 23:02:22
790
原创 三种方法实现垂直居中
这里主要写了三种方法 一种是给父元素设置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
173
原创 在使用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
4906
9
原创 在webpack中使用vue
首先搭建好webpack环境，然后使用安装vue cnpm 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
411
1
原创 nrm安装与使用，webpack的安装和使用
nrm 安装 通过输入命令 npm i nrm -g 再用nrm list查看使用什么安装 上面的全部都是景象地址，而不是工具，工具还是要自己下 想要换取别的，如从npm换成cnpm 就输入 nrm use cnpm 为什么使用webpack呢，网页上很多的静态资源，会产生很多的二次请求，会产生错综复杂的关系， 我们需要对文件进行合并和压缩，精灵图之类的。 除了使用webpack，我们还可以使...
2019-05-06 21:34:30
465
原创 es6的学习
let 定义变量 没有预解析 let声明是不允许重复的，在同一个作用域内，与此同时，es6引进了块级作用域，也就是{}里面算单独作用域，使用let定义的，都存在块级作用域 const主要用来声明常量，而且不需要重新赋值，必须初始化，不能只定义，不初始化。 在前面组里面赋值，便是默认值 对象的解构赋值就与变量不同，他的顺序就没有关系，依靠名字来赋值。 使用别名的话，原名称就不能再用 字符串的...
2019-04-27 20:26:44
161
原创 git的使用与安装。
创建一个git库,存放对项目代码进行备份的文件。 在项目目录里面打开git bash 命令：‘git init’ 将备份者的信息存储起来 这样便存入git里面 没写-m的话会进入说明界面，按下i可以进行编辑，想要退出这个界面的话 可以按下esc 输入：q退出，再不行的话：q！q强制退出 通过git status 来查询是否有修改文件 绿色表示没加说明，红色表示没有添加这个文件 一次性添加很多...
2019-04-24 20:54:02
144
原创 移动端rem-less适配。
由于现有布局flew，流式布局和响应式布局只能实现宽度的布局，没办法实现字体大小的自适应，这个时候使用rem-less来进行适配。 @charset "utf-8"; //rem适配方案不好维护 设备太多，更新太快 //根据less进行适配 //主流移动设备尺寸,只写了苹果的 @adapterDeviceList:1242px,1125px,1080px,750px,720px,640px,32...
2019-04-24 17:42:01
520
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人