- 博客(12)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 axios的简易封装及使用
axios封装及使用首先，新建一个vue项目1.安装 axiosnpm install axios;安装完成后，可以在项目的src路径下的 package.json 文件中看到axios及版本号2.引入axios在src路径下新建文件api文件夹，里面存放api相关文件；在api文件夹里新建dev.js文件，serve.js文件，user.js文件，dev.js是用来配置环境参数（可以放在config文件夹下面），serve.js是用来封装axios，user.js是配置具体的api参数；
2021-08-09 16:28:40
184
原创 Vue搭建喵喵电影
Vue搭建喵喵电影（二）一. 搭建项目首页（一）1.在vs code（或者其他编译器）中打开vue_movies这个项目：2.在src文件夹里，打开App.vue文件，删除（或者注释）引入的img图片3.删除components文件夹里的HelloWord.vue4.在router文件夹（路由相关信息）中index.js 删除HelloWord相关引用5.此时在浏览器查看，页面一片空白，在src文件夹下面新建文件夹pages，用来存放各种页面，在pages文件夹下面新建home首页，
2021-05-27 18:44:45
529
原创 Vue搭建喵喵电影
Vue搭建喵喵电影（一）本地电脑已安装node，vue-cli2一. 搭建对应项目模板1.使用vue脚手架（vue-cli）创建一个项目vue_moviesvue init webpack vue_movies2.参数如下：<font-size=12px>Project name:直接回车，默认创建项目时命名Project description：给项目添加描述，可以回车，默认为(A Vue.js project)Author：作者Vue build (Use arrow
2021-05-27 18:31:41
327
原创 web音乐播放器
（一）JS实现web音乐播放器1.功能（待补充）（1）.上一首，下一首歌曲切换（2）.HTML+CSS展现的音乐播放器播放条，添加相关js事件，可以实现播放条随音乐动起来，可以实现拖拽（3）.播放条上实现展现音乐播放事件（4）.歌词滚动，实时展现（5）…2.代码html <div id="wrap"> <!-- 头部导航栏部分 --> <div id="top"> <div class
2021-03-31 23:13:57
1455
1
原创 canvas的使用
canvas实现烟花效果1.思路（1）鼠标点击画布，在画布初出现烟花绽放效果；（2）在鼠标点击处随机生成若干粒子（圆）；（3）对每个粒子设置，使其有自己的运动轨迹；（4）给粒子添加事件，使其运动起来。2.功能实现在html中设置canvas画布大小，边框颜色及大小，<canvas id="myCanvas" width="400px;" height="400px" >当前浏览器不支持canvas</canvas>#myCanvas{ borde
2021-03-08 22:46:56
199
原创 canvas使用
canvas使用（三）1.实现跟随鼠标移动的粒子效果（1）获取鼠标移动的坐标，以此作为圆心，进行画圆（2）定义圆半径r（随机生成[1,11]之间的任意整数）（3）把获取到的相关x，y，r值分别存放入保存x坐标，y坐标，半径r的数组中（方便之后进行遍历）（4）定义随机生成数dx，dy，dr作为x，y，r的变化量（5）清空canvas画布上图案（6）随机生成颜色（rgb形式，或者定义颜色数组，每次随机从数组中取）（7）画出n个（数组长度）以（x，y）为圆心，r未半径，c为填充颜色的圆（8）更新
2021-03-03 23:36:04
250
1
原创 canvas使用
canvas使用 在html页面创建canvas标签，通过内联样式设置canvas宽高（不通过css样式设置，此种方式设置canvas里面会等比例缩放） <canvas id="myCanvas" width="400px" height="400px">如果浏览器不支持canvas，则会显示这里的细腻些</canvas>canvas主要通过js进行绘制：首先在js中获得canvas，通过getContext()获得2d对象var drawing =
2021-02-27 17:08:04
172
原创 前端CSS实现Loading加载
**Loading加载方式的实现**1.border-radius属性实现HTML代码 <!-- loading加载实现效果 --> <div class="wrapper"> <div id="content"> <div id="circle"></div> </div> </div>css代码.wrapper{ wi
2021-02-06 16:47:37
274
原创 CSS中常用的定位居中实现方式
页面HTML代码部分<style> .wrap{ width: 300px; height: 300px; background-color: antiquewhite; border: 1px solid #333; } .content{ width: 200px; height: 200px; background-color:cadetblue;
2021-01-03 23:07:51
1246
原创 前端 — 淘宝商城首页（一）
淘宝商城 — 导航条效果图div+css实现1.HTML代码 <!-- 头部导航 --> <div id="top"> <div class="header"> <div class="header-nav"> <div class="nav-right"> <ul>
2020-11-15 17:37:17
1783
原创 前端 — CSS中position定位
前端 — CSS定位一. position 属性把元素放置到一个静态的、相对的、绝对的、或固定的位置中。常用属性值：static，absolute，relative，fixed1.static 定位文档流的正常的一部分，按照文档流的标签顺序排列，不脱离文档流；<style> .box{ width: 300px; height: 300px; background-color: aquamarine; } .co
2020-11-11 23:22:26
161
前端项目——小米官网首页
2020-11-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人