sass变量详解——你不知道的sass。 发表于 2017-10-11 | 分类于 sass | 阅读次数: 字数统计: 1,682 字 | 阅读时长 ≈ 6分钟 写在前面:现在一直使用sass写css,当初入门的时候,看的很多教程,当时看的云里雾里的,现在看来还是蛮详细的,就是一点,不够小白。本人文章类型一直比较偏小白的,想要更好的为不会用sass提供一点学习的资料,相信本文对想要学习sass的人,还是有极大的参考价值的。里面有些细节,也许对已经学会使用sa ... 阅读全文 »
单词太长导致自动换行,出现空白区域。——word-wrap和word-break 发表于 2017-10-11 | 分类于 css | 阅读次数: 字数统计: 1,147 字 | 阅读时长 ≈ 4分钟 写在前面:在写页面的时候,偶尔有时会遇到下图这两种情况,一种是单词过长时会溢出div,一种是直接换行,导致出现空白区域。这两个情景就需要word-wrap、word-break这两个属性出场来解决了。闲话不扯了,本文主要内容有:word-wrap和word-break属性介绍,使用方法,他们之间的区 ... 阅读全文 »
关于js、jq零碎知识点 发表于 2017-10-11 | 分类于 js | 阅读次数: 字数统计: 1,656 字 | 阅读时长 ≈ 6分钟 写在前面:本文都是我目前学到的一些比较零碎的知识点,也是相对偏一点的知识,这是第二篇。前后可能没有太大的相关性,需要的朋友可以过来参考下,喜欢的可以点个赞,希望对大家有所帮助。本文的受众是刚学前端,大手子可以跳过。 1.页面加载完成之后,才开始执行函数。123$(function() {/ ... 阅读全文 »
range滑块自定义样式,步骤详解以及实际应用 发表于 2017-10-11 | 分类于 css | 阅读次数: 字数统计: 2,291 字 | 阅读时长 ≈ 10分钟 写在前面:本文的主要内容包括:type=”range”属性介绍,修改range默认css样式以及在js中的实际应用。本文面向前端小白,写的不好之处,请多多见谅。文末有demo链接,可以自行复制到本地进行试验。 相关:自定义 range radio select的样式滑轮,按钮,选择框 最终要实现的效 ... 阅读全文 »
(干货)css自定义 range radio select的样式滑轮,按钮,选择框 发表于 2017-10-11 | 分类于 css | 阅读次数: 字数统计: 1,534 字 | 阅读时长 ≈ 6分钟 写在前面:之前踩坑css的时候,遇到滑轮,按钮,选择框这类型的东西,为了页面效果,总是需要自定义他们的样式,而不使用他们的默认样式。当时写的时候,我也是蛮头疼的,弄了个demo,链接在下面。对此做个总结。本文是面向前端小白的,大手子可以跳过,写的不好之处多多见谅。 额,今天就先大概的将代码贴上来,考 ... 阅读全文 »
关于 CSS 的零碎知识点 发表于 2017-10-11 | 分类于 css | 阅读次数: 字数统计: 995 字 | 阅读时长 ≈ 3分钟 写在前面:这篇文章是本人学习过程中遇到css的零碎知识点2(就是以前自己不知道的),我都记下来了,需要的朋友可以过来参考下,喜欢的可以点个赞,希望对大家有所帮助。本文的受众是前端小白,大手子可以跳过。 1.scss编译css文件使用中文注释出现乱码: 在文件开头部分加上:@charset “UTF- ... 阅读全文 »
js原生dom对象和jQuery对象可以混合使用吗? 发表于 2017-10-11 | 分类于 js | 阅读次数: 字数统计: 1,036 字 | 阅读时长 ≈ 4分钟 写在前面:本文主要内容包括js原生dom对象和jQuery对象的区别,联系,相互转换,以及踩坑经历。情况是这样的,今天在实现一个js验证码的功能,需要获取input的值,然后我用jQuery的方法获取到了dom节点,然后用原生js获取input的值,结果就出错了,好在后来场外求助启宸欧巴在师兄的帮助 ... 阅读全文 »
你知道渐进增强和优雅降级吗?[css3兼容性写法] 发表于 2017-10-11 | 分类于 css3 | 阅读次数: 字数统计: 2,240 字 | 阅读时长 ≈ 8分钟 写在前面:在前端开发的过程中,如果有注意的话,发现有些写css3属性时,兼容性的写法顺序不太一样,比如transition属性,有些把transition放在前面有些是放在后面,这就引出了两个概念:优雅降级和渐进增强。 写法栗子:123456789101112.transition { / ... 阅读全文 »
ps切图实用小技巧、图片格式的区别及相关内容 发表于 2017-10-11 | 分类于 工具类 | 阅读次数: 字数统计: 1,600 字 | 阅读时长 ≈ 6分钟 写在前面之前写了两篇前端图片相关的内容(前端ps切图方法,图文详细,css sprite雪碧图制作,使用以及相关,图文gif),本文是面向前端小白的,搜集整理的一些切图技巧,及其相关内容。 关于版本:推荐pscc2017版,一些老版本很多新功能没有,会影响到效率的。(目前2017/4/11) 基本设 ... 阅读全文 »
css sprite雪碧图制作,使用以及相关,图文gif 发表于 2017-10-11 | 分类于 工具类 | 阅读次数: 字数统计: 1,311 字 | 阅读时长 ≈ 5分钟 写在前面:在网页制作中,雪碧图也是前端攻城狮必须掌握的一项小技能。百度词条对雪碧图的解释是:CSS雪碧 即CSS Sprite,也有人叫它CSS精灵,是一种CSS图像合并技术,该方法是将小图标和背景图像合并到一张图片上,然后利用css的背景定位来显示需要显示的图片部分。本文主要内容包括雪碧图如何制作 ... 阅读全文 »