Joubn Blog

一生想做浪漫极客

webSocket+nodejs搭建聊天室

nodejs实践

“Eternity is said not to be an extension of time but an absence of time. ” 简介 闲来无事用nodejs及websocket搭建一个简易聊天室玩玩，后面有时间丰富ui 简易聊天室 发送

Posted by Joubn on December 10, 2017 PV： -

rem 开发自适应网页

微码归纳笔记

“Eternity is said not to be an extension of time but an absence of time. ” 简介 rem顾名思义就是root element，这个是一个相对的单位，与em的差别在于rem相对的是根节点html的font-size,em相对的是父元素font-size。使用rem其实是用媒体查询修来改html的font-si...

Posted by Joubn on November 27, 2017 PV： -

时间格式化微码

微码归纳笔记

“Don’t undermine your worth by comparing yourself with others. ” 简介 我们日常开发中免不了时间格式化的一些操作，接口传给我们的一般是时间戳，这时就要我们做时间的格式化，像稍微复杂一点的还有加减一天、加减一月这种。 这里把我经常用的分享出来： 微码 Date.prototype.format = functio...

Posted by Joubn on November 26, 2017 PV： -

拓展jQuery Pagination分页功能

实用组件

“Happiness is a direction, not a place. ” 介绍说明 原jquery.pagination.js已经很优秀，感谢MikeGrace给我们带来这么好用的轮子！ 我的拓展： 原插件CSS不太合理，使用浮动，故无法方便实现左右方向的定位，且未清除浮动，对其DOM进行优化，使其支持text-align的定位。 添加输入页码跳转功能，新增...

Posted by Joubn on November 24, 2017 PV： -

深入剖析 JavaScript 的深复制

好文推荐

“My life is in these books. Read these and know my heart. ” 第三方库的实现 讲一句唯心主义的话，放之四海而皆准的方法是不存在的，不同的深复制实现方法和实现粒度有各自的优劣以及各自适合的应用场景，所以本文并不是在教大家改如何实现深复制，而是将一些在 JavaScript 中实现深复制所需要考虑的问题呈献给大家。我们首先从较...

Posted by Joubn on November 2, 2017 PV： -

background-clip 实现图片文字效果

css3，css归纳笔记

“The shortest distance between two people is a smile. ” 前言 UI：前端哥哥，帮我把这个图切了 我：好嘞，小case 等我10秒钟 UI：对了，效果要跟我一样，而且文字是不固定的 我：呃（mmp）… 好吧，有需求了我就要义不容辞的完成。毕竟我是有追求有理想的前端。 正文 根据效果图可以明确两个需求 自定义字体...

Posted by Joubn on October 26, 2017 PV： -

canvas-基本用法

canvas，js归纳笔记

“A little bit of progress every day. ” 前言 刚好这几天公司要画一些图表，个人还没有怎么去认真用canvas画过什么东西，这里就把基本图形画法统计了下。 function draw(){ var canvas = document.getElementById('tutorial'); if (canvas.getCont...

Posted by Joubn on September 29, 2017 PV： -

svg-圆形进度条

svg，js归纳笔记

“A little bit of progress every day. ” 前言 这篇文章主要讲一下使用<svg>里的<path>来画一个圆弧，并封装成我们想要方法供日后使用。 申明:这里只用到<path>的A命令，并没有涉及到贝塞尔曲线相关指令，后面文章会着重去解剖一下贝塞尔曲线相关指令！ path 指令概要 SVG中path的元素，...

Posted by Joubn on September 26, 2017 PV： -

VUE-组件递归调用

VUE，es6归纳笔记

“A little bit of progress every day. ” 前言 前段时间做一个VUE后台管理系统，发现很多地方都有使用到组件的递归调用。 一开始也是各种踩坑，今天抽时间整理一下放出来大家分享。 组件递归 组件在它的模板内可以递归地调用自己，只有当它有 name 选项时才可以。 –这是定义递归组件的一个关键点 效果图 最终效果图 mock数据 ...

Posted by Joubn on September 25, 2017 PV： -

关于axios和fetch

"promise崛起之路"

“A little bit of progress every day. ” axios vs fetch 很多同学可能不还在徘徊要用哪种请求方式，这里我要申明的一点就是[axios]还是传统的XMLHttpRequest,只不过利用promise进行了封装！ — axios fetch

Posted by Joubn on July 19, 2017 PV： -

FEATURED TAGS
前端开发 VUE 特效 微码 js
ABOUT ME

写写代码，打打游戏，
离开世界之前，一切都是过程

FRIENDS