jQuery插件开发精品课程

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

jQuery相关文章

手记文章

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

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

浏览1954推荐0
手记文章

层叠与 z-index

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

浏览3826推荐0
手记文章

如何清除 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

浏览4442推荐3
手记文章

float 的本质

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

浏览6292推荐2
手记文章

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

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

浏览5158推荐11
手记文章

使用vue+better-scroll实现“上拉加载下拉刷新”功能

前言 在开发移动端的时候,基本上都会使用到上拉加载下拉刷新这个功能,下面一起来看一下具体该如何实现。 开发环境 vue vue-cli better-scroll less 开发步骤一 通过脚手架创建vue项目,安装better-scroll:npm install better-scroll --save-dev 在项目中引入better-scroll对象import Bscroll from 'better-scroll' 安装less:npm install less less-loader --save-dev 移动端适配(代码文件:index.html) <!DOCTYPE html> <html lang="en"> <head> <meta charset

浏览4139推荐2
手记文章

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

浏览6866推荐3
手记文章

内联元素的两大基石之 vertical-align

基本概念 vertical-align 用于定义内联元素的垂直对齐方式。 打开浏览器,我们可以看到 vertical- align 的全部属性值: 属性值大致可以分为以下 4 类: 基线对齐:baseline(默认值)、middle; 行框对齐:top、bottom; 内容区域对齐:text-top、text-bottom; 上下标签:sub、super。 除了以上关键字属性值,vertical-align 也支持长度值和百分比值。 下面会依次介绍。 基线对齐 baseline:使内联元素的基线与其所在行盒子的基线对齐。 例子: <style> p { border: 2

浏览6445推荐1

jQuery相关问答

相关猿问

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

最赞的回答

我觉得这已经算基础课程了,别说计算机专业咋咋的,其实跟你一样。在学习新东西的时候又出现新东西是一脸懵的,然后就去百度,去谷歌,去翻书,去提问,运气不好的话,发现又有新东西。这是一个知识网的问题,可能你只需要广度为1,深度为1的知识点就可以理解一个概念,但是有的东西很复杂,想要彻底理解需要庞大的知识体系去支撑的(然而你可能并不需要了解那么深刻)。我初中的时候学过一段时间的素描,知道圆其实是正方形切出来的。以上是背景,后来有一次在项目中要用到原生js写一个前端抽奖页面(要获取一个图片的偏移角度)的算法的时候,这段经历让我更好的理解这个算法。那我是不是可以说学素描更好学习编程?明显是不可以的,不会了...

相关猿问

怎么用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>这种写法。

相关猿问

ajax请求时 如何解释json数据

最赞的回答

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

相关猿问

样式怎样快速掌握

最赞的回答

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

相关猿问

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

最赞的回答

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

相关猿问

inline-block元素内内容改变影响布局

最赞的回答

inline-block里你加文字后会按照文字的对齐方式vertical-align:baseline;解决它可以通过设置inline-block元素的vertical-align

相关猿问

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

最赞的回答

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

一次性掌握jQuery核心功能

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

查看详情

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

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

查看详情

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

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

查看详情

2017最新前端面试技巧

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

查看详情