随笔分类 -  0.15 |— 模块6:web前端开发

摘要:前端内容流程导图 大家根据流程导图,规划好前端的内容知识点,导图中有问题的地方随时指出来,我及时修改。感谢! 以下链接我会每星期更新一次,简易大家不要偶尔回来逛逛,我会想你们的! 前端HTML+CSS流程导图 链接地址: https://www.processon.com/view/link/5ad 阅读全文
posted @ 2018-06-04 21:28 venicid 阅读(178) 评论(0) 推荐(0) 编辑
摘要:1、全局CSS样式 https://v3.bootcss.com/css/ 2、bootstrap组件 3、bootstrap插件 4、案例 (1)下拉菜单 (2)模态框 (3)滚动监听 5、补充 阅读全文
posted @ 2018-06-04 20:42 venicid 阅读(613) 评论(0) 推荐(0) 编辑
摘要:1、Bootstrap的介绍 凡是使用过Bootstrap的开发者,都不在乎做这么两件事情:复制and粘贴。哈哈~,是的使用Bootstrap非常简单,但是在复制粘贴之前,需要先对Bootstrap的用法一一熟悉之后我们才开始干活! Bootstrap,来自 Twitter,是目前最受欢迎的前端框架 阅读全文
posted @ 2018-06-04 17:20 venicid 阅读(625) 评论(0) 推荐(0) 编辑
摘要:jquery除了咱们上面讲解的常用知识点之外,还有jquery 插件、jqueryUI知识点 jqueryUI 官网: https://jqueryui.com/ jqueryUI 中文网: http://www.jqueryui.org.cn/ jquery插件内容包含: 官网demo: http 阅读全文
posted @ 2018-06-04 16:26 venicid 阅读(141) 评论(0) 推荐(0) 编辑
摘要:1、什么是AJAX AJAX = 异步的javascript和XML(Asynchronous Javascript and XML) 2、jQuery的load()方法 语法: 3. jquery的getJSON方法 jQuery的AJAX中使用getJSON()方法异步加载JSON格式数据。获取 阅读全文
posted @ 2018-06-04 16:19 venicid 阅读(224) 评论(0) 推荐(0) 编辑
摘要:重点:jQuery事件绑定on()、bind()与delegate() 方法详解 1、jquery的事件 2、addEventListener,document 1、addEventListener 2、document、documentElement和document.body三者之间的关系: 接 阅读全文
posted @ 2018-06-04 15:34 venicid 阅读(186) 评论(0) 推荐(0) 编辑
摘要:1 2 3 4 阅读全文
posted @ 2018-06-04 11:38 venicid 阅读(91) 评论(0) 推荐(0) 编辑
摘要:1、仿淘宝导航栏案例 2、选项卡嵌套 3、小米官网案例 4、焦点轮播图 5、动态实现轮播图 阅读全文
posted @ 2018-06-04 11:36 venicid 阅读(234) 评论(0) 推荐(0) 编辑
摘要:1、jquery的属性操作 jquery对象有它自己的属性和方法,我们先研究一下jquery的属性操作。jquery的属性操作模块分为四个部分:html属性操作,dom属性操作,类样式操作和值操作 (1)html文档操作,dom元素设置,移除 (2)操作 class 值,操作值html,text,v 阅读全文
posted @ 2018-06-04 11:13 venicid 阅读(241) 评论(0) 推荐(0) 编辑
摘要:1、隐藏,显示 2、盒子变高,扩充 3、淡入淡出效果 4、jquery效果:动画animate stop delay 5、右下角弹出小广告 6 阅读全文
posted @ 2018-06-04 09:49 venicid 阅读(251) 评论(0) 推荐(0) 编辑
摘要:1、基础选择器 2、层级选择器 3、基本过滤选择器 4、属性选择器 5、筛选选择器 6.jquery对象和DOM对象转换 阅读全文
posted @ 2018-06-03 22:46 venicid 阅读(199) 评论(0) 推荐(0) 编辑
摘要:1、jQuery介绍 jQury官网:https://jquery.com/ 2、jQuery文件的引入 2、js的痛点 3.jQuery入口函数 (1)如果没有引入jquery :$ is not defined (2)jquery是js的一个库文件,既然是库文件,那么就会抛出来一个构造函数或者对 阅读全文
posted @ 2018-06-03 16:13 venicid 阅读(447) 评论(0) 推荐(0) 编辑
摘要:1、jsBom简介 2.Bom输出:浏览器弹窗,console 3.open_close新页面方法 3、返回用户设备,本地消息,跳转,刷新 4、client系列:盒子内容到四边 5、clientWidth 屏幕得可视区域 6、offset系列:盒子在浏览器的定位 7、scroll系列 阅读全文
posted @ 2018-06-03 12:00 venicid 阅读(211) 评论(0) 推荐(0) 编辑
摘要:1、DOM操作 在JS中,所有的事物都是节点,元素、文本等都是节点。 应用场景:可以通过节点进行DOM对象的增删改查 (1)获取DOM节点的方法 (2)常用的DOM节点 (3)节点的增删改查 2、模态框案例 (1)自己写的 (2)标准答案 3、点击有惊喜 4、简易留言板 5、选项卡 6、仿淘宝搜索栏 阅读全文
posted @ 2018-06-03 10:53 venicid 阅读(254) 评论(0) 推荐(0) 编辑
摘要:1、函数创建 2、对象Object 3、对象补充:json转换 4、定时器 5、正则表达式 https://www.processon.com/view/link/5add4ef9e4b04691064d5e37 6、元字符 7、正则表达式练习 阅读全文
posted @ 2018-06-03 10:20 venicid 阅读(510) 评论(0) 推荐(0) 编辑
摘要:1、Array数组 2、字符串String 3、Date日期对象 4、Math内置对象 阅读全文
posted @ 2018-06-03 10:02 venicid 阅读(267) 评论(0) 推荐(0) 编辑
摘要:1、流程控制:if switch 2、循环:while for do while 3.输出直角三角形 阅读全文
posted @ 2018-06-03 09:55 venicid 阅读(244) 评论(0) 推荐(0) 编辑
摘要:0.javaScript的发展历程 https://zhuanlan.zhihu.com/p/27985124 1、javaScript是什么? javaScript是一种web前端的描述语言,也是一种基于对象(object)和事件驱动(Event Driven)的、安全性好的脚本语言。 它运行在客 阅读全文
posted @ 2018-06-03 09:19 venicid 阅读(175) 评论(0) 推荐(0) 编辑
摘要:1、超链接美化 2、背景图片repeat 3、通天bar图 4、固定导航栏 5、父相子绝 6 阅读全文
posted @ 2018-06-02 21:57 venicid 阅读(418) 评论(0) 推荐(0) 编辑
摘要:1、postion位置属性 2、相对定位relative (2)相对定位有bug (3)微调元素 3、绝对定位absolute (1)绝对定位参考点 (2)以父辈当做参考点 (3)父相子绝,父绝子绝,父固子绝 (4)绝对定位的盒子无视父辈的 padding (5)绝对定位盒子居中 4、fixed固定 阅读全文
posted @ 2018-06-02 21:04 venicid 阅读(227) 评论(0) 推荐(0) 编辑