随笔分类 - Web前端开发
摘要：# 【8.0】前端基础之JavaScript引入 # 【一】什么是JavaScript - js也是一门编程语言，他可以写后端代码 - JavaScript想一统天下，前后端都写 - 于是node.js 支持JS代码跑在后端服务器上 - 但是并不能完美的实现 - JavaScript和Java一毛钱
阅读全文
摘要：# 【7.0】前端基础之CSS案例 > 在设计页面的时候先用div划分页面，再去填充数据，再去填充样式  ## h
阅读全文
摘要：# 【6.0】前端基础之CSS终章 # 【一】浮动带来的影响及解决办法 ## 【1】父标签塌陷 - 造成父标签塌陷的问题 ```html Title ``` - 内部元素因为浮动导致了外边框无法框柱内部元素 ## 【2】解决办法一 ```html Title ``` - 内部再创建一个子标签，给一个
阅读全文
摘要：# 【5.0】前端基础之CSS进阶 # 【一】分组与嵌套 ### 【1】分组 ```html Title 这是div标签 这是p标签 这是span标签 ``` > 上述方法，重复代码造成了代码的冗余 ```html Title 这是div标签 这是p标签 这是span标签 ``` ### 【2】嵌套
阅读全文
摘要：# 【十四】JavaScript之DOM中的事件操作 ## 【1】事件操作 - 所谓的事件（Event）,其实就是用户与浏览器之间的一次交互过程或交互行为。 - 例如：用户输入一段内容，用户鼠标晃动一下等等。 - js中提供了大量的事件操作给开发者, 在用户发生事件操作以后，进行反馈，响应。 - 事
阅读全文
摘要：# 【十三】JavaScript之DOM ## 【1】DOM - DOM（Document Object Model，译作文档对象模型），这部分内容主要是学习document对象提供给开发者操作html/xml文档的方法属性或子对象来完成动态特效的。 - 当然这部分代码在不同浏览器下的效果几乎一样，
阅读全文
摘要：# 【十二】JavaScript之BOM ## 【1】什么是BOM - BOM（Brower Object Model，浏览器对象模型），主要是浏览器中js解释器提供给开发者调用浏览器功能的对象或接口方法 - 因为旧版本浏览器厂商实现不一样，所以有可能存在同一段代码在不同旧浏览器下的结果不一致的兼容
阅读全文
摘要：# 【十一】JavaScript之案例-todolist ## 基本页面 ```html Title 添加 学习python删除↑↓ 学习python删除↑↓ 学习python删除↑↓ 学习python删除↑↓ ``` ## 效果实现 ```html Title 添加 ```
阅读全文
摘要：# 【十】JavaScript之内置对象 ## 【1】内置对象 - build-in Object，也叫内建对象，由浏览器提供给开发者直接使用的。 > 文档地址：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Glo
阅读全文
摘要：# 【九】JavaScript之对象 ## 【1】对象 - js中，虽然是函数优先的编程语言，但是使用上也是基于对象的 - 所以在js中也存在万物皆为对象的情况。 ## 【2】对象的创建 ```html Title ``` ## 【3】对象的基本使用 ```html Title ``` ## 【4】
阅读全文
摘要：# 【八】JavaScript之函数 ## 【1】函数 - javascript 被称为披着面向对象的皮的函数式编程语言，是函数优先的编程语言，所以本质上js中的一切都是基于函数构建出来，所以函数本身也是对象，也是一等公民。 - function，是类似变量一样的容器，代表了一段具有指定功能的代码段
阅读全文
摘要：# 【七】JavaScript之异常判断 ## 【1】异常捕获 > 文档：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/try...catch > ### js中提供了三种异常处理的写法： 1
阅读全文
摘要：# 【六】JavaScript之流程控制 ## 【1】语句块 ```javascript { // 语句块，会作为一个整体来执行。 } ``` > - 判断语句/分支语句 > - id > - switch > - 循环语句/遍历语句 > - ## 【2】判断语句/分支语句 ### 【2.1】**i
阅读全文
摘要：# 【五】JavaScript之运算符 ## 【1】算术运算符 | 运算符 | 描述 | | | | | + | 加法 | | - | 减法 | | * | 乘法 | | / | 除法 | | % | 取模/求余数 | | ** | 幂运算 | ```html Title = 计算 ``` ## 【
阅读全文
摘要：# 【四】JavaScript之类型转换 ## 【1】类型转换 - javascript是弱类型的编程语言 - 所以本身不仅提供了数据类型的转换 - 甚至在数据使用运算符的时候，javascript的解释器也会出现默认隐式转换数据类型的情况。 ## 【2】字符串 - 字符串转换成布尔值 - 除了空字
阅读全文
摘要：# 【三】JavaScript之数据类型 ## 【0】数据类型展示 - javascript中变量的值有不同的作用或者功能。 - 按不同的功能，值也可以区分不同的类型。 | 类型 | 名称 | 描述 | | | | | | Number | 数值型 | 整数，浮点数。。。。 | | String |
阅读全文
摘要：# 【二】JavaScript基本语法 ## 【1】注释 - javascript中有2种注释写法。 - 注释在程序中时经常见到的，主要写给程序员查看。 - 一般良好的程序，往往一个源码文件中有1/4或者1/3内容就是注释。 ```javascript // 单行注释 /* 多行注释 多行注释 */
阅读全文
浙公网安备 33010602011771号