2018年03月_dongceha

原创 vue 打包之后拿不到原先 static 文件里的图片

vue 打包之后拿不到原先 static 文件里的图片关于vue 打包是一个困扰了很多初学者的问题，当然包括我。不过vue-cli 已经优化的很好关于路径问题，百度上有很多，就是在修改：这个文件下的 build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), ...

2018-03-30 16:22:43 14440

原创 html 空心字以及部分艺术字

前几天做demo 的时候，遇到了一个需求，就是写一个空心字。想了半天没招，就弄了网上的资源。现在想想，加上查资料，感觉还是能实现的空心字主要使用了 css3 的 text-shadow效果大概是这样的上代码：<style>.font > p{ font-size: 40px; text-shadow: 0 0 2px blac...

2018-03-29 10:55:22 44708 2

原创在 vuex 中使用 vux 的 popup 数据双向绑定

在下新手，写这个只是因为被这个搞死了好多次，记录一下store.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export const store = new Vuex.Store({ state: { changeAppOpened: false }, getters: { changeApp: stat...

2018-03-27 13:48:15 4072

原创填充浏览器高度为 height: 100%

有一个需求，就是显示的内容就是屏幕的高度。我首先使用 body和 body 的子标签 height: 100%，然而并没有什么软用他该是多少还是多少，但是，我查了很多资料，发现一堆原生的函数 console.log('window.innerHeight')console.log(window.innerHeight)console.log('body.clien...

2018-03-26 17:18:54 2182

原创 padding-right 失效

width 100% 下 padding-right 失效写适配的时候，给节点了 width: 100% 的宽度，可是没想到再设置了 padding-right出现问题：虽然显示了 padding-right，但是在渲染的时候没有渲染上去chrome:(手机端适配，还是没试配)firefox 倒是成功了，在滚动条过去点的位置opera至于 IE 管他去...

2018-03-26 11:24:22 10893 2

原创使用 vux 中的 Drawer 以及一些坑

最近做demo 的时候用到了 vux 里的 drawer ，遇到了很多问题，这里主要记录一下(新手，勿喷) 主要是为了点击那个三个横线之后会出现首先，使用 drawer 中主体内容插槽中写东西的时候，发现原来定位 position: fixed 失效了，wtf 凸(艹皿艹 )，找半天找不到问题，后来去查资料，发现fixed 在父元素有 transform 的时候会失效这样就很明显了，由...

2018-03-24 11:10:35 9075

原创关于 flex-direction: column 之后宽度自动变为100%的解决办法

关于 flex-direction: column 之后宽度自动变为100%的解决办法前提介绍：要实现这么个东西，想到了使用 flexhtml:<divclass="left cardp"slot="left"><divclass="label":style="{color:'#cd329a','border-color':'#cd329a'}">

2018-03-22 16:19:35 15013 4

原创在 vue 中使用stylus 完成雪碧图

最近写一个小 demo ，由于刚学了 stylus ，想着用上去，然后要写雪碧图到页面上，我就感觉机会来了图是这样的，不要问我是从哪里截下来的，我知道有点不符合雪碧图的规范，但是 who cares ╮(╯▽╰)╭上代码html: <div class="xuebi"> <a href="javascript:;" v-for="i in 12" :key="i"&gt

2018-03-16 12:58:19 1357

原创安利一波前端神器 VScode

2019.6.11顺便推荐一个 chrome 插件：CSDN页面优化，去除csdn 那些烦人的小广告------由于毕业设计，我的垃圾笔记本需要开后端服务器、eclipes 、webstorm 、前端服务器、 chrome ，有的时候甚至要开 Navicat ，总之一大堆，就决定换一个前端编辑器听了室友推荐，试了一下Visual Studio Code我的天用了 ...

2018-03-13 15:00:43 1293

前段时间学习 mint-ui 里的 lazy load有点好奇里面是怎样写的，就去看代码，然后发现代码里写着：module.exports = require("vue-lazyload");然后点那个 vue-lazyload，没错，就是那个 vue-lazyload ，有兴趣的童鞋可以去网上找资料看看vue-lazyload的使用，有很多。今天心血来潮，想要学怎样实现的，具体怎样实现的就...

2018-03-13 14:19:45 503

原创 mint-ui 中的 Palette Button

mint-ui 中的 Palette Button这个还是相对简单的一个组件首先介绍三个事件(我之前竟然还不知道这三个事件。。。)animation 事件 CSS3动画事件animationstart css3 开始动画animationiteration css3 动画重复播放时触发animationend css3 动画结束后触发然后介绍一下执行的步骤1、通过 touchst...

2018-03-12 16:22:04 2859

原创 vue 中的 $slot 获取插槽的节点

vue 中的 $slot以前一直不知到这个东西，后来发现 vue api 中藏着很多的很神奇的 api，比如这个具名插槽很好理解，但是那个 default 就有点难了，写了一个炒鸡简单的 demofather:<template><div> <button @click="getSlot">getSlot</button...

2018-03-12 16:08:27 50174 6

原创 mint-ui font icon

mint-ui font -icon刚开始学习 mint-ui 的时候，那个心情，后来想着 mint-ui 是不是也提供了一套font来供自己使用呢？后来查找mint 文档，诶，没写，那我自己找找看发现没错，这就是font css 文件里的全部。。。。那接下来看看到底提供了哪些字体好了 <i class="mint-toast-icon mintui mintui-more...

2018-03-12 10:33:05 15214

原创 mint-ui range 源码(?)分析

mint-ui range 分析前段时间学习了 mint-ui，一看，感觉这个 ui 真的是前端的福音，但是继续学习感觉怪怪的，有一部分出现了问题，网站上大部分有解答，但是 range 我发现我真心是找不到答案，就是拖不动那个滑块，百度也没有资源当时是弄了个 input type=range ，正好参数一致，对好位置后放在那个 range 上面隐形，能正常使用&...

2018-03-10 16:54:51 2088 1

dongcehao的博客