- 博客(41)
- 收藏
- 关注
RSS订阅原创 第一讲 vue基础（vue的概念、前端三大框架、Vue的优缺点、vue2和vue3的模板区别、vue的安装、Vue模板语法-文本渲染、常用的vue的指令）
vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。 简单，高效，生态丰富（插件多）2.0中vue的响应式是基于数据劫持（object.defineProperty这个方法来进行劫持的）当前这个方法是兼容主流浏览器的ie9以上都可以使用 他是可以监听数据的变化 从而让vue做出改变但是他有一个bug object.defineProperty这个方法只能够监听初始化的时候数据 如果程序运行到一半你给data中的对象或者是数组添加新属性的时候 由于他只会在初始化监听 那么你中
2022-06-27 21:17:04
1403
原创 第一讲 jQuery（引用、jQuery对象与dom对象转换、入口小函数、在页面中得到DOM对象、jQuery选择器分类、jQuery中的方法初探、动画）
一、jQuery是什么？jQuery是一种方法库语法：$ jQuery二、jQuery文件引用1、本地引用语法：<script type="text/javascript" src="jquery.js"></script>2、远程调用：语法：<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery1.4.min.js"></scrip
2022-05-16 20:23:43
425
原创 第十三讲 事件和正则（内联模型、脚本模型和DOM2模型 | 鼠标事件、键盘事件、HTML事件| 事件冒泡、事件捕获|IE和W3C兼容事件、阻止默认行为、鼠标滚轮、上下文菜单、手机事件、正则）
一、JS有三种事件模型：内联模型、脚本模型和DOM2模型。1、内联模型在HTML中把事件处理函数作为属性执行JS代码:<input type="button" value="按钮" onclick="alert('Lee');" /> //注意单双引号在HTML中把事件处理函数作为属性执行JS函数<input type="button" value="按钮" onclick="box();" /> //执行JS的函数注意：函数不得放到window.on...
2022-05-09 21:38:21
514
原创 第十二讲 dom对象（DOM对象、document对象的常用方法、节点、查找结点、 查看/修改/删除属性节点、创建和增加节点）
一、查看节点getElementById( ) getElementsByName( ) getElementsByTagName( ) <body> <div id="box">hello box</div> </body> <script> var oDiv = document.getElementById("box"); //div元素对象 // var oDiv = document..
2022-04-24 20:54:21
1402
原创 第十一讲 dom对象（document对象的常用方法、三种访问页面元素的区别、页面的显示与隐藏、二级菜单、选项卡、多选框、新增获取dom元素API）
一、什么是DOM？概念：文档对象模型（Document Object Model）通过DOM可以动态改变文档内容二、document对象的常用方法 方法 描述 getElementById() 返回对拥有指定id的第一个对象的引用 getElementsByName() 返回带有指定名称的对象的集合 getElementsByTagName()
2022-04-24 20:40:05
929
原创 第十讲 css和js交互（Style对象、使用style属性改变样式、获取样式属性值、网页卷去的距离与偏移量、新增内容）
一、Style对象语法：HTML元素.style.样式属性＝"值"注意：遵循驼峰式写法1、style对象的属性 类别 属性 描述 Padding （边距） padding 设置元素的填充 paddingToppaddingBottom paddingLeft paddingRight 设置元素的上、下、左、右填充.
2022-04-24 20:25:48
528
原创 第九讲 window知识总结
一、screen属性window.screen 对象包含有关用户屏幕的信息screen.availWidth 屏幕宽度screen.availHeight 屏幕高度二、history对象forward() 方法可加载历史列表中的下一个页面back() 方法可加载历史列表中的前一个页面（如果存在）go(参数) 方法可加载历史列表中的某个具体的页面参数可以是数字，使用的是要访问的页面在 History 的页面列表中的相对位置。 go(0) 刷新本页面...
2022-04-20 21:32:45
103
原创 第八讲 数组（遍历数组新方法、数组对象-方法 ）
一、遍历数组新方法1、使用forEach遍历数组，无返回值语法：forEach(function(value, index, item){})var arr = ["a", "b", "c", "d"]; // value 数组中每个值// index value在数组中对应的下标 // item 数组本身 arr.forEach(function (value, index, item) { console.log(value, index, item); }..
2022-04-14 20:32:23
930
原创 第七讲内置对象（计时器与定时器、字符串对象）
一、计时器与定时器1、setInterval() 方法 语法：setInterval（"调用的函数", "指定的时间间隔"） 交互时间 参数说明： 代码：要调用的函数或要执行的代码串 交互时间：周期执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms) 返回值：一个可以传递给clearInterval()从而取消对“代码”的周期性执行的值 <script> /* var i = 10; function box() {.
2022-04-11 21:55:53
83
原创 第六讲javascript基础(数学对象、预编译、DOM对象对象的常用方法）
1、数学对象Math.PI 圆周率 πMath.ceil() 向上取整 返回的是大于或等于函数参数，并且与之最接近的整数Math.floor() 向下取整 返回的是小于或等于函数参数，并且与之最接近的整数Math.round(num) 返回与num最接近的整数(四舍五入)Math.max(x,y) 返回指定的数中带有较大的值的那个数Math.min(x,y) 返回指定的数字中带有最小值的数字Math.abs(x) 返回绝对值Mat...
2022-04-07 23:08:59
95
原创 第五讲 函数（预定义函数、函数定义、函数调用、匿名函数、带参数的函数、函数的返回值、作用域）
一、什么是函数？程序设计中，可以将一段经常使用的代码“封装”起来，在需要时直接调用，这种“封装”就是函数。函数：为完成某一功能的程序指令(语句)的集合。 执行特定任务的语句块。函数特点：封装代码，代码的重用性强！1、预定义函数函数: 自定义函数、系统函数(内置函数)系统函数里还包括预定义函数。预定义函数是指不属于任何对象，他们的使用也不需要通过任何对象来应用。全局的函数eval() 将字符串数字转换成数字，可进行直接执行js代码 isNaN() 用来计算一个参数..
2022-04-06 21:50:26
414
原创 第四讲 switch结构和循环（switch结构、while循环、do-while循环）
1、switch结构switch (表达式) //计算表达式的值{ case 常量 1: 语句; break; //如果等于常量1 case 常量 2: //如果等于常量2 语句; break; default: //如果没有找到匹配的值 语句;} 案例1：写出你周一到周日的食谱...
2022-03-31 22:27:33
994
原创 第三讲 Javascript分支（流程结构、单分支、双分支、多分支）
一、流程结构Javascript中的程序结构分为： 1、顺序结构:没有任何结构就是顺序，所有语句从上到下，逐条执行注意：顺序结构主要包括注释语句、赋值语句、输入输出等语句2、分支结构:单分支 双分支或多分支3、循环结构 for循环 while循环 do…while循环 for…in循环1.if单分支if条件结构是根据条件判断之后再做处理语法：基本的if条件结构（1）单分支基本的流程结构：（2）基本的条件结构 案例：如...
2022-03-30 21:25:43
1632
原创 第二讲 js变量（算术运算符、自增自减、比较运算符、逻辑运算符）
一、算术运算符1.减- 乘* 除/ 取余%Eg：var a=4,b=2,c,d,e; c=a-b; c是a与b的差 d=a*b; d是a与b的积 e=a/b; e是a与b的商 f=a%b; f是a与 b相除取的余数2. 自增自减自增 ++ 自减 --c = 12;c++; 这与c=c+1;效果是一样的 alert(c); 输出13 c--; 这与c=c-1;效果是一样的 alert(c); ...
2022-03-29 22:18:07
276
原创 第一讲 javascript基础总结（js的组成、嵌入方式、注释方式、输出方式、变量类型 、变量规则、算术运算符、数据类型转换、window对象的方法、null和undefined的区别）
一、js的组成ECMAScript（ES） : 负责翻译，为js的核心，解释器。 DOM (Document Object Model 文档对象模型)：赋予js操作HTML的能力，document。 BOM (Browser Object Modal 浏览器对象模型)：赋予js操作浏览器的能力，window，不兼容不建议使用。二、javascript嵌入方式JavaScript代码可以直接嵌在网页的任何地方，不过通常我们都把JavaScript代码放到<head>中。 Jav
2022-03-28 20:28:24
1425
原创 第三讲 弹性盒子（align-self属性、order属性、flex-grow属性、 flex-shrink属性、flex-basis属性、flex属性）
一、弹性盒子项目属性属性 描述 flex-grow 设置或检索弹性盒子元素的扩展比率. flex-shrink 指定了 flex 元素的收缩规则。flex 元素仅在默认宽度之和大于容器的时候才会发生收缩，其收缩的大小是依据 flex-shrink 的值。 flex 设置弹性盒子的子元素如何分配空间。 flex-basis 用于设置或检索弹性盒伸缩基准值 align-self 在弹性子元素上使用。覆盖容器的 align-items 属
2022-03-25 00:21:22
830
2
原创 第二节 弹性盒子（ justify-content属性、align-items属性、flex-direction属性、flex-wrap属性）
一、弹性盒子的定义弹性盒子（ Flexible Box 或 flexbox）：CSS3的一种新布局模式。是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。二、 justify-content属性：决定主轴的方向（即项目的排列方向）row（默认值）：主轴为水平方向，起点在左端； row-reverse：主轴为水平方向，起点在右端； column：主轴为垂直方向，起点在上沿； column-reverse：主轴为垂直方向，起点在下沿。<!D.
2022-03-23 22:14:02
14545
2
原创 第一讲 移动端（分栏、媒体查询、单位、meta元数据标签、盒子模型、em与rem的区别）
一、分栏的列数：column-count 列数 column-width 列宽 column-gap 列间距 column-rule 列样式p{column-count: 4； 栏数 列数column-width: 200px; 栏宽 列宽简写：columns: 200px 4; >=800px 按栏数 ...
2022-03-21 20:59:13
176
原创 第四讲 CSS3重要样式及属性 [移动（translate) 旋转（rotate）缩放（scale）扭曲（skew）基点变换（transform-origin）动画（animation）]
一、transformtransform: rotate | scale | skew | translate;注意：属性之间用空格隔开 不是逗号“，1、移动translate1、translate(<translation-value>[, <translation-value>])
2022-03-17 22:58:23
748
原创 第三讲 CSS3重要样式及属性
一、文字相关样式1、颜色（color)透明度： opacity: 0.1; opacity: 0.5; opacity: 0.9;filter:alpha(opacity=50)RGBA： color: rgba(255, 0, 0, 0.6); 注意: RGBA是在RGB的基础上多了控制alpha透明度的参数2、文本阴影语法：text-shadow: h-shadow v-shadow blur color;h-shadow：必需。水平阴影的...
2022-03-16 21:26:15
209
原创 第二讲 CSS3新增选择器
选择器总结如下：一、通配符选择器（＊）概念：* 通配符——通配符选择器是用来选择所有元素，也可以选择某个元素下的所有元素*{margin：0； padding：0；} .demo *{border:1px solid #000;}二、元素选择器(E)概念：元素选择器其实就是文档的元素，如html,body,p,div等等li{border:1px solid #000;}三、类选择器（.className）1、使用类选择器之前需要在html元素上定义类名&.
2022-03-15 23:27:39
877
原创 第一讲 HTML5新增标签
前言:什么是html5？HTML5是超文本标记语言的最新版本，也就是描述网页的代码，html5实际上是三种代码形式，首先是HTML提供结构，其次是层叠样式表负责网站的样式和布局，最后是JavaScript是给网站添加动态功能。 HTML5是一个新的网络标准，现在仍处于发展阶段。HTML5是构建Web内容的一种语言描述方式，H5是指第5代HTML，也指用H5语言制作的一切数字产品。是构建以及呈现互联网内容的一种语言方式。一、HTML5的新特征 HTML5的新特征 语义
2022-03-14 21:36:04
641
原创 第五讲 CSS盒子模型
一、Display属性CSS使用display设置的标签的显示方式block“块”元素 inline“行内”元素 inline-block 行内块元素 none 隐藏注意区别：<div>主要用于HTML文档中独立的“大块”内容<span>主要用于HTML文档中需要特别定义的内容 二、标准文档流” Normal Document Stream 浏览器解析HTML代码的基本方式，根据标签的不同“display”来确定标签的定位和显示方式1、.
2022-03-12 17:38:58
389
原创 第四讲 CSS盒子模型-背景
一、盒子模型-背景1、background-color：定义标签的背景颜色2、background-image：定义背景图片,可定义多背景例：background-image：url("图片路径")；3、background-repeat：定义背景图片的显示方式repeat 图片重复 repeat-x 图片横向重复 repeat-y 图片纵向重复 no-repeat 图片不重复 4、background-position：定义背景图片的
2022-03-07 21:14:24
1405
原创 第三讲：CSS盒子模型
这章主要学习CSS盒子模型一、盒子模型-大小1、width和height width和height 只定义内容的大小，不包含边框和边距 如果内容太多，超过了width或height，那么默认情况下将忽略width或height的设置2、overflow属性 (overflow-x overflow-y)概念：定义内容超过width和heigth时的显示方式scroll：使用滚动条，不论内容是否超出 auto：根据情况，如果内容超出了 width：则..
2022-03-04 21:35:01
241
原创 第二讲 CSS中字体相关样式
1、text-transform 英文字母大小写转换capitalize 单词首字母大写 uppercase 全部大写 lowercase 全部小写 2、text-decoration 文本的装饰效果underline 文字加下划线 line-through 文字加删除线 overline 文字加上划线 3、text-indenttext-indent ：2em 段落内容首行缩进text-indent ：-2em （悬
2022-03-03 20:49:56
192
原创 第一讲 CSS基础
一、CSS解释：层叠样式表 （Cascading Style Sheets）优点：使HTML专注于网页的内容，CSS专注于网页的表现 提供了丰富的格式化功能 可以针对各种可视化浏览器（主要有显示器、打印机、PDA等）来设置不同的样式注意：（1）CSS与浏览器 并不是所有的CSS的样式都被浏览器支持（2）不同的浏览器对CSS的实现有细微的不同，需要特别注意注释方式html：使用 <!-- 注释内容--> 表示（快捷键为crtl+？）<!-- 这是一
2022-03-02 22:01:05
100
原创 第五讲 html 最后知识点归纳(表单、type类型、按钮以及元素分类)
1、复选框概念：复选框允许在待选项中选中一项以上的选项。每个复选框都是一个独立的元素，都必须有一个唯一的名称。代码格式：＜input type="checkbox" name="..." value="..."＞2、 单选框 当需要访问者在待选项中选择唯一的答案时，就需要用到单选框了。代码格式：＜input type="radio" name="..." value="..."＞注意： 必须写上相同的name值才能每次选中一个复选框 ＜input type="checkbox"
2022-03-01 20:44:25
506
原创 第四讲 html表单（表格的合并、表单的组成 标签以及表单按钮、表单域对象）
1、表格的合并colspan 左右合并单元格 <colspan=""> align单元格水平方向对齐方式 rowspan 上下合并单元格 <rowspan=""> valign单元格垂直方向对齐方式 2、什么是表单表单是用来采集用户的输入数据，然后将数据提交给服务器3、表单的组成：一个表单有三个基本组成部分表单标签： 包含了处理表单数据所用程序的URL以及数据提交到服务器的方法。 表单域： 包含了文本框、密码
2022-02-26 09:18:10
203
原创 第三讲 html超链接和表格形式
1、超链接的表现形式：<a herf="" target="">超链接</a>含义：通过使用超级链接，各个不同的网页就可以相互的导航和跳转 插入超级链接的标签解释：（1）herf 引入跳转页面路径。包括：网址、相对路径、锚链接”#id值“；网址<a href="网址">跳转网页</a> <a href="http://www.baidu.com">百度一下你就知道</a> 相对路径（本地文件） 相对路
2022-02-24 20:35:24
1567
原创 第二讲 html相关知识点
1.段落标签<p></p>段落标记，用于表示内容是一个段落2.<br>换行标记，<br>用于段落内部的换行 注意：该标记是自我闭合标记3.标题标签<h1>~<h6>:标题标记，用于表示文档内容的标题内容，以及标题内容的级别<h1>内容</h1><h2>内容</h2><h3>内容</h3><h4>内容</h4..
2022-02-23 20:25:44
1514
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人