- 博客(21)
- 收藏
- 关注
原创 JavaScript获取样式值的几种方法学习总结
本人经过整理总结出以下获取样式值的方法,如有错误请各位大佬指正。有四种方法:style,currentStyle,getComputedStyle,rules 与 cssRules方法。1. style用法:document.getElementById(“id”).style.property=”值”。例子:<style>.yellow{height:200px...
2019-04-21 12:56:45
614
原创 快速获取雪碧图的图标样式插件 - gulp-css-spriter教程
如何快速把合成好的雪碧图,快速获取图标的样式呢?用gulp-css-spriter很简单。第一步: 在某个文件夹用shitf+鼠标右键第二步:npm install gulp-css-spriterhttps://www.npmjs.com/package/gulp-css-spriter (官网gulp插件)第三步:在gulpfile.js 文件var gul...
2019-04-21 12:35:41
264
原创 多个图标图片(雪碧图)使用CSS样式显示
现在的网页中显示很多图标算是常态,发现项目中页面上用到的图标都是单个图标单个文件,用的时候直接往页面上挂,这确实很常态。如果,网站是挂在外网上,或者网速过低,又大量使用图标的情况下,由于浏览器和服务器的并发连接数是受限的,通常是4~8个,那么图标显示过慢或者超时的情况就会发生。当然了,像采用CDN,或者按照浏览器的并发数对图片文件进行域名分散存储处理也是再好不过的,但不是都有这样的条件。...
2019-04-21 12:14:27
410
原创 钢琴乐谱怎么看?学习五线谱及其口诀
一、认识五线谱及其口诀钢琴乐谱怎么看?学习五线谱及其口诀高音谱号:下加一线你唱1,下加一间你唱2一二三线,3 5 7,四线五线唱2 4,一二三间,4 6 1,,到了四间请唱 3上加一二三线6 1 3,四线五线唱5 7,上加一二三间5 7 2,四间五间唱4 6低音谱号:上加一线还唱1,上加一间就唱 7一二三线,5 7 2,四线五线唱4 6,一二三间,6 1 3,四间唱5,下加一二三线3 ...
2019-04-21 11:55:38
10990
原创 JavaScript获取URL参数公共方法
写一个JavaScript获取URL参数的通用方法,可以把它放到常用方法的JS文件中调用,直接上代码例子,新手可以学习一下!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=...
2019-04-13 19:51:08
245
原创 12个非常不错的javascript类库
javascript是一个解释性的编程语言。最初作为浏览器的一部份在浏览器中运行,可以和用户交互,并且控制浏览器,异步通讯,修改显示的document。在这篇文章中,我们收集了12款最新的javascript类库,帮助你更好的搭建网站和开发web应用。1. Cut.jsCutJS是一个帮助你开发高性能,动态互动2DHTML5图形的超迷类库。支持现代浏览器和移动设备,可以帮助你开发游戏和可视...
2019-04-12 21:34:58
719
原创 CSS中单位em和rem的区别
在css中单位长度用的最多的是px、em、rem,这三个的区别是: px是固定的像素,一旦设置了就无法因为适应页面大小而改变。 em和rem相对于px更具有灵活性,他们是相对长度单位,意思是长度不是定死了的,更适用于响应式布局。对于em和rem的区别一句话概括:em相对于父元素,rem相对于根元素。rem中的r意思是root(根源),这也就不难理解了。em子元素字...
2019-04-12 21:28:38
130
原创 CSS中box-sizing属性的作用
box-sizing,它是CSS3里的属性。W3C 盒子模型:标准盒模型,是指块元素box-sizing属性为content-box的盒模型。一般在现代浏览器中使用的都是标准盒模型,它也是标准 w3c 盒子模型。IE盒子模型:怪异盒模型,是指块元素box-sizing属性为border-box的盒模型。一般在IE浏览器中默认为是怪异盒模型,但由于其自身的特殊性,手机页面中也有使用怪异盒模型。...
2019-04-12 19:16:31
8885
原创 网页设计中的默认字体样式详解
浏览器默认的样式往往在不同的浏览器、不同的语言版本甚至不同的系统版本都有不同的设置,这就导致如 果直接利用默认样式的页面在各个浏览器下显示非常不一致,于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做法。 拿字体来说,各个浏览器默认的字体种类、字体大小和字体行高都不一样,比如IE8的中文版在Windows XP下显示网页时默认字体是宋体,而...
2019-04-09 01:51:12
4218
1
原创 jQuery遍历Table表格的行和列
遍历Table表格的行和列,在开发中比较常用的功能,特别是前端开发人员,不多说,直接上代码,下面代码只是弹出第一列字段,请各位自己根据需求修改和扩展!<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd...
2019-04-01 21:05:01
2404
原创 I Have a Dream(我有一个梦想)
I Have a Dream by Martin Luther King, Jr.I am happy to join with you today in what will go down in history as the greatest demonstration for freedom in the history of our nation.Five score years a...
2019-03-24 15:17:59
14414
原创 jQuery动态追加移除CSS样式
废话不多说,直接上例子:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...
2019-03-24 15:15:10
1158
原创 CSS font-family 字体名称一览表
windows常见内置中文字体字体中文名字体英文名宋体 SimSun(浏览器默认)黑体 SimHei微软雅黑 Microsoft Yahei微软正黑体 Microsoft JhengHei楷体 K...
2019-03-24 15:12:17
2885
原创 Bootstrap设置按钮禁用
Bootstrap框架中,按钮可以使用button标签或者a标签。设置按钮禁用可以通过两种方式,一种是通用CSS样式,一种是用过JS脚本动态设置,下面举例说明!<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Bootstrap设置按钮禁用<...
2019-03-24 15:09:56
5010
原创 Bootstrap框架中container和container-fluid的区别
对bootstrap框架有一定了解的朋友都知道,一般页面布局中的开头会使用到container或container-fluid类,那么它们有什么区别呢?不急!下面为您讲解。我们先来看看官方对这两个类是怎么说的:.container 类用于固定宽度并支持响应式布局的容器。.container-fluid 类用于 100% 宽度,占据全部视口(viewport)的容器。实例测试:...
2019-03-24 15:05:50
1494
转载 堆与栈的区别(经典讲解)
摘要:对于堆和栈,很多朋友都是不怎么理解的,就算是开发了程序多年的朋友都会容易混淆。其实要区分它们并不难,但是怎样使自己永久不会忘记哪得有技巧了。我相信,通过下面经典的讲解,您一定不会再忘记堆和栈的区别了。对于堆和栈,很多朋友都是不怎么理解的,就算是开发了程序多年的朋友都会容易混淆。其实要区分它们并不难,但是怎样使自己永久不会忘记哪得有技巧了。我相信,通过下面经典的讲解,您一定不会再忘记堆和栈的...
2019-02-10 14:50:39
153
转载 Brackets - 前端神器
做了几年的 .Net 项目开发,后来公司转 Java 语言开发,Java 做了还没一年,公司准备前后端分离开发,而我被分到前端!Brackets是一款基于web(html+css+js)开发的web前端编辑器。它有许多普通编辑器难以实现的功能,是web前端开发者的神器。Brackets官网下载:http://brackets.io/其功能如下:1、快速编辑将光标定在颜色上,按下快捷键Ct...
2019-02-10 14:47:40
314
转载 秒懂JSON.parse()与JSON.stringify()的区别
在网站开发中,Json是最为常见的一种数据交互手段。在使用过程中,常会遇到Json字段串和对象之间进行转换。很多朋友对于JSON.parse() 和JSON.stringify() 的区别,下面为大家解讲一下!JSON.parse()【从一个字符串中解析出json对象】例子://定义一个字符串var data=’{“name”:“goatling”}’//解析对象JSON.pars...
2019-02-10 14:38:06
160
转载 十四个关于ASP.NET基础知识问答(C#版)
这是一些ASP.NET很基础的东西,希望对ASP.NET爱好者特别是刚刚入门的朋友有所帮助虽然示例代码是C#.NET,但是不影响VB.NET朋友的参考。好,继续往下看吧!1、ASP.NET能在那些系统中运行?目前,ASP.NET还只能运行在微软的Windows 2000、Windows XP、Windows 2003和Windows2008的下,当然是需要IIS支持的,最初要让Windows ...
2019-02-10 14:33:02
240
原创 前端工程师需要学习哪些东西?一图总结!
前端开发工程师,这是一个新名词。一个很新的职业,在国内乃至国际上真正开始受到重视的时间是从2005年开始的,是指Web前端开发工程师的简称。目前web前端工程师的年薪待遇平均在10万以上,高级HTML前端工程师年薪达30—50万,很多企业对于与web前端相关的技术职位更是求贤若渴。那么,前端开发工程师需要了解哪些技术呢?直接上图!...
2019-02-10 01:48:16
1843
原创 第一次注册CSDN,请大家多多指教!夏雪祝大家新年快乐!
有点奇怪,为什么注册一定要使用微信扫二维码呢?好不方便!战略?不懂!浪费了好多时间才注册好帐号,用户体验不太好!可怜的女纸吖,出师不利!希望官方好好优化一下,还是我不会使用?...
2019-02-09 16:31:51
342
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人