最新消息:Rockyxia Web技术博客全新改版,响应式布局满足各种设备各种尺寸的访问需求。

web综合

搜狐快站畅言评论插件更新商业版,强行插入2处广告,三行css帮你去除。

rockyxia 1个月前 (11-08) 172浏览

由于工作原因,我这博客我也很久没有更新过了,只是偶尔打开一下网址看看是否能正常打开,今天过来更新一个命令的记录,尽然发现文章详情页有很多广告,一看发现是我使用的搜狐快站畅言评论插件强行插入的,你插入的小一点温柔一点也好啊,可是却插入的直接影响博客文章阅读了,对于评论列表里面插入的横幅广告我其实不反对,你免费提供了服务带一点广告我可以接受,但是你却在页面右下角插入一个贼恶心的置顶浮动广告,面积还挺大,这有点过...

CentOS 常用命令大全(自己收藏)

rockyxia 1个月前 (11-08) 145浏览

最近一直在对CentOS 进行初体验,各种学习命令肿么用,不过其实大多和DOS是一样的,只是命令的表达上可能有点儿不一样,毕竟这些都不是一家出来的嘛~ 废话不多说,直接上命令和解析! 常用命令 文件与目录操作 命令 解析 cd /home 进入 ‘/home’ 目录 cd .. 返回上一级目录 cd ../.. 返回上两级目录 cd – 返回上次所在目录 cp fi...

webpack4通过mini-css-extract-plugin分离css文件再通过optimize-css-assets-webpack-plugin压缩,导致sourcemaps不可用

rockyxia 4个月前 (08-31) 779浏览

最近在使用webpack4搭建一个多页面项目开发的过程中遇到一个问题,谷歌百度了很久也没有能够解决,不知道同行们有没有遇到的,就是webpack4通过mini-css-extract-plugin分离css文件再通过optimize-css-assets-webpack-plugin压缩,导致sourcemaps不可用,在github上貌似也有人遇到过,好像也没有很好的解决掉,尝试了各种配置都没有成功。 看...

尝鲜一下微信小程序的开发过程

尝鲜一下微信小程序的开发过程

rockyxia 2年前 (2017-01-11) 3846浏览

写在前面 随着1月9日微信小程序的正式上线,小程序的热度达到了一个顶峰,虽然我不并不是太看好小程序的发展,但是新的事物的诞生,去了解下也是没有坏处的吗。近日尝试了一个小程序的开发,了解下小程序的开发过程,非常的简洁的一个页面,里面有三个tab页,内容都是静态的,引入了微信提供的WEUI样式库。 如果,我是说如果后续还有兴趣的话,我会把数据变成动态的,从博客上开个接口来取数据。 下面来简单介绍下这个简单的小...

DOCTYPE 与浏览器模式分析

rockyxia 2年前 (2016-10-18) 2847浏览

DOCTYPE 的诞生 DOCTYPE,或者称为 Document Type Declaration(文档类型声明,缩写 DTD)。通常情况下,DOCTYPE 位于一个 HTML 文档的最前面的位置,位于根元素 HTML 的起始标签之前。因为浏览器必须在解析 HTML 文档正文之前就确定当前文档的类型,以决定其需要采用的渲染模式,不同的渲染模式会影响到浏览器对于 CSS 代码甚至 JavaScript 脚本...

清理浮动的几种方法以及对应规范说明

rockyxia 2年前 (2016-10-18) 2858浏览

写在前面 浮动 Floats 是 CSS 中的一种布局方式。它的渲染位置在行框与包含块之间,这样就可以使行框内文字与浮动元素不重叠并且环绕它显示。在布局过程中也经常会使用它来达到左右并排布局的效果。但是,由于浮动特性,容器如果没有明确设定高度,会依照普通流内元素高度设置,这样就会导致脱离普通流的浮动元素溢出容器,影响其后元素布局。 我们将现有已知的清除浮动元素方法罗列下: 采用一个HTML标签,以及cs...

利用sass的compass自动合并icon图标形成css sprite雪碧图和对应css样式

利用sass的compass自动合并icon图标形成css sprite雪碧图和对应css样式

rockyxia 2年前 (2016-08-30) 6446浏览

写在前面 css sprite是广大页面仔(前端开发攻城狮)在页面制作经常使用到的一种图片拼合技术,又称css雪碧图或css精灵,能够减少页面请求数、减小图片尺寸,从而达到提升页面访问速度的效果。但是这种技术的缺点也是相当的明显,就是拼图和后期维护的成本比较大,所以经常的使用的时候需要非常的注意,还要保留拼图的psd文件。虽然svg以及iconfont等新技术的出现改善了一些,但是svg和iconfont的...

有关png图片在IE6下透明的那些事

rockyxia 6年前 (2012-09-07) 6213浏览

看了群的聊天记录,一直有人问IE6下png图片怎么透明,其实有关png透明的文章网上有很多,方法也有很多,这里就小小的总结一下: 1、使用GIF代替 .pngImg { background:url(image.png); _background:url(image.gif);} 缺点:PNG格式比起GIF来表现色彩更丰富,特别是表现渐变以及背景透明的渐变要比GIF格式出色很多,所以降低了效果 2、滤镜解决...