关于 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的背景定位来显示需要显示的图片部分。本文主要内容包括雪碧图如何制作 ... 阅读全文 »
前端 PS 切图方法,图文详细 发表于 2017-10-11 | 分类于 工具类 | 阅读次数: 字数统计: 1,207 字 | 阅读时长 ≈ 4分钟 写在前面:本文主要内容是目前我所知道的切图技巧结合网上的资料,写出来分享一波。图文教程,多图!! BB:很多人都会说,切图这个活倒底分给UI还是分给前端。虽然好的UI会给我们把图切好,但是他们切的图不一定百分之百符合我们的需求,所以我一直都觉得这是页面仔必须要会的一项技能,因为只有你自己才会知道怎么 ... 阅读全文 »
标签栏图标,随机背景图,压缩背景 发表于 2017-10-11 | 分类于 js | 阅读次数: 字数统计: 0 字 | 阅读时长 ≈ 1分钟 写在前面:本文内容见标题,之前github个人主页每次看到地址栏旁边的小图标默认的样子,都觉得丑爆了,前几天终于抽空把这个改了,还有之前背景图片用了一个大壁纸的网址链接,每次读取背景的时候感觉要半天那么久,一直想着要弄个反应速度快的!然后我又找到一个好方法。 效果(文章最后有demo): 地址栏的图 ... 阅读全文 »
解读viewport—网页自适应移动app神器 发表于 2017-10-11 | 分类于 css | 阅读次数: 字数统计: 2,809 字 | 阅读时长 ≈ 10分钟 写在前面:viewport指的是是用户网页的可视区域,查了许久,遗憾的是近一两年几乎没有高质量的解析viewport的文章,本文内容是参考大牛,对内容进行了重新排版,以及对重点内容进行标注、精简,加上些许的个人理解形成的。有兴趣的朋友,可以参考一下。 一.背景介绍现在人通过手机浏览网页占了大多数,随 ... 阅读全文 »
倒计时跳转和获取实时时间 发表于 2017-10-11 | 分类于 js | 阅读次数: 字数统计: 1,129 字 | 阅读时长 ≈ 5分钟 写在前面:本文内容如题,自己做的一个demo,倒计时和获取实时时间在许多场景都用的到,所以还算蛮实用的,需要的朋友可以做个参考。 效果图: 代码解析:html代码123456789101112<body onload="startTime()"><div cla ... 阅读全文 »
shuffle()方法、removeAttribute() 方法、split()方法 发表于 2017-10-11 | 分类于 js | 阅读次数: 字数统计: 1,251 字 | 阅读时长 ≈ 5分钟 写在前面:内容包括demo代码,应用和定义,以及参考文献,本文主要内容是学习js期间学到的一些实用的零碎的js1知识,我都记下来了,需要的朋友可以过来参考下,前后可能没有太大的相关性。喜欢的可以点个赞,希望对大家有所帮助。Python shuffle()方法语法1shuffle (lst ) 参数l ... 阅读全文 »