一路繁花似锦绣前程

svg基础

摘要： <template> <div style="width: 100%;height: 100%;display: flex;align-items: center;justify-content: center"> <svg xmlns="http://www.w3.org/2000/svg" ve 阅读全文

posted @ 2020-08-04 13:33 一路繁花似锦绣前程阅读(133) 评论(0) 推荐(0)

canvas基础

摘要： <template> <div style="width: 100%;height: 100%;"> <div class="contentcenter"> <canvas width="600" height="600" id="mycanvas" style="border: 1px solid 阅读全文

posted @ 2020-07-29 15:15 一路繁花似锦绣前程阅读(201) 评论(0) 推荐(0)

vue+富文本插件

摘要： <template> <div style="line-height: normal"> <vue-ueditor-wrap v-model="msg.html" :config="myConfig" /> </div> </template> <script> import VueUeditorW 阅读全文

posted @ 2020-07-27 08:38 一路繁花似锦绣前程阅读(1542) 评论(0) 推荐(0)

移动端页面开发前准备工作+vue添加动态路由+store刷新

摘要：一、移动端页面开发前准备工作  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable 阅读全文

posted @ 2020-07-10 21:45 一路繁花似锦绣前程阅读(496) 评论(0) 推荐(0)

javascript拖拽移入

摘要： <template> <div id="app"> <div class="div1" @mousedown.prevent="dragstart($event)"></div> <div class="div2" @mouseover.prevent="dragover"></div> </div 阅读全文

posted @ 2020-07-10 16:20 一路繁花似锦绣前程阅读(158) 评论(0) 推荐(0)

css服务端字体+媒体查询+css函数

摘要：一、服务端字体 1、下载字体文件 2、使用 @font-face { font-family: fontname; src: url("./font/fontfile.ttf"); } .div { font-family: fontname; } 二、媒体查询 @media mediatype a 阅读全文

posted @ 2020-07-10 13:18 一路繁花似锦绣前程阅读(282) 评论(0) 推荐(0)

css文本超出省略

摘要：一、单行 <div class="div">这是一段中文这是一段中文这是一段中文这是一段中文这是一段中文这是一段中文</div> .div { background-color: green; width: 100px; overflow: hidden; text-overflow: ellips 阅读全文

posted @ 2020-07-10 12:47 一路繁花似锦绣前程阅读(231) 评论(0) 推荐(0)

css-:hover+zoom和transform: scale()区别

摘要：一、:hover <div class="outdiv"> <div class="indiv"></div> </div> .outdiv { width: 100px; height: 100px; background-color: red; perspective: 400px; } .in 阅读全文

posted @ 2020-07-10 09:35 一路繁花似锦绣前程阅读(420) 评论(0) 推荐(0)

vue+svg字体图标

摘要：项目结构 1、webpack.base.conf.js配置loader npm i svg-sprite-loader -D { test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, loader: 'url-loader', exclude: [resolve('src/s 阅读全文

posted @ 2020-07-09 21:03 一路繁花似锦绣前程阅读(238) 评论(0) 推荐(0)

css常用动画

摘要：一、animation循环播放 div{ position:absolute; animation:mymove 1s linear infinite alternate forwards; } @keyframes mymove{ from {left:0px;} to {left:200px;} 阅读全文

posted @ 2020-06-13 11:00 一路繁花似锦绣前程阅读(151) 评论(0) 推荐(0)

导航

2020年8月4日

2020年7月29日

2020年7月27日

2020年7月10日

2020年7月9日

2020年6月13日