发表于 | 分类于 | 阅读次数:
字数统计: 1,534 字 | 阅读时长 ≈ 6分钟
写在前面：之前踩坑css的时候，遇到滑轮，按钮，选择框这类型的东西，为了页面效果，总是需要自定义他们的样式，而不使用他们的默认样式。当时写的时候，我也是蛮头疼的，弄了个demo，链接在下面。对此做个总结。本文是面向前端小白的，大手子可以跳过，写的不好之处多多见谅。 额，今天就先大概的将代码贴上来，考 ...
阅读全文 »

发表于 | 分类于 | 阅读次数:
字数统计: 995 字 | 阅读时长 ≈ 3分钟
写在前面：这篇文章是本人学习过程中遇到css的零碎知识点2（就是以前自己不知道的），我都记下来了，需要的朋友可以过来参考下，喜欢的可以点个赞，希望对大家有所帮助。本文的受众是前端小白，大手子可以跳过。 1.scss编译css文件使用中文注释出现乱码： 在文件开头部分加上：@charset “UTF- ...
阅读全文 »

发表于 | 分类于 | 阅读次数:
字数统计: 1,036 字 | 阅读时长 ≈ 4分钟
写在前面：本文主要内容包括js原生dom对象和jQuery对象的区别，联系，相互转换，以及踩坑经历。情况是这样的，今天在实现一个js验证码的功能，需要获取input的值，然后我用jQuery的方法获取到了dom节点，然后用原生js获取input的值，结果就出错了，好在后来场外求助启宸欧巴在师兄的帮助 ...
阅读全文 »

发表于 | 分类于 | 阅读次数:
字数统计: 2,240 字 | 阅读时长 ≈ 8分钟
写在前面：在前端开发的过程中，如果有注意的话，发现有些写css3属性时，兼容性的写法顺序不太一样，比如transition属性，有些把transition放在前面有些是放在后面，这就引出了两个概念：优雅降级和渐进增强。 写法栗子：123456789101112.transition { / ...
阅读全文 »

发表于 | 分类于 | 阅读次数:
字数统计: 1,600 字 | 阅读时长 ≈ 6分钟
写在前面之前写了两篇前端图片相关的内容（前端ps切图方法，图文详细,css sprite雪碧图制作，使用以及相关，图文gif），本文是面向前端小白的，搜集整理的一些切图技巧，及其相关内容。 关于版本：推荐pscc2017版，一些老版本很多新功能没有，会影响到效率的。（目前2017/4/11） 基本设 ...
阅读全文 »

发表于 | 分类于 | 阅读次数:
字数统计: 1,311 字 | 阅读时长 ≈ 5分钟
写在前面：在网页制作中，雪碧图也是前端攻城狮必须掌握的一项小技能。百度词条对雪碧图的解释是：CSS雪碧 即CSS Sprite，也有人叫它CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。本文主要内容包括雪碧图如何制作 ...
阅读全文 »

发表于 | 分类于 | 阅读次数:
字数统计: 1,207 字 | 阅读时长 ≈ 4分钟
写在前面：本文主要内容是目前我所知道的切图技巧结合网上的资料，写出来分享一波。图文教程，多图！！ BB：很多人都会说，切图这个活倒底分给UI还是分给前端。虽然好的UI会给我们把图切好，但是他们切的图不一定百分之百符合我们的需求，所以我一直都觉得这是页面仔必须要会的一项技能，因为只有你自己才会知道怎么 ...
阅读全文 »

发表于 | 分类于 | 阅读次数:
字数统计: 0 字 | 阅读时长 ≈ 1分钟
写在前面：本文内容见标题，之前github个人主页每次看到地址栏旁边的小图标默认的样子，都觉得丑爆了，前几天终于抽空把这个改了，还有之前背景图片用了一个大壁纸的网址链接，每次读取背景的时候感觉要半天那么久，一直想着要弄个反应速度快的！然后我又找到一个好方法。 效果(文章最后有demo)： 地址栏的图 ...
阅读全文 »

发表于 | 分类于 | 阅读次数:
字数统计: 2,809 字 | 阅读时长 ≈ 10分钟
写在前面：viewport指的是是用户网页的可视区域，查了许久，遗憾的是近一两年几乎没有高质量的解析viewport的文章，本文内容是参考大牛，对内容进行了重新排版，以及对重点内容进行标注、精简，加上些许的个人理解形成的。有兴趣的朋友，可以参考一下。 一.背景介绍现在人通过手机浏览网页占了大多数，随 ...
阅读全文 »

发表于 | 分类于 | 阅读次数:
字数统计: 1,129 字 | 阅读时长 ≈ 5分钟
写在前面：本文内容如题，自己做的一个demo，倒计时和获取实时时间在许多场景都用的到，所以还算蛮实用的，需要的朋友可以做个参考。 效果图： 代码解析：html代码123456789101112<body onload="startTime()"><div cla ...
阅读全文 »