4 海天酱油zz

尚未进行身份认证

贫穷限制了想象力

等级
TA的排名 9w+

自己封装一个文件上传函数(使用axios)

序言昨天在写博客的个人动态页面,里面涉及到了图片上传。之前我都是用的别人的插件和elementUI的upload组件。但是现在没法用了。页面的效果差别有点大,如果改elementUI的样式,会很累。这时候很愁人啊。(懒啊!)这是页面开发的效果,很像qq空间的感觉。一、选型1、选择1:自己从新写系列。我参考了(简称xhr)和Fetch文档地址:XMLHt...

2019-11-28 14:41:16

决图片溢出,样式不对问题,个人博客开发(三)

废话:最近写博客。重新写了下文章编辑器。用的quill.js,觉得应该分享下。有些坑还是需要注意下的。一、vue-quill-editor引入和使用1、先放官方的一个文档地址:https://github.surmon.me/vue-quill-editor/npm地址:https://www.npmjs.com/package/vue-quill-editor2、使用方式...

2019-11-22 17:32:27

前端开发linux下安装nginx

废话:表示买了阿狸云的服务器直接买了三年。真爽。总共230。1g1核1M 40G既然买了服务器肯定是要做点什么的。作为一个技术开发肯定要弄一个个人博客之类的是不是。服务器买了,那就搞起。还有其实linux没有想象中那么难。怎么说呢,够用就行。就是要多百度下。一、工具准备工具主要是xshell,用于命令操作xftp:用于文件上传以及操作这两个工具配合下来,那...

2019-11-02 10:08:26

前端开发搭建博客系统(二),jwt权鉴设计以及中途遇到的问题。献给前端

废话部分上次废话太多,估计有些小伙伴没看太清楚。这次会精简很多。只拿关键的出来讲。个人属于前端,后端看到了扣下留情。希望本文能帮助大家项目地址:前端:https://github.com/ht-sauce/dream后端:https://github.com/ht-sauce/dream-admin一、权鉴选型这块没太多可以说的,基本百度的结果就是jwt而eggjs...

2019-11-02 10:07:07

vue打包优化大小,vue服务端渲染,非cli环境实现spa单页面项目

引言:写这篇文章的目的主要在于刚才看了一位掘友的文章,但是我看了他的代码有点粗糙,甚至是我觉得无法作为一篇好的给予新手的引导文章。这里我先抱歉一声,因为我这样做有损你的声誉。先放上该掘友的文章,还是很不错的,只是希望多点注解会更好:https://juejin.im/post/5d9ff02df265da5baf4104d9#comment一、知识点和目的1、打包优化的目的...

2019-10-12 14:39:54

vue实现树形组件,参考并解析elementUI树形组件

废话部分,不想看的跳过就行了,发发牢骚本来是不想发出来的,但是呢,最后出于装逼,讨论和分享的想法下还是拿出来。而且我对于树形组件的自定义节点这块,还是没有理解透彻。也希望有大神帮忙解惑。然后其实我的眼界还是有限,一直都停留在ui组件上面,但是作为一个普通的前端,大家不都干这样的事情吗?既然你觉得我眼界小,那么请说说你在干什么。(一次偏激的回复)感慨:如果没有网络的世界我想我会抑...

2019-10-12 14:38:52

vue轮播组件实现,懂,但是写过才算,附带好用的gif录制工具

写这个组件起因记得就这两天有掘友发一个沸点说找女票千万别找同行,好了,曾经我是erp软件实施,现在转前端。女票也是前端。然后她发我一个链接(打不开看gif图):http://ipark.jsboon.com/static/dashboard/yjw/yjw.html这个链接的最右侧有一个轮播的效果。说起来这整个页面是不咋的,不过里面涉及的东西都比较复杂。附带gif录制工具:http:/...

2019-09-26 10:31:16

vue下个人实现拼图验证码

缘由:之前看哔哩哔哩官网登录的时候有一个拼图验证码,很好奇怎么去实现。然后就想着自己弄一个。先给大家看我的最终效果。后面再一点点拆解代码。为什么想着写这个功能呢,主要在于拼图验证码在前端这里会比较复杂并且深入。相比文字拼写,12306的图片验证码都没有拼图验证码对前端的要求来的复杂,和难。我总结下知识点:1、弹窗功能2、弹窗基于元素定位3、元素拖动4、canvas绘图...

2019-09-11 17:39:13

vue递归组件,认识树形组件基础原理,纯数据驱动组件

背景1、个人心血来潮想试试如何实现无限嵌套组件,也就是当数据不确定的情况下,如何渲染组件2、自我思考以后肯定会需要用到这种思维和开发方式,早点学,早点掌握3、好奇之前jqui的文件夹列表实现说明:组件写的很垃圾,很丑,大家请关注原理实现开始实现第一步思考首先既然是树形渲染,那么for循环是肯定需要的,问题:for循环的时候只能单列循环,也确实是数据驱动,但是...

2019-08-24 14:38:52

多个nodejs下指定nodejs版本运行项目,指定nodejs版本运行项目

前言:很早之前nodejs就出来了,大家在运行项目的时候都是一个nodejs走天下。服务器上面也是一个nodejs环境。但是大家都应该知道,如果电脑上面已经存在nodejs了那么就不能装第二个了。那么我的项目和别人的项目环境不一样,会不会出问题呢。很负责的说,如果你们两个的环境不一致那么就会出问题。所以我们正确的部署nodejs项目的方式应该和java等项目一样,所有包文件和项目文件要开发的时...

2019-08-14 16:21:23

妈妈再也不用担心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

vue下自己开发富文本编辑器(二)带你从入门到放弃,个人已经基本开发完成

上一篇总结:上一篇其实代码开发方面,基本原理都看的差不多了,但是发生了无限嵌套的问题。总结下富文本遇到的问题:1、元素跨标签处理2、如何正确选择到你要的元素3、跨行设置元素未选中部分换行(默认回车事件导致)4、多个功能直接交叉使用问题(要有取舍)5、css新旧混合问题6、代码块插入问题7、其实还有更多问题,但是没有开发过的那真的不知其中各种滋味…………目前还...

2019-08-08 17:17:38

记录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

vue部署到eggjs下,并且实现多页面vue项目部署,eggjs前端渲染项目(附个人github示例地址)

项目背景这个是我个人博客下一步开发的流程,上一篇博客讲过,我会研究eggjs后端框架,给我的博客建立后端系统。这里有人会说前端不需要学后端。怎么说呢,nodejs也是js,并且像阿里等大公司,别人虽然也用nginx之类,但是前端项目已经不是放在nginx上面跑了,所以,前端开发需要熟悉在nodejs环境下运行和开发。项目已经上传git地址:https://github.com/...

2019-07-26 15:20:08

最简单的小程序数据监听,最简单的vuex原理,实现跨页面通讯(转)

声明转载至:简书:原文地址:https://www.jianshu.com/p/2ba137a02f09代码部分://模拟数据定时变化startWebSocket() { setInterval(()=> { this.setChangedData(121212); }, 5000);},//二级页面的监听函数addListener: function(ca...

2019-07-23 09:16:15

egg.js入门教程视频文件(转载于cnode社区)

记得上篇博客我满怀欣喜的去搞富文本,结果撞的头破血流。简直是惨不忍睹。后来我也说了,我的那个有比较严重的问题,后期会考虑重构。(第一版已经放弃了)之后我说我会去看关于后端nodejs koa框架方面的东西。这次呢我选择的框架是eggjs,跳过了koa框架。(我以前用过express,写过很小的网站。)一开始直接翻官方文档说实在看的头昏脑涨。之后逛cnode社区,发现有教程。教程很基...

2019-07-19 16:41:48

vue下自己开发富文本编辑器(一)带你从入门到放弃

前言:首先,我这个文章不会写非常详细的代码,但是我会把我目前博客开发的富文本编辑遇到的问题罗列出来。然后一点点的说明如何解决。说实在目前遇到的问题,已经想让我放弃自己开发富文本了,真的是非诚勿扰。这个坑没那么简单。(捂脸哭)开发环境:vueCli3.X一、HTML5的富文本contentEditable="true"这个属性我不介绍了,不懂得自己百度二、编写页面遇到的坑(...

2019-07-16 11:47:56

浏览器检测是否支持webrtc(看看你的浏览器能不能h5视频)

需求:需要实现手机浏览器上的实施在线视频聊天功能。项目经理让我写demo,唉,懒得写。然后就不停的翻腾讯的实施音视频文档,发现只要支持webrtc就可以。那么要么就自己写测试,要么就找测试工具。第一:腾讯提供的测试工具(不直观)地址:https://www.qcloudtrtc.com/webrtc-samples/abilitytest/index.html第二:某公司提供(...

2019-07-10 17:32:00

vue自己开发ui插件

首先,我最近写了四个组件了,代码都在我之前的博客当中。我是参考了elementUI的源码来写的。不然,自己写还不知道什么时候能写出来。非常感谢elementUI的开源贡献。这里附上elementUI开源地址:https://github.com/ElemeFE/element下面是介绍我自己的代码部分。一、首先是项目结构,声明,我是在个人项目上直接开发,未打算发布到npm上面。...

2019-07-02 10:50:19

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

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。