w3h5

HTML笔记 共7页,当前第1页

HTML笔记

阿里巴巴iconfont svg图标不能更改颜色的解决方法

2

Deshun 发布于 1个月前 (09-05)   阅读(386)   评论(0)   赞 (1)  

阿里巴巴iconfont svg图标不能更改颜色的解决方法

前段时间写了一篇 阿里图标iconfont彩色图标显示黑白色的解决方法 ,来解决阿里彩色图标不能正常显示的问题,就是使用 Symbol 代码,既可以显示原始色彩,也可以设置颜色。今天在使用 Symbol 代码引用图标时发现,设置颜色后,有一部分图标还是显示原始的颜色。原来这部分 svg图标带有 fill 属性,这种图标不能本地修改 fil...

HTML笔记

CSS通过text-transform实现大写、小写和首字母大写转换

Deshun 发布于 1个月前 (09-03)   阅读(219)   评论(0)   赞 (0)  

再日常项目中可能会用到一些特殊的样式,比如大写字母转小写、小写字母转大写、首字母大写等。可以通过 CSS 的 text-transform 属性来实现:text-transform 转换不同的文本属性值:none 带有小写字母和大写字母的标准的文本(默认属性)。capitalize 首字母大写。uppercase 字母大写。lo...

HTML笔记

sessionStorage和localStorage的语法使用,区别和联系

Deshun 发布于 2个月前 (08-29)   阅读(193)   评论(0)   赞 (0)  

HTML5 提供了两种客户端存储数据的新方法:localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。在 HTML5 中,数据不是由每个服务器请求传递的,而是只有在请求时...

HTML笔记

Javascript操作将session资料存入window.name里

Deshun 发布于 2个月前 (08-26)   阅读(185)   评论(0)   赞 (0)  

查了一些资料,大家一致认为除了 Node.js 和服务端,在 JavaScript 里没有 session 这种东西(或者说很不常见),所有的变数,函式等等的资料在页面重新载入时都会被清空,不过我发现 Craig Buckler 写的 javascript session library 。来看一下它的源代码:/**  * Implements ...

HTML笔记

jQuery实时统计输入框字数及限制的方法

Deshun 发布于 2个月前 (08-10)   阅读(212)   评论(0)   赞 (0)  

项目中经常会用到文本输入框,而且需要限制输入的字数。下面分享一个 jQuery 实时统计输入框输入字数及限制输入字数的方法,代码如下:HTML:简单的写一下,能实现功能即可。<textarea id="content" placeholder="新消息内容" rows="3"></texta...

HTML笔记

Sweet Alert弹窗点击确定后执行页面跳转等操作

2

Deshun 发布于 2个月前 (08-09)   阅读(590)   评论(0)   赞 (1)  

Sweet Alert弹窗点击确定后执行页面跳转等操作

上周整理了 Sweet Alert弹窗插件 的一些使用方法。可不可以点击 Sweet Alert 弹窗的确定按钮后跳转页面呢?答案是可以的:首先参考上文,引入 Sweet Alert 所需的文件,我这里写了一个修改密码的确认框。点及修改后,会弹出修改成功提示,再点击重新登陆按钮,跳转登录页面。添加一个页面跳转的代码就可以了。.t...

HTML笔记

CSS3伪类和伪元素的特性及两者的区别

2

Deshun 发布于 2个月前 (08-06)   阅读(213)   评论(0)   赞 (0)  

CSS3伪类和伪元素的特性及两者的区别

前端工作者肯定或多或少地接触过CSS伪类和伪元素,比如最常见的:focus,:hover以及<a>标签的:link、visited等,伪元素较常见的比如:before、:after等。其实上面提到的这些伪类和伪元素都是CSS1和CSS2中的概念,CSS1和CSS2中对伪类的伪元素的区别比较模糊,甚至经常有同行将:before、:after称为伪类...

HTML笔记

JavaScript基础:call,apply,bind详解,三者有何区别和联系

2

Deshun 发布于 2个月前 (08-05)   阅读(166)   评论(0)   赞 (0)  

JavaScript基础:call,apply,bind详解,三者有何区别和联系

函数原型链中的 apply,call 和 bind 方法是 JavaScript 中相当重要的概念,与 this 关键字密切相关,相当一部分人对它们的理解还是比较浅显,所谓js基础扎实,绕不开这些基础常用的API,这次让我们来彻底掌握它们吧!call,apply,bind的基本介绍语法:fun.call(thisArg, param1, ...