jQuery炫酷特效之密码框显示隐藏效果

当今web网页中经常见到密码框的显示或隐藏效果，可以说小小一个功能，带来了很好的用户体验。今天就给同学们介绍下是如何实现的，其实很简单。

效果1

效果2

一、HTML结构

注意红线框出来的部分，其实是在HTML中冗余一个i

想读更多 ->

用Python实现多人在线匿名聊天

python用处多多，这里给位小伙伴介绍一个在线聊天的小程序

在线聊天地址：

不用登陆，一个窗口代表一个用户哦。

思路：

知道部分小伙伴很懒，这里给出前端核心代码：

1. 借助HTML5，促进用户的参与感

社群需要互动，游戏是最好的手段。

所以，品牌就应该定期推送一些HTML5小游戏，以此吸引用户的注意力。

而最重要的，则是有分享机制：

用户得了多少分，可以一键分享至朋友圈之内，最好还能显示出在好友中名列第几，这样会大大激发用户参与的激情。

提升互动的同时，内容也应当符合社群的文化气质，尽可能精美细致。

要知道，HTML5技术融合了图片、文字和视音频等多种功能，很容易吸引社群用户的关注，并进行转发分享。

广东IT优就业

目录

如何做页面适配

如何禁止页面滑动

本地资源无法通过 WXSS 获取怎么解决

小程序如何跳小程序

wxss-选择器受限制问题

没有html的br标签怎么换行

scroll-view标签bug

如何模拟触摸按钮的hover效果

如何在小程序上复制文本

微信哪个版本开始支持小程序码

iPhone4等低端机器使用css3样式不添加-webkit前缀样式无效

android手机中，表单input标签使用css属性color并设置值为rgba单位会导致白屏

1.小程序如何做页面适配

小程序提供了响应式单位rpx（responsive pixel），规定屏幕宽为750rpx，必须提供视觉稿宽度为750px,，然后根据视觉稿单位是多少px，还原成小程序就写多少rpx

2.如何禁止

想读更多 ->

智投未来巧用标签助力seo优化，让排名更简单

最近有不少朋友问我关于SEO中html标签使用的问题，alt标签其实就是网站上图片的文字提示。当你的鼠标移动到这张图片上时，会提示某某图片，正确说明图片的内容，从而给予用户良好的体验。图片的alt属性的本意主要是当图片因为某些原因不能正常打开时，网页的访问者也能通过属性文本判断该图片的内容。

说道网站的标签妙用，不得不说网站的站内seo优化了。任何一家seo外包公司在给客户做站内优化前，都会先审视一遍网站的后台源码。所以说，标签自然是囊括在里面的。着重做好几个标签的优化，对于seo优化来说是十分有利的。

其次是alt。一般是用在图片里，很容易被忽略掉，毕竟它不影响图片的前端展示，所以说很多seo优化师可能会注意不到这一点。关于里面的属性内容，一遍就写能表达图片主要意思的就行。当然，也可以放入要优化的关键词。智投未来seo外包公司建议，用好这些标签，可以为网站排名优化打下牢固的基础，不要白白浪费啦。

alt标签是html语法的一个标签，它的作用就是把网站图片以文本信息展

想读更多 ->

程序员花1小时总结：CSS；潜藏着的BFC

在写样式时，往往是添加了一个样式，又或者是修改了某个属性，就达到了我们的预期。

而BFC就潜藏在其中，当你修改样式时，一不小心就能触发它而毫无察觉，因此没有意识到BFC的神奇之处。

一、什么是BFC（Block Formatting Context）

写CSS样式时，对一个元素设置css,我们首先要知道这个元素是块级元素还是行内元素，而BFC就是用来格式化块级盒子的。

Formatting Context：指页面中一个渲染区域，并且拥有一套渲染规则，它决定了其子元素如何定位，以及与其他元素的相互关系和作用。

BFC定义：块级格式化上下文，它是指一个独立的块级渲染区域，只有Block-level Box参与，该区域拥有一套渲染规则来约束块级盒子的布局，且与区域外部无关。

这篇文章共享之前我仍是要引荐下我自个的前端群：657137906，不论你是小白仍是大牛，小编我都挺期待，不定期共享干货，包含我自个整理的一份2017最新的前端材料和零根底入门教程，期待初学和进阶中的小伙伴。

二、BFC的生成

我们说到BFC是一块渲染区域，那么这块渲染区域到底在哪里呢，具体大小又是多少？这些都是由生成BFC的元素来决定的。

满足下列CSS声明之一的元素便会生成BFC：

1、根元

想读更多 ->

被忽略的CSS属性margin之百分比

在最初学习CSS的时候，和大家一样或许对这个问题觉得很简单，没啥可说的，但前不久，my teacher针对这个问题做了下详细的讲解，今天就在这里卖弄一下，这样以后碰到类似的问题，就不用担忧了。话不多说，先来个例子：假设一个块级包含容器，宽500px，高300px，块级子元素其 margin:10% 5%; 大家说说 margin 的 top, right, bottom, left 计算最终值为多少？当时课堂上不少人回答margin:50px 15px，接下来我们来还原代码：

想读更多 ->

CSS的7种新型长度单位

介绍一些你们之前可能很少见过CSS长度单位。他们每个都是度量的单位，类似 pixel 和 em 这样的。

rem

em被定义为相对于当前对象内文本的字体大小。如果你给body设置了font-size字体大小，那么body的任何子元素的1em就是等于body设置的font-size。

如果你用em一层一层级联得定义嵌套元素的字体大小又会花生什么事情呢？在下面这一小段代码里我们应用了和上面一样一样的CSS，每一个div都从它上一级父元素继承了字体大小，并且逐渐得增加。

虽然在某些地方这正是我们想要的，但是通常情况下我们还是希望就依赖单一的相对度量单位就好。这时候嘛，我们就可以使用 rem 了。 ‘r’是“root”的缩写，意思

想读更多 ->

CSS小技巧：使用:not() 简化你的代码

例：

css的目的是要让 post 之间有间隔，但最后一个不需要。这个时候，:not(:last-of-type)就大限神威了！

例：

设置非 <p> 元素的所有元素的背景色：

-----------------------------------------------

www.qietu.com 切图网，专注于前端开发。

想读更多 ->