随笔分类 -  前端开发

摘要:1.样式一 2.无缝轮播 3.基于bootstrapt下的轮播图 4.基于swiper下的轮播图 阅读全文
posted @ 2018-06-09 22:05 -Learning- 阅读(600) 评论(0) 推荐(0)
摘要:1.web框架之bootstrap bootstrap来源Twitter,是一个CSS/HTML框架,它是基于HTML,CSS,JavaScript下的,使用简洁,当中提供了很多HTML和CSS 如用到自带的轮播过渡,下拉菜单,滚动监听,标签页切换,工具提示,弹框,警告框,模块的显示与隐藏等功能才需 阅读全文
posted @ 2018-06-09 21:41 -Learning- 阅读(213) 评论(0) 推荐(0)
摘要:1.事件流概念 描述的是从页面中接收事件的顺序 包含事件捕获阶段,处于目标阶段,事件冒泡阶段 2.绑定事件 语法 示例:每个标签被点击的时候,弹出其文本 3.解绑事件 示例:将段落的click事件取消绑定 4.自定义事件 详见小马哥博客 阅读全文
posted @ 2018-06-09 21:39 -Learning- 阅读(129) 评论(0) 推荐(0)
摘要:例 3.替换操作 4.删除操作 删除节点后,整个标签都会被删除 删除节点后,事件保留 清空选中元素中的所有后代子节点 阅读全文
posted @ 2018-06-03 12:16 -Learning- 阅读(169) 评论(0) 推荐(0)
摘要:属性操作主要分为四个部分:html属性操作,dom属性操作,类样式操作和值操作 HTML属性操作:属性的读取,设置,以及移除,如attr()、removeAttr() DOM属性操作:属性的读取,设置,以及移除,如prop()、removeProp() 类样式操作:指对DOM属性className进 阅读全文
posted @ 2018-06-03 10:56 -Learning- 阅读(169) 评论(0) 推荐(0)
摘要:1.显示动画 1.1无参数,直接让指定的元素显示出来 1.2通过控制宽高,透明度,display属性逐渐显示,指定时间现实完毕 1.3特定参数类型 参数: slow:600ms normal:400ms fast:200ms 1.4动画执行完毕,立即执行回调函数 2.隐藏动画 代码和显示动画类似 3 阅读全文
posted @ 2018-06-02 23:10 -Learning- 阅读(275) 评论(0) 推荐(0)
摘要:1.概念 1.1基础知识 jQuery是一个兼容多浏览器的JavaScript库,封装了开发过程中常用的一些功能,类似Python模块 jQuery就是用JS写的,JS是基础 jQuery写起来简单,几乎全都是方法,使用它的API时,都是方法调用 开发效率高,兼容性好 1.2相关链接 官网:http 阅读全文
posted @ 2018-06-02 20:16 -Learning- 阅读(242) 评论(0) 推荐(0)
摘要:BOM:浏览器对象模型,操作浏览器部分功能的API。比如让浏览器自动滚动。 1.window对象 所有浏览器都支持 window 对象。概念上讲.一个html文档对应一个window对象.功能上讲: 控制浏览器窗口的.使用上讲: window对象不需要创建对象,直接使用即可. 方法 2.相关操作 2 阅读全文
posted @ 2018-06-02 14:37 -Learning- 阅读(140) 评论(0) 推荐(0)
摘要:1.弹出框点击关闭 (这个例子关键自己创建标签以及属性,不是太好想啊,而且作用相对来数也不是太大) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ padd 阅读全文
posted @ 2018-06-02 14:32 -Learning- 阅读(228) 评论(0) 推荐(0)
摘要:1.HTML DOM是啥 Document Object Model:定义了访问和操作HTML文档的标准方法,把HTML文档呈现为带有元素,属性和文本的树状结构 2.解析过程 HTML加载完毕,渲染引擎会在内存中把HTML文档,生成一个DOM树,getElementById是获取内中DOM上的元素节 阅读全文
posted @ 2018-05-30 19:48 -Learning- 阅读(292) 评论(0) 推荐(1)
摘要:DOM:文档对象模型,操作网页上的元素的API。比如让盒子移动、变色、轮播图等。 1.DOM(Document Object Moduel):文档对象模型 定义了访问和操作HTML文档的标准法,把HTML文档呈现为带有元素,属性和文本的树结构,由节点组成 解析过程:HTML加载完毕,渲染引擎会在内存 阅读全文
posted @ 2018-05-29 22:35 -Learning- 阅读(555) 评论(0) 推荐(0)
摘要:1.JavaScript基础 2.语法规则 3 常用内置对象 4 函数 5 伪数组 6.异常处理 1.1 web前端分为三层 HTML:从语义的角度,描述页面结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角度,描述行为(提升用户体验) HTML:从语义的角度,描述页 阅读全文
posted @ 2018-05-28 23:08 -Learning- 阅读(360) 评论(0) 推荐(0)
摘要:1.小米最上部导航栏设置 2.导航栏定位问题(position) 有3种方式: 相对定位 固定定位 绝对定位 2.1相对定位(relative) 相对自己原来的位置进行定位,自己原来的位置作为参考点 使用relative下的top,left进行定位 使用相对定位可以来进行后续表单位置设计 2.2绝对 阅读全文
posted @ 2018-05-25 22:52 -Learning- 阅读(1306) 评论(0) 推荐(0)
摘要:1.盒模型 "box model"这一术语是用来设计和布局时使用,然后在网页中基本上都会显示一些方方正正的盒子。我们称为这种盒子叫盒模型。 盒模型有两种:标准模型和IE模型。这里重点学习标准模型。 盒模型示意图: 盒模型属性: width:内容的宽度 height: 内容的高度 padding:内边 阅读全文
posted @ 2018-05-24 23:31 -Learning- 阅读(286) 评论(0) 推荐(0)
摘要:1.文本操作 1.1文本颜色(color) 颜色指定方式: 十六进制值 - 如: #FF0000 一个RGB值 - 如: RGB(255,0,0) 颜色的名称 - 如: red 1.2水平对齐方式 text-align 属性规定元素中的文本的水平对齐方式。 left 把文本排列到左边。默认值:由浏览 阅读全文
posted @ 2018-05-24 21:39 -Learning- 阅读(549) 评论(0) 推荐(0)
摘要:1.css优先级以及继承 css具有两大特性:继承性和层叠性 继承性 继承:给父级设置一些属性,子级继承了父级的该属性,这就是我们的css中的继承。 有一些属性是可以继承下来 : color 、 font-*、 text-*、line-* 。主要是文本级的标签元素。 但是像一些盒子元素属性,定位的元 阅读全文
posted @ 2018-05-24 20:48 -Learning- 阅读(363) 评论(0) 推荐(0)
摘要:标题: 1.scc概述 2.行内样式 3.内接样式 4.外接样式(链接式) 推荐使用 5.外接样式(导入式) 6.嵌套规则 7.css选择器 1.scc(Cascading Style Sheets)层叠样式表 当前CSS前端分为三层: HTML:超文本标记语言。从语义的角度描述页面结构。 CSS: 阅读全文
posted @ 2018-05-24 20:16 -Learning- 阅读(430) 评论(0) 推荐(0)
摘要:1.列表标签 1.1无序列表<ul>,当中每一层都是<li> 注:li不能单独存在,必须包裹在ul里面 ul中相关属性:type="属性值"。属性值可以选: disc(实心原点,默认),square(实心方点),circle(空心圆)。 1.2有序列表<ol>,当中每一层都是<li> 注:出来的都根 阅读全文
posted @ 2018-05-22 22:08 -Learning- 阅读(2478) 评论(0) 推荐(1)
摘要:1.0开发工具介绍 sublime的使用技巧链接 HTML特殊符号表 1.1 html概念 超文本标记语言(Hypertext Markup Language),属于一种描述性的标记语言(markup language),通过标签来标记要显示的网页的各个部分 它没有编译过程,不属于编译语言,HTML 阅读全文
posted @ 2018-05-21 19:55 -Learning- 阅读(208) 评论(0) 推荐(0)