- 博客(10)
- 收藏
- 关注
RSS订阅
原创 根据 UI 图设计的大小换算rem单位以及大屏页面全屏展示的设置
设置rem节点适配例如设计的UI图尺寸是1366宽的，则正常页面往下滚动的是情况下，输入UI图设计的尺寸，可以是1366，也可以是1920 等；于是就用rem单位适配，根据根节点换算， // 初始化let self = this;window.onload = function() { /*1366代表设计师给的设计稿的宽度，你的设计稿是多少，就写多少;100代表换算比例，...
2019-12-22 21:39:48
1206
原创 Swiper参数说明（swiper参数配置）
1.自由模式与滑块容器（Free Mode and Scroll Container)Parameter（参数） Type(类型) DefaultValue（默认值 Example（例子） Description（说明） speed number 300 600 slides滑块动画之间的持续时间（单位ms） eventTarget ...
2019-12-31 14:58:36
7899
6
原创 调整swiper中的左右滑动按钮位置
先上效果图：swiper官网的demo都是slide占满全屏，左右滑动按钮和slide重叠了；即按钮在slide的上方；想让左右滑动按钮和slide分离开，达到上图效果；主要是设置的.swiper-container 这个类的宽度，以及类名为 swiper-container，swiper-button-next，swiper-button-prev 的三个div的的布局，在...
2019-12-31 14:57:45
6914
2
原创 VUE中的粒子特效，点和线连接，类似星座，vue-particles
先看效果图：使用方式：npm install vue-particles --save-dev main.js中加入import VueParticles from 'vue-particles' Vue.use(VueParticles) 在某个.vue文件中 <vue-particles color="#1256e6" :p...
2019-12-26 17:02:23
516
原创 VUE插件大总结
UI组件element- 饿了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的组件库 mint-ui- Vue 2的移动UI元素 iview- 基于 Vuejs 的开源 UI 组件库 Keen-UI- 轻量级的基本UI组件合集 vue-material- 通过Vue Material和Vue 2建立精美的app应用 muse-ui- 三端样式...
2019-12-26 16:17:24
224
原创 使用echarts画树图，并设置节点为不同的图片
先看一下效果图：这是树图的单方向发散；在html页面中的代码如下：（这里的echarts.js文件是在本地通过script标签引入的，在vue项目中的话，想要画树图的话，一定要使用script标签引入echarts.js文件，要不然刷新页面时，树图节点不显示）<!DOCTYPE html><html lang="en"><head> ...
2019-12-18 10:54:11
90162
5
原创 使用echarts画横向柱状图
在html页面中使用echarts的话，需要使用script先引入 echarts.min.js 或者 echarts.js文件；<script src="echarts.min.js"></script>html页面中的示例代码如下：<!DOCTYPE html><html><head> <meta c...
2019-12-12 09:45:46
1503
2
原创 three.js的学习（一）
1，three.js是什么？Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精彩的演示。不过，这款引擎还处在比较不成熟的开发阶段，其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度（尤其是文档的匮乏）three.js的代码托管在github上面。2，三大组件：场景 scene ; ...
2019-12-03 16:40:01
145
原创 cmd窗口中的命令
1, color [attr] 指定控制台输出的文字颜色0 黑色，1 蓝色，2 绿色，3 浅绿色，4 红色，5 紫色， 6 黄色，7 白色，8 灰色，9 淡蓝色，a 浅绿色，b 淡浅绿色，c 淡红色，d 淡紫色，e 淡黄色，f 亮白色例如： color a2, cls 清屏命令 ； dir 列出当前目录下所有文件和文件夹；cd .. 返回上层目录；（未完待续）...
2019-12-03 11:47:40
192
原创 在vue项目中使用vantUI中的组件实现上拉加载，下拉刷新（在手机端实现）
1，在项目中安装vantUI :npm i vant -S2, 在main.js 文件中引入组件：import '../node_modules/vant/lib/vant-css/index.css';import{PullRefresh,List,Loading,Toast}from'vant';Vue.use(PullRefresh).use(List)....
2019-12-02 14:15:59
1341
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人