dancdx's blog
2018-03-30T06:22:59+00:00
https://wd.frontjs.cc
dancdx
1049555787@qq.com
移动端适配总结
2017-11-26T00:00:00+00:00
https://wd.frontjs.cc/css/vw-rem
适配,是一个老生常谈的话题。这里总结下曾经用过的适配方案,也算是一个记录。
记得很久以前做移动端项目的时候,页面的适配,主要靠写百分比,当时觉得很麻烦,还得各种换算。后面陆续用过手淘的flexible方案,写死viewport里的width方案,也就是640方案,以及现在使用的vw & rem方案。下面对这三种方案做下比较。
flexible
参考:使用Flexible实现手淘H5页面的终端适配
如上面贴的文章,大漠大大已经说得很清楚了,设计稿100等分,1rem为10分,然后通过js去动态设置font-size和meta的缩放,布局使用rem,文字还是建议用px,样式里...
聊聊设计模式之 发布-订阅模式
2017-07-04T00:00:00+00:00
https://wd.frontjs.cc/js/publish-subscription-mode
最近在进行设计模式的复习,聊聊设计模式 系列文章只是对复习的一些纪录,也方便以后需要时进行查阅。
现实世界里的发布-订阅模式
发布-订阅模式也叫做观察者模式,从字面上就很好理解。生活中有很多例子都是该模式的应用。比如购物网站上有时会有抢购商品,没到指定时间时,你可以选择订阅抢购提醒,抢购时间到了,购物软件就会给你推送抢购消息,也就是发布消息了,然后你就可以去抢购。再比如我们平时都会定好闹钟,在早上的某个点把你叫醒。这些都是发布订阅模式的很好的例子。
DOM事件
在我们开发中,发布订阅模式也随处可见,那就是我们的DOM事件
document.body.addEventLis...
打造一款实用命令行工具-下篇
2017-07-02T00:00:00+00:00
https://wd.frontjs.cc/nodejs/my-commander2
该系列文章的上篇,我们已经打造好了工具的模型了,能够在机器的任何目录下执行我们的 simr命令,并成功打印参数信息,本篇文章讲继续后面的内容,也是该系列文章的重点,通过工程化提升我们的开发效率。
simr c App当执行该命令的时候,我们已经拿到了我们需要的参数,组件名App,命令参数sass: true,下面将根据参数来展开。
在my-commander目录下创建如下结构和对应文件
├── bin
│ └── simr
├── lib
│ ├── create
│ │ ├── Base.js
│ │ ├── task
│ │ ...
打造一款实用命令行工具-上篇
2017-07-02T00:00:00+00:00
https://wd.frontjs.cc/nodejs/my-commander
背景:在使用react进行组件化开发的过程中,不知道你有没有遇到这样的问题,当我需要添加一个组件的时候,我需要去创建组件对应的js脚本文件和样式脚本文件,如sass,当然,也可能还有其他的文件。并且创建文件后,开始也会写一些通用代码,如果你足够懒,可能会在硬盘上存上一份这样的模板文件,需要创建组件时直接拷贝过来改改,然后开始开发。哈哈,懒才能导致进步,最近就思考了这个问题,能不能自己打造一款工具,能够像开源社区很多的cli工具一样,一条简单的命令就创建好我的组件需要的脚本文件和内容,如simr c App --sass,这样的话不就可以大大提升我们的开发效率?
基于以上背景,...
关于本博客的写作方式
2016-04-15T00:00:00+00:00
https://wd.frontjs.cc/other/post-modle
最近几天,弄了一个基于jekyll的静态博客,也就是本博客。博客模板来源于github(具体地址忘了,不好意思…)。经过简单的修改,就可以将该模板配置为自己的博客。
模板修改完成后,以后的工作就是只用专注于写作了,下面简单说下写作需要注意的,也算是做个笔记,方便自己今后查阅。
文章格式
使用markdown来进行编写,关于markdown的具体语法,可以谷歌一下
文章的存放位置
从github上拉下该博客模板后,_posts文件夹就是我们需要放置写好的文章的地方
文章的命名方式
时间-文章名称.文件类型名称,如:2016-04-15-post-mod...