- 博客(32)
- 收藏
- 关注
RSS订阅原创 web前端学习笔记28-Ajax——用户体验提升者
一、Ajax简介 1.1 什么是Ajax A javaScript a XML，是指一种创建交互式网页应用的网页开发技术，不需要刷新或者跳转页面就可以实现数据通讯。Ajax有同步和异步两种请求方式（不推荐使用同步操作）。 【同步与异步】 【同步与异步】 1.2 早期Ajax的应用 google地图最先将Ajax应用到极致 1.3 Ajax的应用场景 百度地图类、百度图片类、瀑布流、数据验证、实时数据请求… 1.4 Ajax的工作原理 Ajax是一种能够实现异步请求的机制，也正是这种机制的存在才能够使得页
2020-08-06 22:44:14
479
原创 web前端学习笔记27-事件对象
一、事件对象 在触发事件的时候，与事件相关的信息存储对象就是事件对象，事件对象在不同的浏览器中体现方式不同。 【IE及其他浏览器】事件对象就是window子对象之一，可通过window.event或者event直接访问事件对象 【Firefox浏览器】事件对象是以参数的形式传入事件函数的形参当中，接收之后才可以使用 事件对象的兼容性处理（函数中使用） var e=window.event?window.event:evt; var e=window.event || evr; 事件对象的成员： 事件对象可
2020-08-05 21:55:49
300
原创 web前端学习笔记26-事件类型——一般事件、页面事件、表单事件
一、事件类型的分类 1.1 一般事件 关键字 释义 关键字 释义 click 单击事件 dblclick 双击事件 mousemove 鼠标移动事件 mouseover 鼠标经过事件 mouseout 鼠标移出事件 mouseenter 鼠标进入事件 mouseleave 鼠标离开事件 mouseup 鼠标抬起事件 mousedown 鼠标按下事件 keydown 键盘按下事件 keyup 键盘抬起事件 keypress 键盘释放事件 【 mouseout(enter
2020-08-05 01:20:28
1089
原创 wenb前端学习笔记25-事件发展历程及操作方式
一、事件 对可识别的控件的操作就是事件，在特定时间发生的事情 1.1 事件流的概念 事件执行的流程就是事件流，事件流实际上就是在元素之间可以传递的事件的过程 1.2 事件流的分类 捕获流事件 网景公司在Netscape浏览器中提出捕获事件流，事件触发机制是从最外层元素向最内层元素查找事件的来源 冒泡流事件 微软公司在IE浏览器中提出的事件执行流程，事件由触发事件的第一个元素向外层元素逐渐扩散（从内向外） 标准事件流程 在DOM2阶段，W3C提出了标准的事件流程，将事件的流程一共划分为三个阶段：事件的捕获阶
2020-08-03 01:07:02
406
原创 web前端学习笔记24-文本节点textNode与文档节点document
一、textNode文本节点 在HTML中一个页面中的文字都是由浏览器中的文本节点创建而成的 1.1 成员属性 关键字 释义 length 获取一个文本节点的字符个数 data 表示文本节点的文本内容字符串 1.2 成员方法 关键字 释义 格式 splitText 切割文本节点 文本节点.splitText(切割位置); appendData 在文本节点的最后插入字符串 文本节点.appendData('插入的字符串'); inserData 在文本节点的指定
2020-08-01 00:49:22
1552
原创 web前端学习笔记22-文档对象模型DOM、Node节点
一、DOM DOM是文档对象模型，全称Document Object Model。DOM是js操作文档（html文档/XML文档）的一个中间接口。DOM操作的范围就是视窗区域，也就是浏览器的白色区域，专门用于显示HTMLbody相关内容的位置。DOM的本质是window对象中的一个子对象：document子对象。 【节点】页面中的所有内容都是节点，标签、文字、声明、注释、js哦都是节点 【节点层次】节点之间的关系就是节点层次 二、Node节点（Node对象） js中所有内容都是对象创建的 DOM中所有内容都
2020-07-28 16:43:38
184
原创 web前端学习笔记21-浏览器对象模型BOM（window对象）
一、BOM 1.1 什么是BOM Browser Object Model 浏览器对象模型 1.2 BOM的作用 BOM的作用是用于连接js语言和浏览器行为的一个中间结构。如果把浏览器比作空调，BOM就是遥控器，js可以通过操作BOM实现浏览器对应的行为变化 1.3 BOM的本质 BOM是js可以操作的内容，所以他的本质是对象，BOM在js中是一个对象，window对象就是BOM本身 二、window对象分析 js中，window对象就是语法的Global固有对象 浏览器中，window对象就是BOM的替
2020-07-24 23:19:08
287
原创 web前端学习笔记20-js正则表达式
一、正则表达式 正则表达式就是能够表示一定规则的表达式（字符串） 1.1正则表达式的组成 【正则定界符】一对//，所有写在//之内的都是正则的内容 【原子】组成正则表达式的最基本单位，任何一个正则表达式至少包含一个原子，所有可见和不可见的字符都是原子 && 6个特殊原子： 关键字 释义 \d 表示0-9之间的任意一个数字字符 \D 表示除了0-9之外的任意一个字符 \s 表示所有不可见字符中的任意一个字符 \S 表示所有可见字符中的任意一个字符 \w 表示数字
2020-07-24 00:25:28
302
原创 web前端学习笔记19-js字符串对象原型与相关函数
一、String对象 系统中创建字符串类型时会隐式调用当前对象来创建 // 1. 创建字符串 var st='创建字符串1'; console.log(st,typeof st); var st1="创建字符串2"; console.log(st1,typeof st1); // 2. 使用对象原型创建字符串对象（创建字符串的中间过程） var st2=new String('创建字符串3'); console.log(st2,typeof st2); 1.1 String对象成员属性 length ：
2020-07-22 00:07:54
184
原创 web前端学习笔记18-js对象原型3（Array对象-数组及数组相关函数）
一、Array对象原型 数组就是一组数据，js中没有数组这种数据类型，数组是对象创建的。 【下标 / 键】用于区分数组中不同数值的标志就是下标 【值】数组中每一个数据就是值 【键值对 / 元素】键+值就是键值对 【索引数组】以数字作为下标的数组 【关联数组】以字符串作为下标的数组 【注】js中只有索引数组，且索引值只能为从0开始的正向数，没有关联数组 var ar=['张三','李四','王五','小六']; console.log(ar[2]); //下标不能为负数 二、数组的操作 // 数组的操作—
2020-07-21 17:41:38
323
原创 web 前端学习笔记17-js对象原型2（Math对象和Date对象）
一、Math对象 系统固有对象（对象实例），不需要用户创建即可使用 【Math对象方法】 关键字 释义 abs(); 获取绝对值 ceil(); 进一取整 floor(); 舍一取整 round(); 四舍五入 random(); 获取0-1之间的随机小数，包含0但不包含1 max(); 获取最大值 min(); 获取最小值 pow(数值，次方); 计算n次方 // Math对象：对象实例，固有对象 // 将数学相关的函数归类到当前对象当中 var no1=-
2020-07-18 01:16:48
590
原创 web前端学习笔记15-js对象的概念及基本操作
一、类和对象 类是具有相同特征的一类事物的总称，是抽象的概念。 对象是具体的某一特定的事物。 类和对象互相关联。对象是按照类制作出来的，是类的实例化，实例化就是类实现个例的过程。类是由对象抽象总结而来的，是对象的抽象化，抽象化就是抽出现象的过程。 js是一种基于对象的语言，js中所有的数据都是对象，js中没有类的概念，js的对象是由一个对象原型加工而来的对象实例 二、对象的操作 对象的本质：数据和功能的集合 特征的描述就是数据，功能的描述就是函数 ...
2020-07-12 22:22:25
140
原创 web前端学习笔记14-js函数闭包及函数调用感知
一、闭包 闭包是通过将函数从一个函数内部返回到函数外部成为一个全局变量，使得函数内部的变量可以在函数外部访问 1.1 闭包方式1：通过全局变量到函数中获取内部函数（不常用） // 闭包1（潜入法） var me; //全局变量 function Lihua_home(){ // 局部变量 var tv='电视机'; var wash='洗衣机'; var desk='桌子'; // 内部函数 var father=function(){ }; var mother=function
2020-07-12 00:58:38
227
原创 web前端学习笔记13-js内部函数、变量作用域链、匿名函数、自执行函数、arguments对象
一、 内部函数 在函数内部定义的函数。内部函数相当于局部变量，在函数外部不能调用，内部函数在函数内部调用时，调用与定义也不分先后顺序。内部函数可以提高程序的关联性和安全性 // 内部函数示例———————————————————————— function outer(){ function inner(){ alert('内部函数'); } inner(); } outer(); function counter2(a,b,operator){ // 加函数 function jia(x,
2020-07-11 23:22:54
180
原创 web前端学习笔记12-js函数变量作用域、回调函数、递归函数
一、函数的变量作用域 【全局变量】在页面中定义的变量，在页面任何位置都可以生效，可以在函数内外访问 【局部变量】在函数内部声明的变量，仅在局部区域有效，仅在声明的当前函数内可以调用，函数使用完毕自动回收 && 如果在函数内部声明变量没有使用var关键字，那么这个变量会被系统默认为全局变量。特别地，所有函数的形参都属于当前函数本身，即属于局部变量 var aa=3; //全局变量 function add(){ document.write(aa); //全局变量可在函数中访问 } a
2020-07-10 21:06:03
196
原创 web前端学习笔记11-js函数基本定义及结构
一、什么是函数 函数（function）就是一个功能。函数可以提高程序开发的效率，降低人工成本，方便程序的后期维护，节省成本。 二、函数需要学习的内容 函数的作用 函数的定义 函数的特征 函数的变量作用域 回调函数 递归函数 内部函数 表达式函数 闭包 三、函数的定义 ...
2020-07-10 15:51:27
508
原创 web前端学习笔记10-流程控制——循环结构
一、循环结构分类 while循环 do…while循环 for循环 for…in循环 二、while型循环 while(条件表达式){循环体} 死循环：判断条件永远为真的循环 // while循环 // 输出1-100—————————————————————————— var num=1; while(num<=100){ document.write(num); document.write(' '); num++; } // 求1-100的和———————————————
2020-07-09 15:43:16
318
原创 web前端学习笔记09-流程控制——分支结构
一、流程控制 【概念】对计算机代码执行过程的控制 【分类】顺序结构、分支/选择结构、循环结构 顺序结构是指计算算计自上而下执行代码的流程，是大多数语言的默认结构，没有特殊的语法和操作。 二、分支结构 【概念】根据不用条件执行不同的代码分支 【分类】单项分支结构、双项分支结构、多项分支结构、巢状分支结构 2.1 单项分支结构 if (判断条件) { js代码 } 判断条件为true执行{ }中内容，此时执行的代码区域称为真区间。判
2020-07-09 14:18:53
347
原创 web前端学习笔记08-js基本数据类型及数据类型转换、js运算
一、js基本数据类型 通过typeof函数获取一个变量的类型 输出值 释义 boolean 变量是布尔类型的 number 变量是数值类型的（整数、浮点数） string 变量是字符串类型的（采用 " "、’ ’ ） object 变量是引用或Null类型的（ new Array() / new String() ） function 函数类型的 undefined 变量是undefined类型的 // 基本数据类型——————————————————————————
2020-07-02 21:49:27
273
原创 web前端学习笔记06-CSS浮动、定位、布局及margin重合问题
一、浮动 1.1 文档流 文档流是指盒子按照html标签编写的顺序依次从上到下，从左到右排列，块元素占一行，行内元素在一行之内从左到右排列，先写的先排列，后写的排在后面，每个盒子都占据自己的位置。 1.2 浮动的特性 浮动元素有左浮动（float:left）和右浮动（float:right）两种 浮动的元素会向左或向右浮动，碰到父元素边界、浮动元素、未浮动的元素才停下来 相邻浮动的块元素可以并在一行，超出父级宽度就换行 浮动 ...
2020-07-01 18:11:52
321
原创 web前端学习笔记05-CSS内边距、外边距、盒子模型、页面布局
一、CSS内边距（内补白、内补丁） 【内边距设置常用属性】 关键字 释义 padding 检索或设置对象四边的内边距，参数个数1或2(上下/左右)或4(上/右/下/左) padding-top 检索或设置对象顶部的内边距， top顶，bottom低，left左，right右 && padding会改变元素的大小 二、CSS外边距（外补白、外补丁） 【外边距设置常用属性】 关键字 释义 margin 检索或设置对
2020-06-17 23:13:06
878
原创 web前端学习笔记04-CSS颜色、文本、边框、背景
一、CSS颜色表示法 1. 颜色名表示，如：red,blue 2. 16进制数值表示，如：#ff0000红色，这样的也可以简写为#f00，每种颜色取值范围0-9，a-f 3. RGB颜色：红R，绿G，蓝B三个颜色通道的变化 ，参数取值范围0-255 background-color:rgb(200,100,0) 4. RGBA颜色：红R，绿G，蓝B，透明度A(取值范围0-1) background-color:rgba(200,100,0,0.5) 二、CSS文本设置 【文本常用CSS样式】
2020-06-17 00:29:23
523
原创 web前端学习笔记03-CSS基础及选择器
一、CSS简介与基本语法 英文全称：Cascading Style Sheets，层叠样式表，为了让网页元素的样式更加丰富，也能使得网页的内容和样式能分开，使得html文档更加简洁。 【CSS基本语法】 选择器 { 属性:值; 属性:值; } 选择器是将样式和页面元素关联起来的名称，属性是希望设置的样式，每个属性有一个或多个值 二、CSS页面引入方法 1. 外联式：通过link标签，链接外部样式表到页面中 <link rel="stylesheet" type="text/css" href="css
2020-06-15 22:34:54
198
原创 web前端学习笔记02-HTML概述与基础知识2
接上篇 web前端学习笔记01-HTML概述与基础知识1 五、HTML常用标签 2. 常用行级标签（行内元素，不独占一行） 2.1 有语义的行级标签（有默认样式） 2.1-1 链接a标签 <a href="链接地址">链接文本</a> 可以跳转网页也可以跳转到本地文件 【注】访问本地文件时的路径问题（开发中建议使用相对路径）相对路径：./当前目录 …/上级目录。 绝对路径：C:\Program Files… 【a标签属性】 关键字 释义 href 链接地址
2020-06-11 23:59:39
176
原创 web前端学习笔记01-HTML概述与基础知识1
一、什么是HTML HTML是用来描述网页的一种超文本标记语言，运行在浏览器上，由浏览器来解析，它不是一种编程语言，而是一种标记语言（标记标签）。HTML文档也叫做web页面，包含HTML标签以及文本内容. 二、基本结构 <!-- 声明为HTML5文档 ，高速浏览器以怎样的html版本解析代码--> <!DOCTYPE html> <!-- html为根元素 --> <html> <head> <!-- head主要写不直接显示在页面
2020-06-06 22:42:29
313
原创 PyQt5安装后报错：This application failed to start because no Qt platform plugin could be initialized.
PyQt5安装后运行报错：This application failed to start because no Qt platform plugin could be initialized. Reinstalling the application may fix this problem. 原因：没有添加环境变量 解决：添加系统环境变量 变量名：QT_QPA_PLATFORM_PLUGIN_PATH 变量值：pyqt的plugins文件夹路径 ...
2020-05-14 19:46:07
4739
8
原创 win10 Python3.8安装opencv库（pip安装）以及几种报错解决方案
一、安装Python3.8并勾选添加环境变量以及pip 二、win+R打开cmd 输入python显示如下，则安装配置成功 三、cmd输入pip install opencv-python回车。安装成功后显示Successsfully installed 【几种报错情况】 1）SyntaxError: invalid syntax **解决：**不用进入python环境，直接打开cmd输pip install opencv-python 2）下载速度慢，最终安装失败显示Read timed out 尝
2020-05-14 19:21:53
16510
2
原创 WPF调用摄像头（调用WPFMediaKit库）
<Window x:Class="WpfApp2.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xm
2020-05-12 23:25:04
2136
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人