jQuery插件开发精品课程

jQuery有很多有用的插件,本系列课程让你更好的掌握jQurey插件开发

jQuery相关文章

手记文章

面试官:你可以用纯 CSS 判断鼠标进入的方向吗?

作者:陈大鱼头 github: KRISACHAN 前言 在之前某一个前端技术群里,有一个群友说他面试的时候遇到了一个问题,就是面试官让他用纯 CSS 来实现一个根据鼠标移动位置觉得物体移动方向的 DEMO。 给出的初始结构如下: <style> body { padding: 2em; text-align: center; } .block { position: relative; display: inline-block; width: 10em; height: 10em; vertical-align: middle; } .block_content { position: absolute; top: 0; left: 0; width: 100

浏览5110推荐4
手记文章

二营长,快掏个CSS出来给我画个井字棋游戏

作者:陈大鱼头 github: KRISACHAN 前言 不知道大家小时候有没有玩过一款游戏叫『井字棋』的。 它长这样: (我赢了,快夸我 ~o(´^`)o) 上面的就是本次文章的最终结果,一个用纯CSS实现的AI井字棋游戏,Mmmm,虽然看起来有点蠢。。。 地址在此: https://codepen.io/krischan77/pen/qBdYZLy 游戏的规则比较简单,就是在一个九宫格(据说十六宫格,二十五宫格也行~反正是格子就行),只要你下的棋能连成一条直线,就算赢。 所以这次鱼头就来教大家怎样才能在这个游戏中获胜。 额

浏览5059推荐0
手记文章

层叠与 z-index

层叠与层叠等级 HTML 元素是一个三维的概念,除了水平和垂直方向外,还会在“z 轴”上层层叠加。 既然是叠加,就会涉及到先后顺序的问题,规范中称之为“层叠等级”。 默认情况下,图文是网页的核心,因此内联元素的等级理应最高;然后是布局,其中浮动元素(脱离文档流)的等级高于块级元素;最低等级是设置背景、边框等装饰属性的元素。 例子: <style> .f { background-color: #ccffcc; border: 1px dashed #669966; padding: 10px; } .f div:first-of-type, .f div:la

浏览4263推荐0
手记文章

CSS伪类:CSS3鼠标滑过按钮动画

前言 按钮,对开发者而言,是非常常见的一个功能。前端通常会对按钮加入一些操作交互样式,增加一些用户体验。 比如:hover样式、点击样式、loading样式等。下面我们通过简单示例在学习一下css3动画和css伪类。 示例一 <button class="btn-1">按钮一</button> <style> button{ position: relative; width: 100px; height: 40px; border: 1px solid #46b0ff; background: none; cursor: pointer; } button:after{ position: absolute; content: ''; width: 100%; h

浏览7511推荐3
手记文章

四月份前端面试指北

前言 由于个人的一些原因最近也参加了几家公司的面试,发现有很多基础性的东西掌握程度还是不够,故此想总结一下最近面试遇到的问题,希望能为在准备面试的的小伙伴尽一些绵薄之力,主要说的是一些我面试当中问到的一些问题,说的不对的地方请小伙伴们即使指正出来,或者有其他的看法也可以一起探讨。 一、HTML/CSS 1.html5新增标签 新增了一些语义化的标签例如:header,fotter,nav,main 新增图像:canvas svg 新增媒体标签: audio video 2.什么是盒模型 W3C标准盒模型,属性width,h

浏览5363推荐7
手记文章

移动web必会技能--屏幕适配

屏幕适配,一直是作为一个前端开发始终逃不掉的问题,这个话题可以追溯到最开始的PC端浏览器的不同分辨率,再到移动端不同的屏幕尺寸,一直伴随着前端工程师的日常的页面开发工作。所谓屏幕适配,可以理解为一个网页元素或者网页布局,在不同尺寸,分辨率等场景下,如何呈现最佳的效果。 从最早的PC端屏幕来说,大部分的屏幕适配采取的是: 页面框架最外层元素宽度固定,并且居中,高度随内容自适应,比较常见的是宽度为960px~1080px。 页面内部的元素大多数使用盒子模型构建,采用固定宽高

浏览6057推荐13
手记文章

如何清除 float 的影响

抗浮动的专用属性 clear clear 的定义 clear 属性的本质意义是让元素本身不能与前面的浮动元素相邻( 不在一行显示 )。 例子: <style> ul { background-color: cornsilk; margin: 0; padding: 0; } li { background-color: brown; width: 40px; height: 40px; color: #fff; list-style: none; float: left; } li:first-child { background-color: cadetblue; } li:last-child { background-color: coral; } </style> <ul> <li>1</li> <li style

浏览4943推荐3
手记文章

float 的本质

基本概念 传统布局中( 以 CSS2 为主体的布局方式 ),浮动随处可见。但实际上,float 属性最初的设计目的,只是为了实现文字环绕图片的效果。 为了达到这个效果,可以说 float 无所不用其极,对标准文档流(1)中的盒子模型进行了无情的破坏。 *(1)标准文档流是 CSS 世界中最基本的定位和布局机制:CSS 将 HTML 元素分为块级元素与内联元素,并依据元素特点,自动从左至右,从上至下,水流一般放置元素。 浮动元素会脱离行盒子 在标准文档流中,如果图文混排,图片将会与部分文字

浏览6869推荐2

jQuery相关问答

相关猿问

慕课网适合非计算机专业的人学习吗

最赞的回答

我就是零基础在学,已经四个月了

相关猿问

怎么用html 或CSS写出下列的表单样子

最赞的回答

<...图片...><html><head><meta charset="utf-8"><title></title> <style> table{ border-collapse:collapse; } table td{  border:1px solid #ddd;  width:80px;  height:30px;  text-align:center; } .one{  vertical-align: top; } .two{ vertical-...

相关猿问

大佬们 请问在HTML中<input/>标签和<input></input>有什么区别?

最赞的回答

input是一个自闭合标签,没有<input></input>这种写法。

相关猿问

在慕课上有没有什么好的视频啊,关于javascript,html,jsp基础的,谢谢。

最赞的回答

http://www.imooc.com/learn/36      JavaScript入门篇http://www.imooc.com/learn/10      JavaScript进阶篇 http://www.imooc.com/learn/277    JavaScript高级篇 先一个个的学吧 基础要打牢 后面学起来就快了

相关猿问

样式怎样快速掌握

最赞的回答

敲够十万行样式代码即可!

相关猿问

如图,制作一个bootstrap,想在小屏幕时背景图片不存在怎么办?

最赞的回答

你可通过 media query 在小屏幕时,去年背景。

相关猿问

ajax请求时 如何解释json数据

最赞的回答

直接定义返回数据类型为json, $.ajax({      url:"",      dataType:"json" }); 然然后请求成功后返回的数据就是json数据, 或者打他data=eval("("+data+")");,这时候的data就转换成了json数据

相关猿问

什么时候才能不问一些弱智问题呢

最赞的回答

都要一步步成长,想想刚开始时自己茫然一头雾水不也这样吗。然后被骂,被冷嘲热讽,最后学会怎样提问,怎样成长。

一次性掌握jQuery核心功能

jQuery小白不可怕,我们从零开始教

查看详情

BAT大牛亲授!2017互联网校招面试技巧合辑

2017校园招聘开始了,想进BAT你准备好了吗,慕课网愿助你一臂之力

查看详情

Web前端入门到精通,最全学习路线

有数据显示,2016年Web前端岗位月薪最高达到2-3万元,月平均薪资超过8000元,预计在2017年薪资水平将再一次水涨船高!前端薪资如此诱人,入门有难度吗?对于小白来说,入门前端必是绝佳选择,门槛低、较基础,可以顺利帮你打开通往互联网新世界的大门!迟疑1秒,可能丢失10个offer!慕课网职业路径视频不限期,服务随开随用,让你学的更彻底!

查看详情

2017最新前端面试技巧

掌握最新面试技巧,面试题,让你在前端面试中脱颖而出

查看详情