css
海天酱油zz
已转战掘金社区,掘金名称:htSauce
展开
-
css实现内凹圆角,利用圆角反向进行(转)
最近写到小程序,设计方面有一个设计图涉及内凹圆角问题。网上百度好多种,都是通过径向渐变实现的。虽然能实现单个角,但是当四个角合在一起就很麻烦了。上设计图径向渐变实现:background:radial-gradient(40rpx at right bottom,transparent 50%,#1889F6 50%);但是如果四个重合在一起,我的图片背景是渐变的,那...转载 2018-10-17 15:15:07 · 42432 阅读 · 7 评论 -
vue部署到eggjs下,并且实现多页面vue项目部署,eggjs前端渲染项目(附个人github示例地址)
项目背景这个是我个人博客下一步开发的流程,上一篇博客讲过,我会研究eggjs后端框架,给我的博客建立后端系统。这里有人会说前端不需要学后端。怎么说呢,nodejs也是js,并且像阿里等大公司,别人虽然也用nginx之类,但是前端项目已经不是放在nginx上面跑了,所以,前端开发需要熟悉在nodejs环境下运行和开发。项目已经上传git地址:https://github.com/...原创 2019-07-26 15:20:08 · 6148 阅读 · 1 评论 -
记录css实现外大内小的3d效果(3d转换)
首先感谢这篇博文:https://www.cnblogs.com/zheshiyigemanong/p/6793634.html效果图:下面是代码部分:html部分:<div class="div1"> <img src="./img/1.jpg" height="411" width="658" alt="" /> <div cla...原创 2019-08-02 15:13:52 · 352 阅读 · 0 评论 -
vue下自己开发富文本编辑器(一)带你从入门到放弃
前言:首先,我这个文章不会写非常详细的代码,但是我会把我目前博客开发的富文本编辑遇到的问题罗列出来。然后一点点的说明如何解决。说实在目前遇到的问题,已经想让我放弃自己开发富文本了,真的是非诚勿扰。这个坑没那么简单。(捂脸哭)开发环境:vueCli3.X一、HTML5的富文本contentEditable="true"这个属性我不介绍了,不懂得自己百度二、编写页面遇到的坑(...原创 2019-07-16 11:47:56 · 4942 阅读 · 0 评论 -
自定义vueUI组件库(二)替代传统img标签,实现图片懒加载
dht-img 替代原有的img标签功能,组件本身的宽高都由最外层容器所决定,支持图片加载失败处理 src String src本地图片需要require fit String cover alt String 加载失败 当最终还是加载失败的时候 error-src ...原创 2019-06-27 17:36:14 · 622 阅读 · 0 评论 -
vueUI组件开发历程,text组件,代替传统p标签(一)
组件功能表dht-text 替代p标签,需要提前指定元素的宽高 text String nowrap Boolean TRUE 默认不换行 num Boolean TRUE 默认不控制字数显示,如果控制字数显示则,最后部分用省略号代替 copy ...原创 2019-06-27 17:31:34 · 1169 阅读 · 0 评论 -
vue自定义组件(四)指令模式实现loading,模仿elementUI v-loading
指令模式(蒙版) fullscreen Boolean v-dht-loading.fullscreen 在非全屏模式下,dom没有渲染完成下会导致元素顶部对齐 background String 0, 0, 0, 0.5 text String 加载中... iconSrc ...原创 2019-07-02 10:37:26 · 4605 阅读 · 9 评论 -
vue自定义组件(三)函数式实现loading加载
页面顶部进度条模式,服务模式(参考elementUI服务模式) mask Boolean FALSE let cesg = {}; //展现与传值 cesg = this.$dhtLoading({ mask: true, background: "red" }); //关闭 cesg.close();...原创 2019-07-02 10:34:02 · 2872 阅读 · 0 评论 -
vue不打包指定js
方案:在index.html中如下图所示用script标签导入<script src="<%= BASE_URL %>api/api.js"></script>关键点:必须要参考favicon.ico的引用方式。给你当前的引用路径增加变参,vue因为版本不同变参不同,我是vue cli3下变参是:<%= BASE_URL %...原创 2019-03-07 18:20:51 · 4837 阅读 · 0 评论 -
我的rem响应式解决方案
一、原理:虽然大家都喜欢直接拿代码,但是原理还是不得不说的。走的越远,越发现理论的重要性。关键知识:1:rem是定义在html元素上面的,并且必须设置font-size(别和我扣,我也知道body上面也可以)2、浏览器内用rem就必须在初始的html元素上面定义fontSize大小,并且需要设置随着页面变化fontSize也会随之变化这里很多新手都不知道,直接拿来用虽然看着没问...原创 2019-01-29 17:16:44 · 504 阅读 · 0 评论 -
小程序踩坑记录,兼容,bug等,持续更新
表示小程序的第一个项目就踩坑这么多,难受…………一、小程序navigateTo网络延迟产生连续跳转问题,采用节流函数//调用封装的节流函数方式防止bug,一秒内只能跳转一次that.binging();//采用节流函数方式,解决微信延迟多次跳转bug,binging:util.throttle(function () { wx.navigateTo({ ...原创 2018-11-30 14:47:02 · 953 阅读 · 0 评论 -
妈妈再也不用担心css难写了!css的奇技淫巧(转)
声明:这个博客是个人在掘金上面看到大神总结了很多的css技巧转发的。非常好用。最后有福利举例:1、三角形生成器(自动生成css代码):代码:.triangle { width: 0; height: 0; border-style: solid; border-width: 0 50px 100px 50px; border-color: transp...原创 2019-08-14 08:46:04 · 598 阅读 · 0 评论