前端内容流程导图
摘要：
大家根据流程导图，规划好前端的内容知识点，导图中有问题的地方随时指出来，我及时修改。感谢！ 以下链接我会每星期更新一次，简易大家不要偶尔回来逛逛，我会想你们的! 前端HTML+CSS流程导图 链接地址： https://www.processon.com/view/link/5ad1c2d0e4b0 阅读全文
posted @ 2018-07-02 09:15 风-fmgao 阅读(192) 评论(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 阅读(763) 评论(0) 推荐(0)
bootstrap的引入和使用
摘要：
Bootstrap的下载 一. 使用Bootstrap第一步，先将生成环境的Bootstrap下载下来。然后将下载，然后引入到自己建好的当前目录中 二、点到起步中的基本模板 将看到的整段代码复制粘贴到建好的index.html文件中 官网明确表示： 使用此给出的这份超级简单的HTML模板，或者修改这 阅读全文
posted @ 2018-07-02 09:12 风-fmgao 阅读(327) 评论(0) 推荐(0)
Bootstrap的介绍和响应式媒体查询
摘要：
Bootstrap的介绍 凡是使用过Bootstrap的开发者，都不在乎做这么两件事情：复制and粘贴。哈哈~，是的使用Bootstrap非常简单，但是在复制粘贴之前，需要先对Bootstrap的用法一一熟悉之后我们才开始干活！ Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。B 阅读全文
posted @ 2018-07-02 09:11 风-fmgao 阅读(344) 评论(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 阅读(101) 评论(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 阅读(125) 评论(0) 推荐(0)
jquery的事件
摘要：
事件的概念 HTML中与javascript交互是通过事件驱动来实现的，例如鼠标点击事件、页面的滚动事件onscroll等等，可以向文档或者文档中的元素添加事件侦听器来预订事件。想要知道这些事件是在什么时候进行调用的，就需要了解一下“事件流”的概念 什么是事件流 事件流描述的是从页面中接收事件的顺序 阅读全文
posted @ 2018-07-02 09:07 风-fmgao 阅读(155) 评论(0) 推荐(0)
JQuery的筛选方法
摘要：
前面咱们学习到了jquery的选择器的筛选用法，那么咱们接下来学习一下jquery的常用筛选方法，一张图搞定一切。 前面咱们学习到了jquery的选择器的筛选用法，那么咱们接下来学习一下jquery的常用筛选方法，一张图搞定一切。 阅读全文
posted @ 2018-07-02 09:05 风-fmgao 阅读(238) 评论(0) 推荐(0)
jquery的css
摘要：
position 获取匹配元素相对父元素的偏移位置 offset 获取匹配元素在当前视口的相对偏移,返回的对象包含两个整型属性：top 和 left $("p").offset() $('div').offset().top $("p").offset().left scrollTop 获取匹配元素 阅读全文
posted @ 2018-07-02 09:04 风-fmgao 阅读(109) 评论(0) 推荐(0)
jQuery的文档操作
摘要：
1、插入操作 一、父元素.append(子元素) 追加某元素 父元素中添加新的元素 var oli = document.createElement('li'); oli.innerHTML = '哈哈哈' //jquery中的dom操作 //1.append(content)追加 往父元素中添加新 阅读全文
posted @ 2018-07-02 09:02 风-fmgao 阅读(183) 评论(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 阅读(1029) 评论(0) 推荐(0)
jquery的属性操作
摘要：
jquery对象有它自己的属性和方法，我们先研究一下jquery的属性操作。jquery的属性操作模块分为四个部分：html属性操作，dom属性操作，类样式操作和值操作 html属性操作：是对html文档中的属性进行读取，设置和移除操作。比如attr()、removeAttr() DOM属性操作：对 阅读全文
posted @ 2018-07-02 08:58 风-fmgao 阅读(239) 评论(0) 推荐(0)
jquery的效果
摘要：
show 概念:显示隐藏的匹配元素 语法：show(speed,callback) 参数： speed：三种预定速度之一的字符串('slow','normal','fast')或表示动画时长的毫秒值（如：1000毫秒==1秒） callback:在动画完成时执行的函数，每个元素执行一次 hide h 阅读全文
posted @ 2018-07-02 08:57 风-fmgao 阅读(119) 评论(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 阅读(89) 评论(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 阅读(310) 评论(0) 推荐(0)
jquery文件的引入
摘要：
上节课说到，一般情况下，是库的文件，该库中都会抛出来构造函数或者对象 ，如果是构造函数，那么创建对象，如果是对象直接调用属性和方法 使用jquery第一步，先引入jquery，然后再写相应的jquery代码 使用jquery注意了 DOM元素加载完成之后就会调用 // DOM元素加载完成之后就会调用 阅读全文
posted @ 2018-07-02 08:53 风-fmgao 阅读(2263) 评论(0) 推荐(0)
JavaScript和jquery的区别
摘要：
Javascript是一门编程语言，我们用它来编写客户端浏览器脚本。 jQuery是javascript的一个库，包含多个可重用的函数，用来辅助我们简化javascript开发 jQuery能做的javascipt都能做到，而javascript能做的事情，jQuery不一定能做到 注意：一般情况下 阅读全文
posted @ 2018-07-02 08:52 风-fmgao 阅读(182) 评论(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 阅读(123) 评论(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 阅读(146) 评论(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 阅读(238) 评论(0) 推荐(0)
无缝轮播
摘要：
<div class="box"> <ul> <li><img src="images/01.jpg"/></li> <li><img src="images/02.jpg"/></li> <li><img src="images/03.jpg"/></li> <li><img src="image 阅读全文
posted @ 2018-07-02 08:48 风-fmgao 阅读(86) 评论(0) 推荐(0)
小米滚动
摘要：
<div id="box" class="wrap"> <img src="images/mi.png"/ id="xiaomi"> <span class="up" id="picUp"></span> <span class="down" id="picDown"></span> </div> 阅读全文
posted @ 2018-07-02 08:48 风-fmgao 阅读(155) 评论(0) 推荐(0)
5秒之后关闭广告
摘要：
<img src="images/1.gif"/ id="left"> <img src="images/1.gif"/ id="right"> <ul> <li>屠龙宝刀，点击就送</li> <li>屠龙宝刀，点击就送</li> <li>屠龙宝刀，点击就送</li> <li>屠龙宝刀，点击就送</ 阅读全文
posted @ 2018-07-02 08:47 风-fmgao 阅读(322) 评论(0) 推荐(0)
迅速运动
摘要：
<div id="wrap"> <button id="btn">运动</button> <div class="box" id="box1"> </div> </div> *{ padding: 0; margin: 0; } .box{ width: 200px; height: 200px; 阅读全文
posted @ 2018-07-02 08:46 风-fmgao 阅读(90) 评论(0) 推荐(0)
获取当前时间
摘要：
setInterval(function(){ var date = new Date(); var y = date.getFullYear(); var m = date.getMonth(); var d = date.getDate(); var h = date.getHours(); v 阅读全文
posted @ 2018-07-02 08:45 风-fmgao 阅读(91) 评论(0) 推荐(0)
防淘宝搜索框
摘要：
<div id="search"> <input type="text" id="text" /> <label for="txt" id="msg">路飞学城</label> </div> *{ padding: 0; margin: 0; } #search{ position: relativ 阅读全文
posted @ 2018-07-02 08:44 风-fmgao 阅读(285) 评论(0) 推荐(0)
选项卡
摘要：
<div id="tab"> <ul> <li class="active"><a href="#">首页</a></li> <li><a href="#">新闻</a></li> <li><a href="#">图片</a></li> </ul> <p class="active">首 阅读全文
posted @ 2018-07-02 08:42 风-fmgao 阅读(142) 评论(0) 推荐(0)
点击有惊喜
摘要：
<div class="box"> 点击有惊喜！！ </div> *{ padding: 0; margin: 0; } .box{ width: 200px; height: 200px; background: red; text-align: center; color: white; lin 阅读全文
posted @ 2018-07-02 08:41 风-fmgao 阅读(210) 评论(0) 推荐(0)
简易留言板
摘要：
<h1>简易留言板</h1> <div id="box"> </div> <textarea id="msg"></textarea> <input type="button" id="btn" value="留言"/> <button onclick="sum()">统计</button> //创 阅读全文
posted @ 2018-07-02 08:41 风-fmgao 阅读(152) 评论(0) 推荐(0)
模态框案例
摘要：
<body> <button id="btn">弹出</button> </body> *{padding: 0;margin: 0;} html,body{height: 100%;} #box{width: 100%;height: 100%;background: rgba(0,0,0,.3) 阅读全文
posted @ 2018-07-02 08:40 风-fmgao 阅读(98) 评论(0) 推荐(0)
DOM操作
摘要：
在JS中，所有的事物都是节点，元素、文本等都是节点。 应用场景：可以通过节点进行DOM对象的增删改查 1.获取DOM节点的方法 //通过id获取，唯一的 var oDiv = document.getElementById('box'); //通过类名获取 var oDiv = document.g 阅读全文
posted @ 2018-07-02 08:39 风-fmgao 阅读(197) 评论(0) 推荐(0)
函数和object
摘要：
普通函数 在javascript中,函数是一等公民,函数在javascript是一个数据类型,而非像C#或其他描述性语言那样仅仅作为一个模块来使用. 一.函数调用形式 函数调用形式是最常见的形式,也是最好理解的形式。所谓函数形式就是一般声明函数后直接调用。例如： //1.js中的函数的声明 记得：有 阅读全文
posted @ 2018-07-02 08:37 风-fmgao 阅读(186) 评论(0) 推荐(0)
定时器
摘要：
在js中的定时器分两种：1、setTimeout() 2、setInterval() 1.setTimeOut() 只在指定时间后执行一次 //定时器 异步运行 function hello(){ alert("hello"); } //使用方法名字执行方法 var t1 = window.setT 阅读全文
posted @ 2018-07-02 08:37 风-fmgao 阅读(109) 评论(0) 推荐(0)
常用内置对象
摘要：
所谓内置对象就是ECMAScript提供出来的一些对象，我们知道对象都是有相应的属性和方法，其实这里很多的js对象跟python的很多语法类似 数组Array 1.数组的创建方式 字面量方式创建（推荐大家使用这种方式，简单粗暴） 使用构造函数（后面会讲）的方式创建 使用new关键词对构造函数进行创建 阅读全文
posted @ 2018-07-02 08:35 风-fmgao 阅读(463) 评论(0) 推荐(0)
流程控制
摘要：
1.if 、if-else、if-else if-else var ji = 20; if(ji >= 20){ console.log('恭喜你，吃鸡成功，大吉大利') } alert('alex');//下面的代码还会执行 var ji = 20; if(ji>=20){ console.log 阅读全文
posted @ 2018-07-02 08:34 风-fmgao 阅读(125) 评论(0) 推荐(0)
数据类型转换
摘要：
其实这个概念我就详细介绍了，我们的数据类型有很多，在某个页面中展示的数据类型也不同，比如说电话号码我就要求number的类型，而输入姓名的时候就要求string类型的。那么在适当的情况下我们可以将数据类型进行转换。python中比如说int('12') 转换成数值类型的。那么javascript中如 阅读全文
posted @ 2018-07-02 08:33 风-fmgao 阅读(157) 评论(0) 推荐(0)
运算符
摘要：
js中的运算符跟python中的运算符有点类似，但也有不同。所谓运算,在数学上，是一种行为，通过已知量的可能的组合，获得新的量。 1.赋值运算符 以var x = 12,y=5来演示示例 运算符例子等同于运算结果 = x=y x=5 += x+=y x=x+y x=17 -= x-=y x=x-y 阅读全文
posted @ 2018-07-02 08:32 风-fmgao 阅读(133) 评论(0) 推荐(0)
javascript中的数据类型
摘要：
数据类型包括：基本数据类型和引用数据类型 基本数据类型指的是简单的数据段，引用数据类型指的是有多个值构成的对象。 当我们把变量赋值给一个变量时，解析器首先要确认的就是这个值是基本类型值还是引用类型值 1.基本数据类型 number var a = 123; //typeof 检查当前变量是什么数据类 阅读全文
posted @ 2018-07-02 08:30 风-fmgao 阅读(127) 评论(0) 推荐(0)
javascript示例一
摘要：
开发工具介绍 前端常用开发工具：sublime、visual Studio Code、HBuilder、Webstorm。 那么大家使用的PCharm跟WebStorm是JetBrains公司推出的编辑工具，开发阶段建议使用。 我的第一个javascript实例 <!DOCTYPE html> <h 阅读全文
posted @ 2018-07-02 08:28 风-fmgao 阅读(123) 评论(0) 推荐(0)
变量
摘要：
变量的含义 即在程序运行过程中它的值是允许改变的量。与它对应的就是常量：即在程序运行过程中它的值是不允许改变的量 js是跟python一样同样是弱类型的语言，python中定义变量没有关键字： str = ‘alex’ 但是在js中定义变量使用关键字：var str = ‘alex’； 变量的声明和 阅读全文
posted @ 2018-07-02 08:28 风-fmgao 阅读(115) 评论(0) 推荐(0)
javaScript介绍
摘要：
一、javaScript是什么？ javaScript是一种web前端的描述语言，也是一种基于对象（object）和事件驱动（Event Driven）的、安全性好的脚本语言。 它运行在客户端从而减轻服务器的负担。 javaScript的特点： javaScript主要用来向html页面中添加交互行 阅读全文
posted @ 2018-07-02 08:26 风-fmgao 阅读(301) 评论(0) 推荐(0)
浙公网安备 33010602011771号