jQuery插件开发精品课程

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

jQuery相关文章

手记文章

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

浏览5771推荐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

浏览6312推荐1
手记文章

如何成为一名合格的前端工程师

各位前端同学们,大家好,我是河畔一角。目前主攻前端方向,略有见解,希望能够和大家一起交流。    现如今,前端已经是一个异常响亮的行业名词,正汇聚各方好汉,华山论剑日益激烈。据2019最新的编程语言排行显示JavaScript已排名第七,由此可见,前端的未来不是梦。要学习前端,必然先了解前端:前端可以说一共经历了四个时期:原始社会(早期互联网、Netscape )、石器时代(PHP、JSP网页嵌套 MVC为主)、铁器时代(jQuery 读写Dom)、工业时代(MV* Vue/React/Angular/Nodejs/小程序/Chrome V8); 可以说现在的前端从业者很多都是从石器时代或者铁器时代过渡而来,我本身也是Java出身,后来不经意间从JSP转成了JS.乱世出英雄,早期的前端没有地位,没有名份,纷乱嘈杂,才造就了今天的辉煌。错过了石器时代、铁器时代,如今我们迎来了辉煌的工业时代,Vue/React/Angular/小程序/Nodejs等一跃成为当下

浏览7616推荐31
手记文章

CSS的未来已来

作者:陈大鱼头 github: KRISACHAN 前言 最近听说TypeScript3.7添加了对Optional Chaining的支持,然后就想着给鱼头的脚手架ying-template的TS版本升级,然后在命令行发现这样的一句信息: 'postcss-cssnext' 已经被 'postcss-preset-env'代替了。详情请查看 https://moox.io/blog/deprecating-cssnext/ 其实鱼头的脚手架里早就把postcss-cssnext换成了postcss-preset-env,不过一直没删,但是看到这句话之后,处于好奇,就去翻了翻PostCSS的官网,然后又思考了下这些年CSS的发展历程

浏览4599推荐2
手记文章

float 的本质

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

浏览6145推荐2
手记文章

《前端实战总结》之使用纯css实现网站换肤和焦点图切换动画

今天我们来继续复盘一些工作中常用的css技巧和知识,以便我们可以更加优雅的用css实现富有动感的网站. 你将收获 网站换肤设计方案介绍 :target伪类介绍和用法以及如何使用css实现网站换肤 transition动画以及如何用纯css实现焦点图动画 效果展示 1.网站换肤 2.焦点图动画 实现思路 1.网站换肤 通常我们实现网站换肤都基于如下方式实现: 方案一: 使用OOCSS模式,通过js动态切换公共类名来达到换肤效果 方案二: 点击不同的按钮切换不同的样式表,如下: theme-green.css theme-red.css

浏览4323推荐3
手记文章

Margin 的特异之处

Margin 也可以改变元素的布局尺寸 通常,元素的布局尺寸是由 Content、Padding 和 Border 三个区域决定,而我们使用 margin,最常见的作用就是在空间上隔离自身与其他元素。但是,如果元素的宽高具有" 流动性(1) ",margin 也可以改变元素的布局尺寸。 *(1)可以参考: 宽度的流动性与包裹性 例子: <style> div { width: 200px; background: #ccc; } p { margin: 10px; background: #FFEB3B; } </style> <div> <p>hello</p> </div> 例子中,我们可以看到,由于

浏览3858推荐1
手记文章

全面掌握 Content 的用法

基本用法 content 几乎都是用在 ::before 和 ::after 伪元素中(1)。 content 生成的文本无法选中、无法复制、更无法被搜索引擎抓取,因此只适合生成图标、序号这类无关紧要的内容,最常见的用法:比如清除浮动、插入字体图标等等。 *(1) 为了将伪类( 例如 :hover )和伪元素区别开来,CSS3 标准要求伪元素使用双冒号,但目前的浏览器也接受伪元素单冒号的写法,例如 :before。 例子1: /* 清除浮动 */ <style> ul li { list-style: none; float: left; } div { he

浏览4239推荐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最新前端面试技巧

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

查看详情