HTML笔记

HTML笔记

利用jQuery not()方法选取除某个元素外的所有元素

Deshun 发布于 5年前 (2019-10-24) 1951℃ 评论(0) 赞 (0)

日常的工作中可能会用到,选取处某个或者某些元素外的所有元素。这时我们可以使用 jQuery 遍历中的 not() 方法来排除某些元素,例如根据元素的 #id ,.class 等排除,代码如下:$("div.content *").not(".keep");表示 .content 类的 div 下除 .keep 类以外的所有元素;另外,注意这里的&n...

HTML笔记

控制台报错Uncaught SyntaxError: Unexpected token踩坑实录

2

Deshun 发布于 5年前 (2019-10-17) 18596℃ 评论(0) 赞 (5)

控制台报错Uncaught SyntaxError: Unexpected token踩坑实录

作为一个工作两年的前端小菜鸟,今天被一个后端的同事问到。他说他的控制台报错:Uncaught SyntaxError: Unexpected token '.' ,像下面这样。嗯,在他确定代码没有语法错误之后,我决定来翻译一下:一头雾水。检查 .css...

HTML笔记

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

2

Deshun 发布于 5年前 (2019-09-05) 13549℃ 赞 (8)

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

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

HTML笔记

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

Deshun 发布于 5年前 (2019-09-03) 2437℃ 评论(0) 赞 (0)

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

HTML笔记

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

Deshun 发布于 5年前 (2019-08-29) 2207℃ 评论(0) 赞 (0)

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

HTML笔记

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

Deshun 发布于 5年前 (2019-08-26) 2399℃ 评论(0) 赞 (0)

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

HTML笔记

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

Deshun 发布于 5年前 (2019-08-10) 2418℃ 评论(0) 赞 (0)

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

HTML笔记

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

2

Deshun 发布于 5年前 (2019-08-09) 8620℃ 评论(0) 赞 (4)

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

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

HTML笔记

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

2

Deshun 发布于 5年前 (2019-08-06) 1620℃ 评论(0) 赞 (0)

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

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