程序媛Render-CSDN博客

原创 Redux使用介绍

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言这部分学习react，上班中要用到的呀。一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport

2022-03-28 21:59:52 584

原创 Vue.js框架基础

文章目录前言一、内容处理1.v-once指令二、使用步骤1.引入库2.读入数据总结前言指令的本质就是HTML自定义属性，Vue.js的指令就是以v-开头的自定义属性，接下来开始学习指令。一、内容处理1.v-once指令示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as plti

2021-08-31 20:22:08 2226 6

原创 Node.js基础

文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言node不是一种编程语言，提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsi

2021-08-02 12:01:14 793 4

原创 Ajax（Asynchronous Javascript And XML）

文章目录前言一、原生Ajax1.xhr对象2.open方法3.send方法和请求头4.响应状态分析5.同步和异步二、数据格式1.GET方法2.POST方法2.读入数据总结前言Ajax就是浏览器提供的一套API，可以通过JavaScript调用，从而实现通过代码控制请求与响应，实现通过JavaScript进行网络编程。应用场景：（1）按需获取数据（2）对用户数据进行校验（3）自动更新页面内容（4）提升用户体验一、原生Ajax原生Ajax的发送请求的步骤（1）创建一个XMLHttpRequ

2021-07-27 17:47:53 791 2

原创 jQuery节点操作和元素尺寸

文章目录前言一、节点操作1.创建、追加元素方法2.删除、清空元素3.克隆元素二、元素尺寸1.操作元素尺寸的方法2.操作元素的位置3.操作滚动条卷走的距离总结前言这部分学习jQuery节点操作和元素尺寸，同样也有相关案例，能更好的体会这部分内容。一、节点操作1.创建、追加元素方法创建节点：$("<li></li>")追加节点：1.向父元素最后追加（1）父元素jq对象.append（新创建的jq对象）（2）新创建的jq对象.appendTo（父元素jq对象或选择器）

2021-07-06 10:30:03 412 3

原创 jQuery排序和动画

文章目录前言一、jQuery排序1.eq（）大排序2.index（）在兄弟中排序3.each（）遍历二、入口函数三、jQuery动画1.hide（）、show（）和toggle（）2.slideDown（）和slideUp（）3.fadeIn（）和fadeOut（）4.animate（）总结前言这部分学习jQuery的排序和动画。一、jQuery排序1.eq（）大排序<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN

2021-07-05 16:47:47 589 2

原创 jQuery常用方法

文章目录前言一、jQuery常用方法1.html（）方法2.text（）方法3.val（）方法二、使用步骤1.引入库2.读入数据总结前言这部分学习jQuery常用语法。一、jQuery常用方法1.html（）方法相当于原生js中的innerHTML属性，可以给标签添加内容和获取标签内容。以下两个功能：（1）设置标签内容：设置内部文字和渲染内部标签jQuery对象.html(“内部内容”)（2）获取标签内容：获取内部内容和获取内部标签jquery对象.html()<!DOCTY

2021-07-04 10:09:58 557

原创 jQuery基础

文章目录前言jQuery基础1.$()语法2.jQuery对象3.jQuery对象与原生js对象的转化4.jQuery选择器5.筛选选择器和筛选方法6.案例：表格隔行变色案例总结前言开始学习jQuery，首先来学习一下基础。为更深层次的学习做好铺垫。jQuery基础jQuery是一个高效、精简并且功能丰富的JavaScript工具库。下载地址1下载地址21.$()语法在jQuery 中，只有一个全局变量,这是jQuery的一大特点，避免了全局变量的污染。最开始变量不叫做,这是 jQuer

2021-07-02 21:58:05 190 3

原创 ES6新特性

文章目录前言一、声明变量的关键字使用1.let2.const二、解构1.数组解构2.对象解构总结前言ES6的特点有以下几点：（相比于ES5.1）（1）解决原有语法上的一些问题或者缺陷（2）对原有语法进行增强（3）全新的对象、全新的方法、全新的功能（4）全新的数据类型和数据结构一、声明变量的关键字使用1.let块级作用域：指的是用{}包裹起来的范围。块作用域内用var关键字定义的变量能够在块以外被调用，这样是不安全的，因此使用let关键字定义变量来替代var。以下两个例子都是块级作用域

2021-06-29 19:59:04 142 3

原创正则表达式

文章目录前言一、正则表达式1.正则表达式语法二、相关正则方法1.字符串方法2.正则方法三、正则表达式的组成1.字符集2.修饰符3.边界4.预定义类总结前言在前端中学习正则表达式是非常有必要的，在实际开发中会经常使用正则表达式。正则表达式:（Regular Expression)用于匹配规律规则的表达式，正则表达式最初是科学家对人类神经系统的工作原理的早期研究，现在在编程语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。一、正则表达式正则表达式的作用：1.给定的字符

2021-06-24 11:21:51 724 1

原创继承和进阶函数

文章目录前言一、继承1.对象拷贝2.原型继承二、使用步骤1.引入库2.读入数据总结前言这部分学习继承和进阶函数，深化js学习。一、继承1.对象拷贝通过for in的方式将父级的内容拷贝给子级。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"&g

2021-06-21 20:24:17 125 2

原创面向对象编程

文章目录前言一、面向对象概念1.对象2.面向对象3.创建对象的方法（构造函数）4.实例成员和静态成员5.构造函数的问题6.原型链7.实例对象读取原型对象的成员8.更简单的原型语法9.内置构造函数的原型对象二、随机方块案例1.引入库总结前言这部分学习一下面向对象编程思想，面向对象编程会使编程更加高效。一、面向对象概念1.对象在实际开发中，对象是一个抽象的概念，可以将其简单理解为:数据集或功能集。ECMAScript-262把对象定义为:无序属性的集合，其属性可以包含基本值、对象或者函数。2.

2021-06-10 09:27:47 171 1

原创 BOM浏览器对象模型

文章目录前言一、BOM1.window对象2.对话框3.onload加载事件4.延时器5.延时器-函数节流6.定时器7.定时器-简单运动二、使用步骤1.引入库2.读入数据总结前言BOM(Browser 0bject Model）是指浏览器对象模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是 BOM的顶层对象，其他对象都是该对象的子对象。一、BOM1.window对象window是浏览器的顶级对象，当调用wi

2021-06-03 20:19:57 294 1

原创 DOM事件详解

文章目录前言一、绑定事件的方法1.addEventListener绑定事件2.attachEvent绑定事件3.注册事件兼容写法4.解除绑定事件的方法5.移除事件兼容写法二、DOM事件流1.事件流三个阶段2.事件冒泡应用-事件委托三、事件对象总结前言这部分学习一些关于dom事件绑定方法、解除绑定的方法，以及一些相关案例。一、绑定事件的方法1.addEventListener绑定事件参数为：（1）事件类型字符串，click等（2）事件函数同一个元素可以多次绑定事件监听，同一个事件类型可以注册多

2021-06-01 23:50:19 669 1

原创 DOM节点

文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport warningswarnings.filterwarnin.

2021-05-31 09:36:22 679 3

原创 DOM事件的元素属性操作

文章目录一、事件1.简介2.非表单元素属性操作二、获取元素的方法1.根据id获取元素总结# 前言这部分学习DOM的一些基本事件。一、事件1.简介绑定事件的三要素：（1）事件源，给谁绑定事件（2）事件类型，绑定什么类型的事件（click单击事件）（3）事件函数，事件发生后执行什么内容，写在函数内部常用事件监听方法：（1）绑定HTML元素属性（2）绑定DOM对象属性<!-- <input type="button" va

2021-05-27 16:43:00 433 1

原创 DOM获取元素的几种方式

文章目录一、对象1.对象的概念2.对象字面量# 前言这部分学习Web API,包括DOM和BOM。JavaScript包括ES、DOM、BOM三个部分，其中ES是ECMAScript，是JavaScript的核心，是一套一、对象1.对象的概念JavaScript中的对象其实就是生活中对象的一个抽象。JavaScript的对象是无序属性的集合。其属性可以包含基本值、对象或函数。对象就是一组没有顺序的值。我们可以把JavaScript 中的对象想象成键值对，其中值可以是数据和函数。2.对象字面

2021-05-25 12:27:27 2338 3

原创对象

文章目录前言一、对象1.对象的概念2.对象字面量3.对象数据的调用和更改二、其他创建对象的方式1.new Object创建对象2.工厂函数创建对象2.读入数据总结前言开始学习对象，以及对象的一些相关知识。一、对象1.对象的概念JavaScript中的对象其实就是生活中对象的一个抽象。JavaScript的对象是无序属性的集合。其属性可以包含基本值、对象或函数。对象就是一组没有顺序的值。我们可以把JavaScript 中的对象想象成键值对，其中值可以是数据和函数。2.对象字面量创建一个对象

2021-05-22 17:08:50 178 4

原创函数

文章目录前言函数1.函数的声明和调用2.函数的参数3.函数的返回值4.函数表达式5.函数的数据类型6.arguments对象总结前言这部分来学习函数的知识，要做到学以致用啊！函数函数，也叫作功能、方法，可以将一段代码封装起来，封装起来的代码具有一定的功能，内部封装的代码具有完整的结构体，要执行就都执行，要不就都不执行。（作用：封装一段代码，将来可以重复使用）。1.函数的声明和调用函数的声明又叫做函数的定义，先定义才能使用。函数调用：函数名（），函数内部语句执行的位置，与定义位置无关，与调用

2021-04-29 14:45:59 703

原创数组及应用

文章目录前言数组1.定义数组2.获取数组元素3.数组的长度4.数组的遍历5.应用案例总结前言学习一下js的数组部分的知识，如何定义一个数组，怎么获取数组的值，怎样更改数组，数组的应用，都在本篇文章里面啦！数组概念：Array，就是将多个元素（通常是一个类型的数组）按照一定的顺序进行排列放到一个集合中。这个集合就是数组。1.定义数组定义数组：用数组的字面量[],将数组字面量赋值给一个变量，存储多个数据需要用逗号隔开，最后一个后面不需要加逗号。代码如下（示例）：//定义一个空数组var a

2021-04-27 23:52:49 147 3

原创 JavaScript流程控制语句

文章目录前言一、表达式、语句二、条件分支语句1.引入库2.读入数据总结前言接下来学习JavaScript的流程控制语句，会学习到各种流程语句，需要多多做练习才能熟练掌握。一、表达式、语句表达式可以产生一个值，有可能是运算、函数调用、有可能是字面量。表达式可以放在任何需要值的地方。特点：表达式会先执行出一个结果，然后再参与其他程序。语句可以理解为一个行为，循环语句和判断语句就是典型的语句，一个程序由多个语句组成。（一般语句以分号结束，特殊的结构除外）流程控制语句通过一些特殊结构可以让js代.

2021-04-23 00:19:54 544

原创 JavaScript操作符

文章目录前言操作符1.算数运算符2.读入数据总结前言这部分来学习JavaScript的操作符，需要掌握各种操作符的用法。操作符也称作运算operator，js中发起运算的最简单的方式。操作符1.算数运算符加减乘除取余±*/%（），运算顺序是先算乘除取余，后算加减，有小括号先算小括号。代码如下（示例）：// console.log(4 + 5);// console.log(4 - 5);// console.log(4 * 5);// console.log(4 / 5);// .

2021-04-21 18:51:29 191 3

原创 JavaScript数据类型

文章目录前言一、字面量二、使用步骤1.引入库2.读入数据总结前言这部分来学习关于JavaScript数据类型的相关知识。一、字面量用于表达一个固定值的表示法，又叫做常量。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport warningswarnings.filterwarnings('ignore.

2021-04-19 18:24:10 364 8

原创 JavaScript语法

文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言HTML和CSS已经告一段落了，接下来开始学习JavaScript。这部分是前端的重中之中，一定要好好学习，多实践多练习呀。一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as p.

2021-04-18 23:06:51 132 4

原创响应式布局

文章目录前言一、响应式开发原理二、使用步骤1.引入库2.读入数据总结前言前面学习了移动端主流的技术选型，包括流式布局、flex布局、less+媒体查询+em布局。今天来学习响应式页面兼容移动端。话不多说看下面。一、响应式开发原理使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pan

2021-04-15 13:58:21 189 1

原创 rem适配布局

文章目录前言一、rem单位二、媒体查询1.媒体查询书写语法2.媒体查询案例-背景变色3.媒体查询+rem，实现动态元素大小变化4.引入资源三、维护css弊端1.css的弊端2.维护css弊端（Less的简介和安装）3.Less变量4.Less编译5.Less嵌套6.Less运算四、rem适配1.rem适配原理2.rem适配方案总结前言这部分开学习rem适配布局，能够解决移动端网页高度和文字大小随着网页窗口的变化而变化。接下来开始学习吧一、rem单位（1）em单位:相对单位，参考的是父级元素字号大

2021-04-11 23:23:11 426 3

原创 flex布局

文章目录前言一、flex布局体验二、flex布局原理三、flex布局父项常见属性1.flex-direction设置主轴的方向2.justify-content主轴上子元素排列方式3.四、flex布局子项常见属性1.2.读入数据五、1.引入库2.读入数据总结前言这部分学习flex布局，还是通过写一个移动端网页进行练习，这里就只记录理论知识啦。提示：以下是本篇文章正文内容，下面案例可供参考一、flex布局体验传统布局：（1）兼容性好（2）布局繁琐（3）局限性，不能在移动端很好的布局fl.

2021-04-07 22:17:45 3230 9

原创流式布局

文章目录前言一、流式布局原理二、使用步骤1.引入库2.读入数据总结前言一、流式布局原理将盒子的宽度设为百分比，很具屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsim.

2021-04-05 15:16:12 2446 7

原创移动端网页开发基础

文章目录前言一、浏览器1.pc端常见浏览器2.移动端常见浏览器二、视口1.布局视口layout viewport2.视觉视口visual viewport3.理想视口ideal viewport三、二倍图1.物理像素和物理像素比2.二倍图用法四、移动端开发选择1.单独制作移动端页面2.响应式兼容pc移动端3.移动端常见问题技术解决方案五、移动技术选型1.单独制作移动端页面2.响应式兼容pc移动端总结前言开始学习移动web开发基础一、浏览器1.pc端常见浏览器360、谷歌、火狐、QQ、百度、搜.

2021-04-02 21:56:51 1444 1

原创 HTML和CSS的IE兼容问题

文章目录前言一、html兼容二、css兼容总结前言下一部分就开始学习移动端网页制作了，今天来记录一下浏览器兼容问题一、html兼容书写条件注释可以解决低版本的IE浏览器兼容问题。条件注释的写法如下：代码如下（示例）：比较符号：二、css兼容css hack代码如下（示例）：_background-color: pi.

2021-04-01 14:12:01 342

原创静态PC端网页开发

文章目录前言一、静态项目开发基础1.网页项目开发流程2.页面开发常见界面和布局流程二、项目制作1.head内部配置2.header区域总结前言今天开始新的模块，pc端静态网页开发应用。这部分主要是对于前面HTML和css学习的一个验收和巩固。一、静态项目开发基础1.网页项目开发流程开发流程：需求分析、整体规划、界面设计、前端程序设计、前后端系统整合、测试验收。2.页面开发常见界面和布局流程版心：是指网页中主要内容所占区域。一般在浏览器窗口中水平居中显示，从而让用户的视线更加集中。常见版心.

2021-03-17 20:15:21 1332 4

原创 CSS3过渡属性、2D和3D、动画

文章目录前言一、css3过渡属性transition二、2D转换1.位移transform2.缩放scale3.旋转rotate4.倾斜skew5.基准点6.2D转换案例-卡包特效三、3D转换1.透视2.旋转3.位移4.3d转换案例-正方体四、css3动画总结前言今天继续学习css3，主要学习css3 的2D和3D转换。继续分享今天的笔记啦！一、css3过渡属性transition在css3出现之前，前端一般使用flash动画或者js制作动画。过渡属性transition，在两种状态之间实现平.

2021-03-15 16:21:42 732 1

原创 CSS3新增（选择器、盒模型、边框阴影）

文章目录前言一、css31.新增子级选择器2.兄弟选择器3.结构伪类选择器4.5.二、使用步骤1.引入库2.读入数据总结前言开始今天的前端学习内容，近几天学的很赶，还是多多复习一下前边的内容，否则就会导致学过的东西却忘记了。一、css31.新增子级选择器子级选择器用于选取带有特定父元素的元素。>前后必须满足父子级关系。代码如下（示例）：.box > p { background-color: pink; }.inner > p { co.

2021-03-14 16:45:09 290 2

原创静态轮播及HTML5新增

文章目录前言一、静态轮播图布局二、HTML51.新增语义化标签2.多媒体音频标签3.多媒体视频标签4.新增input表单5.新增表单属性总结前言css大部分学完了，今天学习一下静态轮播，后面学一下HTML5。坚持住。一、静态轮播图布局代码如下（示例）：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-C.

2021-03-14 00:37:38 550 1

原创 CSS背景属性、定位

文章目录前言一、css的常用样式-背景属性1.背景颜色 background-color2.背景图片 background-image3.背景重复 background-repeat二、使用步骤1.引入库2.读入数据总结前言又是内容超级多的一天啊，多也要学完，今天学校三节课呢，自己学习的时间少了点了。加油，坚持住！一、css的常用样式-背景属性1.背景颜色 background-colorbackground-color,作用在盒子区域内添加背景颜色进行修饰，在border及以内加载背景颜色.

2021-03-13 18:58:18 2387

原创 CSS浮动

文章目录前言一、标准文档流1.微观现象：2.显示模式display二、浮动1.浮动的定义2.浮动的性质3.依次贴边的应用案例4.浮动性质-没有margin塌陷、字围现象5.浮动的问题6.清除浮动总结前言继续学习前端，今日学习内容主要是浮动，昨天学习了css的常用属性和盒模型。日复一日，今日事今日毕！一、标准文档流元素排版布局会按从左往右，从上往下排版，前面内容发生变化，后面的内容也会随之变化。HTML体现在微观现象。1.微观现象：（1）空白折叠现象。（2）文字类的元素排在一行会出现一种高.

2021-03-12 00:07:18 135

原创 CSS字体、文本属性以及盒模型

文章目录前言一、css常用样式字体属性1.font-weight2.font-style3.line-height4.font综合属性二、文本属性1.水平对齐text-align2.文本修饰text-decoration1.文本缩进text-indent三、盒模型1.宽度width2.高度height3.内边距padding4.边框border5.外边距margin四、盒模型扩展1.清除默认样式2.height应用3.居中4.父子盒模型5.margin塌陷现象总结前言今天学习第二模块啦，今天的任务和.

2021-03-10 23:21:22 335 1

空空如也

空空如也