随笔分类 -  web前端

关于HTML CSS JavaScript等前端技术的学习笔记
摘要:内容: 1.预备知识 2.http协议 3.面试常问 1.预备知识 (1)网址组成(URL构成) (2)通信原理 2.http协议 (1)http协议是什么 (2)请求和返回的数据格式 (3)请求格式 (4)返回格式 (5)http协议的作用 3.面试常问 HTTP请求的整个过程是什么样的?答案如下 阅读全文
posted @ 2018-07-28 19:03 woz333333 阅读(294) 评论(0) 推荐(0)
摘要:题目: 预备代码: 题目代码: 阅读全文
posted @ 2018-07-26 12:07 woz333333 阅读(654) 评论(0) 推荐(0)
摘要:1.需求: 实现一个如下页面: 最上面是输入框,后面是add按钮,输入文本点击add按钮,在下面就会出现一行,下面出现的每行最前面是两个按钮,然后后面是todo(要做的事) 第一个按钮是完成按钮,第二个按钮是删除按钮,点击完成按钮后这一行虽然不会消失,但是这一行会有一条横线在上面表示完成,点击删除按 阅读全文
posted @ 2018-07-25 12:55 woz333333 阅读(846) 评论(0) 推荐(0)
摘要:知识内容: 1.jQuery大致了解 2.jQuery基础语法 3.jQuery事件 4.jQuery实例 5.jQuery动画效果 6.jQuery补充 预备知识:DOM基本操作与事件 参考: http://www.cnblogs.com/liwenzhou/p/8178806.html jQue 阅读全文
posted @ 2018-07-24 15:45 woz333333 阅读(230) 评论(0) 推荐(0)
摘要:JavaScript中在调用函数的那一瞬间之前,会先进行词法分析 词法分析的过程: 当函数调用的前一瞬间,会先形成一个激活对象:Avtive Object(AO),并会分析以下3个方面: 1:函数参数,如果有,则将此参数赋值给AO,且值为undefined。如果没有,则不做任何操作。2:函数局部变量 阅读全文
posted @ 2018-07-23 19:20 woz333333 阅读(304) 评论(0) 推荐(0)
摘要:知识内容: 1.BOM介绍 2.DOM操作 3.事件 参考:http://www.cnblogs.com/liwenzhou/p/8011504.html 入门代码(DOM基本操作与事件): 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="u 阅读全文
posted @ 2018-07-23 15:54 woz333333 阅读(310) 评论(0) 推荐(0)
摘要:在这存一下JavaScript常用代码: 1.封装输出 2.向JavaScript的字符串中添加一些功能 (1)添加reverse函数 (2)添加字符串格式化函数format 3.JavaScript序列化/反序列化 有一个常见的需求是在 字典/数组 和 字符串 之间相互转换,这个过程叫做 序列化/ 阅读全文
posted @ 2018-07-22 15:48 woz333333 阅读(231) 评论(0) 推荐(0)
摘要:知识内容: 1.JavaScript对象 2.JavaScript对象的分类 3.访问对象的属性和方法 4.JavaScript内建对象 一、JavaScript对象 1.什么是JavaScript对象 JavaScript对象: JavaScript对象可以说是JavaScript基本数据类型之一 阅读全文
posted @ 2018-07-22 14:17 woz333333 阅读(272) 评论(0) 推荐(0)
摘要:知识内容: 1.JavaScript中的数组 2.JavaScript中的字符串 一、JavaScript中的数组 1.JavaScript中的数组是什么 数组指的是数据的有序列表,每种语言基本上都有数组这个概念,但是JavaScript的数组跟别的语言的数组很不同: 数组长度可以动态改变 同一个数 阅读全文
posted @ 2018-07-21 23:21 woz333333 阅读(976) 评论(0) 推荐(0)
摘要:知识内容: 1.预备知识 - 函数表达式 2.匿名函数 3.闭包 一、函数表达式 1.定义函数的两种方式 函数声明: 函数表达式: 2.注意事项 函数表达式使用前必须赋值!像下面的代码是错误的: 函数表达式可以作为一个普通变量在分支中根据条件来赋值: 上述代码不同的运行效果: 能创建函数赋值给变量, 阅读全文
posted @ 2018-07-21 20:43 woz333333 阅读(270) 评论(0) 推荐(0)
摘要:JavaScript递归 1.递归定义 递归简而言之就是一个函数调用本身或者两个函数相互调用,我们只讨论第一种情况,需要注意的是, 递归是一个比较难以理解的概念,看不懂, 不理解, 太正常了,这需要时间来, 慢慢搞懂它 注意:接下来的例子都只是例子而已, 实际不会这么写代码,递归有适用的场景, 但不 阅读全文
posted @ 2018-07-19 15:09 woz333333 阅读(288) 评论(0) 推荐(0)
摘要:知识内容: 1.条件语句(分支语句) 2.循环语句 3.with语句 4.异常处理 5.本节练习 参考资料:《JavaScript高级程序设计》 1.条件语句 JavaScript中的条件语句类似C、C++: (1)if语句 注: == 值相等 值和类型都相等 && and || or (2)swi 阅读全文
posted @ 2018-07-19 12:49 woz333333 阅读(152) 评论(0) 推荐(0)
摘要:知识内容: 1.JavaScript数据类型综述 2.JavaScript原始数据类型(基本数据类型) 3.JavaScript对象类型 补充:JavaScript中的类型转换 参考资料:《JavaScript高级程序设计》 一、JavaScript数据类型综述 1.JavaScript中的数据类型 阅读全文
posted @ 2018-07-19 12:45 woz333333 阅读(194) 评论(0) 推荐(0)
摘要:知识内容: 1.JavaScript函数 2.JavaScript全局函数及特殊函数 3.JavaScript作用域 4.本节练习 参考资料:《JavaScript高级程序设计》 一、JavaScript中的函数 1.函数的定义 学完python后,对函数的定义一定不再陌生了,函数对于任何一个语言来 阅读全文
posted @ 2018-07-17 23:47 woz333333 阅读(733) 评论(0) 推荐(0)
摘要:知识内容: 1.浮动相关 2.display属性 3.居中显示 4.盒模型和box-sizing 5.position属性 6.响应式设计 7.flex布局 8.其他 参考:http://zh.learnlayout.com/ 1.浮动相关 (1)float float可以让一个元素浮动起来,可以让 阅读全文
posted @ 2018-06-23 20:10 woz333333 阅读(231) 评论(0) 推荐(0)
摘要:知识内容: 1.理解对象 2.创建对象 3.继承 参考资料:《JavaScript高级程序设计》 1.理解对象 JavaScript中的面向对象和其他语言中的面向对象不一样,JavaScript中没有类的概念,ECMA-262把对象定义为无序属性的集合,其属性可以包含基本值、对象或函数 JavaSc 阅读全文
posted @ 2018-06-09 03:40 woz333333 阅读(143) 评论(0) 推荐(0)
摘要:知识内容: 1.JavaScript简介 2.如何编写JavaScript 3.JavaScript基础知识 4.其他 参考资料:《JavaScript高级程序设计》 一、JavaScript简介 1.JavaScript是什么 JavaScript是一门编程语言,简称js,浏览器内置了JavaSc 阅读全文
posted @ 2018-06-09 03:29 woz333333 阅读(136) 评论(0) 推荐(0)
摘要:知识内容: 1.HTML总结 2.CSS总结 一、HTML总结 详细内容见:http://www.cnblogs.com/wyb666/p/8733699.html 1.HTML介绍及前端入门 (1)HTML是一套规则,浏览器认识的规则 (2)开发者:学习Html规则开发后台程序: - 写html文 阅读全文
posted @ 2018-05-26 06:26 woz333333 阅读(169) 评论(0) 推荐(0)
摘要:使用HTML和CSS实现以下页面: 抽屉首页 个人博客首页 小米官网首页 登录注册页面 一、抽屉首页 1.实现目标:https://dig.chouti.com/ 2.代码: HTML: 1 <!--__author__ = "wyb"--> 2 <!DOCTYPE html> 3 <html la 阅读全文
posted @ 2018-05-24 12:41 woz333333 阅读(490) 评论(0) 推荐(0)
摘要:知识内容: 1.CSS选择器 2.CSS常用样式 参考:http://www.cnblogs.com/yuanchenqi/articles/5977825.html 一、CSS选择器 1.基础选择器 通用元素选择器 *: 匹配任意元素 标签选择器:匹配所有指定标签的样式 id选择器:根据指定的id 阅读全文
posted @ 2018-04-29 21:38 woz333333 阅读(553) 评论(0) 推荐(0)