风-fmgao

导航

2018年7月2日

前端内容流程导图

摘要: 大家根据流程导图,规划好前端的内容知识点,导图中有问题的地方随时指出来,我及时修改。感谢! 以下链接我会每星期更新一次,简易大家不要偶尔回来逛逛,我会想你们的! 前端HTML+CSS流程导图 链接地址: https://www.processon.com/view/link/5ad1c2d0e4b0 阅读全文

posted @ 2018-07-02 09:15 风-fmgao 阅读(180) 评论(0) 推荐(0) 编辑

bootstrap插件的一些常用属性介绍

摘要: 1、下拉菜单 <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="t 阅读全文

posted @ 2018-07-02 09:14 风-fmgao 阅读(712) 评论(0) 推荐(0) 编辑

bootstrap的引入和使用

摘要: Bootstrap的下载 一. 使用Bootstrap第一步,先将生成环境的Bootstrap下载下来。然后将下载,然后引入到自己建好的当前目录中 二、点到起步中的基本模板 将看到的整段代码复制粘贴到建好的index.html文件中 官网明确表示: 使用此给出的这份超级简单的HTML模板,或者修改这 阅读全文

posted @ 2018-07-02 09:12 风-fmgao 阅读(304) 评论(0) 推荐(0) 编辑

Bootstrap的介绍和响应式媒体查询

摘要: Bootstrap的介绍 凡是使用过Bootstrap的开发者,都不在乎做这么两件事情:复制and粘贴。哈哈~,是的使用Bootstrap非常简单,但是在复制粘贴之前,需要先对Bootstrap的用法一一熟悉之后我们才开始干活! Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。B 阅读全文

posted @ 2018-07-02 09:11 风-fmgao 阅读(329) 评论(0) 推荐(0) 编辑

jquery内容补充

摘要: jquery除了咱们上面讲解的常用知识点之外,还有jquery 插件、jqueryUI知识点 jqueryUI 官网: https://jqueryui.com/ jqueryUI 中文网: http://www.jqueryui.org.cn/ jquery插件内容包含: 官网demo: http 阅读全文

posted @ 2018-07-02 09:09 风-fmgao 阅读(87) 评论(0) 推荐(0) 编辑

jquery的ajax

摘要: 什么是AJAX AJAX = 异步的javascript和XML(Asynchronous Javascript and XML) 简言之,在不重载整个网页的情况下,AJAX通过后台加载数据,并在网页上进行显示。 通过 jQuery AJAX 方法,您能够使用 HTTP Get 和 HTTP Pos 阅读全文

posted @ 2018-07-02 09:08 风-fmgao 阅读(121) 评论(0) 推荐(0) 编辑

jquery的事件

摘要: 事件的概念 HTML中与javascript交互是通过事件驱动来实现的,例如鼠标点击事件、页面的滚动事件onscroll等等,可以向文档或者文档中的元素添加事件侦听器来预订事件。想要知道这些事件是在什么时候进行调用的,就需要了解一下“事件流”的概念 什么是事件流 事件流描述的是从页面中接收事件的顺序 阅读全文

posted @ 2018-07-02 09:07 风-fmgao 阅读(145) 评论(0) 推荐(0) 编辑

JQuery的筛选方法

摘要: 前面咱们学习到了jquery的选择器的筛选用法,那么咱们接下来学习一下jquery的常用筛选方法,一张图搞定一切。 前面咱们学习到了jquery的选择器的筛选用法,那么咱们接下来学习一下jquery的常用筛选方法,一张图搞定一切。 阅读全文

posted @ 2018-07-02 09:05 风-fmgao 阅读(230) 评论(0) 推荐(0) 编辑

jquery的css

摘要: position 获取匹配元素相对父元素的偏移位置 offset 获取匹配元素在当前视口的相对偏移,返回的对象包含两个整型属性:top 和 left $("p").offset() $('div').offset().top $("p").offset().left scrollTop 获取匹配元素 阅读全文

posted @ 2018-07-02 09:04 风-fmgao 阅读(101) 评论(0) 推荐(0) 编辑

jQuery的文档操作

摘要: 1、插入操作 一、父元素.append(子元素) 追加某元素 父元素中添加新的元素 var oli = document.createElement('li'); oli.innerHTML = '哈哈哈' //jquery中的dom操作 //1.append(content)追加 往父元素中添加新 阅读全文

posted @ 2018-07-02 09:02 风-fmgao 阅读(180) 评论(0) 推荐(0) 编辑

操作表单域中的value值

摘要: HTML <form action=""> <input type="radio" name="sex" value="112" />男 <input type="radio" name="sex" value="11" checked="" />女 <input type="radio" name 阅读全文

posted @ 2018-07-02 09:01 风-fmgao 阅读(1018) 评论(0) 推荐(0) 编辑

jquery的属性操作

摘要: jquery对象有它自己的属性和方法,我们先研究一下jquery的属性操作。jquery的属性操作模块分为四个部分:html属性操作,dom属性操作,类样式操作和值操作 html属性操作:是对html文档中的属性进行读取,设置和移除操作。比如attr()、removeAttr() DOM属性操作:对 阅读全文

posted @ 2018-07-02 08:58 风-fmgao 阅读(232) 评论(0) 推荐(0) 编辑

jquery的效果

摘要: show 概念:显示隐藏的匹配元素 语法:show(speed,callback) 参数: speed:三种预定速度之一的字符串('slow','normal','fast')或表示动画时长的毫秒值(如:1000毫秒==1秒) callback:在动画完成时执行的函数,每个元素执行一次 hide h 阅读全文

posted @ 2018-07-02 08:57 风-fmgao 阅读(114) 评论(0) 推荐(0) 编辑

jquery对象和DOM对象转换

摘要: DOM对象转换成jquery对象 var box = document.getElementById('box'); console.log($(box)); jquery对象转化成DOM对象 第一种方式: $('button')[0] 第二种方式: $('button').get(0) DOM对象 阅读全文

posted @ 2018-07-02 08:56 风-fmgao 阅读(86) 评论(0) 推荐(0) 编辑

jquery选择器用法

摘要: jquery的基础选择器 选择器的用法其实跟咱们当时讲css的选择器用法类似,只是代码书写的不同 <ul> <li id="brother" class="item">路飞学诚1</li> <li >路飞学诚2</li> <li class="item">路飞学诚3</li> <li>路飞学诚4</ 阅读全文

posted @ 2018-07-02 08:55 风-fmgao 阅读(306) 评论(0) 推荐(0) 编辑

jquery文件的引入

摘要: 上节课说到,一般情况下,是库的文件,该库中都会抛出来构造函数或者对象 ,如果是构造函数,那么创建对象,如果是对象直接调用属性和方法 使用jquery第一步,先引入jquery,然后再写相应的jquery代码 使用jquery注意了 DOM元素加载完成之后就会调用 // DOM元素加载完成之后就会调用 阅读全文

posted @ 2018-07-02 08:53 风-fmgao 阅读(2253) 评论(0) 推荐(0) 编辑

JavaScript和jquery的区别

摘要: Javascript是一门编程语言,我们用它来编写客户端浏览器脚本。 jQuery是javascript的一个库,包含多个可重用的函数,用来辅助我们简化javascript开发 jQuery能做的javascipt都能做到,而javascript能做的事情,jQuery不一定能做到 注意:一般情况下 阅读全文

posted @ 2018-07-02 08:52 风-fmgao 阅读(170) 评论(0) 推荐(0) 编辑

jquery使用js的一些疼处

摘要: 使用javascript的一些疼处 书写繁琐,代码量大 代码复杂 动画效果,很难实现。使用定时器 各种操作和处理 HTML <button id="btn">按钮</button> <div></div> <div></div> <div></div> CSS <style type="text/c 阅读全文

posted @ 2018-07-02 08:51 风-fmgao 阅读(118) 评论(0) 推荐(0) 编辑

jquery基础

摘要: 关于操作input的value值内容比较重要 <form action=""> <input type="radio" name="sex" value="112" />男 <input type="radio" name="sex" value="11" checked="" />女 <input 阅读全文

posted @ 2018-07-02 08:50 风-fmgao 阅读(140) 评论(0) 推荐(0) 编辑

bom知识点

摘要: 1.BOM输出 所谓BOM指的是浏览器对象模型 Browser Object Model,它的核心就是浏览器 alert(1);//弹出框 调式使用 console.log('路飞学城');//用于浏览器的调用 F12查看 prompt('message',defaultValue) var pro 阅读全文

posted @ 2018-07-02 08:49 风-fmgao 阅读(226) 评论(0) 推荐(0) 编辑