自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(42)
  • 资源 (2)
  • 收藏
  • 关注

原创 回顾React—hooks

React 是实现了组件的前端框架,它支持 class 和 function 两种形式的组件。class 组件是通过继承模版类(Component、PureComponent)的方式,继承是 class 本身的特性,它支持设置 state,当 state 改变后重新渲染,可以重写一些父类的方法,会在 React 组件渲染的不同阶段调用,俗称生命周期函数。

2022-09-19 11:26:59 301 1

原创 GIT的运用

你正在进行项目中某一部分的工作,里面的东西处于一个比较杂乱的状态,而你想转到其他分支上进行一些工作,但又不想提交这些杂乱的代码,这时候可以将代码进行存储。Git自带一个 git config 的工具来帮助设置控制 Git外观和行为的配置变量,在我们安装完git之后,第一件事就是设置你的用户名和邮件地址。后续每一个提交都会使用这些信息,它们会写入到你的每一次提交中,不可更改。index:缓存区,标记你本地的哪些内容是被git管理的。repository:本地仓库,保存各个版本的提交。remote:远程仓库。.

2022-08-11 13:33:09 288

原创 JavaScript中的流程控制

从上到下执行的代码就是顺序结构程序默认就是由上到下顺序执行的根据不同的情况,执行对应代码分别为: if语句 ,三元运算符 switch语句 , 布尔类型的隐式转换语法结构语句结构循环结构:重复做一件事情分别为:while、do..while、for循环。语句结构。.........

2022-01-21 15:55:43 1237

原创 flex布局

注意,常理来说justify-content与align-items默认分别处理项目横轴,纵轴的对齐方式,但如果我们修改了flex-direction为column,它们处理的轴向会交换,也就是justify-content处理纵轴,align-items处理横轴。取值:默认auto,用于设置项目宽度,默认auto时,项目会保持默认宽度,或者以width为自身的宽度,但如果设置了flex-basis,权重会width属性高,因此会覆盖widtn属性。注意,即便设置了固定宽度,也会缩小。...

2021-06-28 14:36:02 1149 1

原创 React详解

state 和 setStatesetState(updater, [callback])updater: 更新数据 FUNCTION/OBJECTcallback: 更新成功后的回调 FUNCTION异步:react通常会集齐一批需要更新的组件,然后一次性更新来保证渲染的性能浅合并 Objecr.assign()调用 setState 之后,会触发生命周期,重新渲染组件组件间通信在 React.js 中,数据是从上自下流动(传递)的,也就是一个父组件可以把它的 state

2021-03-27 15:55:53 151

原创 什么是react

通过前面 script 的方式虽然也能完成 React.js 的开发,但是有一个现在前端很重要的特性 - 模块化,无法使用。CreateReact App 是一个使用 Node.js 编写的命令行工具,通过它可以帮助我们快速生成 React.js 项目,并内置了Babel、Webpack 等工具帮助我们实现 ES6+ 解析、模块化解析打包,也就是通过它,我们可以使用 模块化 以及 ES6+等更新的一些特性。同时它还内置 ESLint 语法检测工具、Jest 单元测试工具。...

2021-03-27 15:53:09 94

原创 Promise的原理

Promise的原理。

2021-02-04 13:04:48 127

原创 了解运算符

1)&& 与 一假即假 遇到第一个条件为假,则停止后续的判断,返回其假值,否则则一直运行到最后,若最后一个条件为真,则返回该值 2)|| 或。(2)与0相异或,保留原值 ,X。即:参加运算的两个对象,如果两个相应位为“异”(值不同),则该位结果为1,否则为0。“异或运算”的特殊作用: (1)使特定位翻转 找一个数,对应X要翻转的各位,该数的对应位为1,其余位为零,此数与X对应位异或即可。一真即真 遇到第一个条件为真,则停止后续的判断,返回其真值,否则则一直运行到最后,若最后一个条件为假,则返回该值 3)!.

2021-02-04 13:01:02 147

原创 数组的方法

作用:数组中的元素为原始数组元素调用函数处理后的值 参数:函数 ary.map(function(item,index,ary){})作用:对数组的元素进行排序 参数:可选(函数) 规定排序规则 默认排序顺序为按字母升序 返回值:排好序的原数组 是否改变原数组:改变。作用:截取数组(复制数组) 参数:array.slice(start, end) 返回值:返回一个新数组 是否改变原数组:不改变。作用:向数组的开头添加一或多项 参数:要添加的项,多项用’,'隔开 返回值:新数组的长度 是否改变原数组:改变。.

2021-02-04 12:49:08 222

原创 复习-javascript,第一篇

" 0 false,undefined,null,NaN 转换为布尔值都会变成false,除此之外转换都是true。所以我们就需要考虑变量是什么类型,才能操作。不用给定变量类型,可以随意改变值的类型。

2020-11-24 00:10:23 333

原创 webpack手动搭建环境

1 使用 webpack 构建打包环境2 使用 webpack 构建开发环境3 四个核心概念:入口、出口、loaders、plugins4 手动搭建 react+react-router+mobx+sass+antd 工程架构。

2020-08-15 14:58:38 237

原创 webpack项目环境的搭建和react的简单封装

在安装node-sass的时候很容易安装不上 当你第二次安装的时候安装上了 运行的时候可能会报错,这时候你只要把node_modules的依赖包删除重新 安装这样就可以解决的。JS编译器,把ES6(下一代ECMAScript)转化成浏览器能够兼容的ES5代码。:新建一个文件夹 为 react-stack。: 在文件夹里面打开命令行 输入一下的指令。2,引入webpack模块 添加插件。1 设置入口文件:entry选项。1.在devServer中添加。2 设置出口:output选项。...

2020-08-04 20:05:29 431

原创 vue的生命周期

通俗的讲任何事物都有它的一个生命周期比如说:1、自然界的动植物生命周期:从初生到死亡。2、产品的生命周期:从立项到淘汰。(一般指提市场寿命)

2020-08-04 19:33:36 2766 1

原创 vue项目的配置和创建

单页面应用程序,实际是通过路由对组件进行管理的,URL发生变化,组件切换,就形成了视觉上页面切换。实际上,在单页面应用程序中,只有一个index.html页面,其它一切皆组件。新建 vue.config.js 修改端口 和 设置跨域的代理。(2)在src根目录创建 router.js文件,编码如下。在根目录创建一个名叫 ’ vue.config.js ’Vant,是一个专注于移动的Vue UI组件库。配置babel.config.js。1,安装Node.js v10+(3)在main.js中进行挂载。..

2020-07-18 14:58:11 341

原创 介绍防抖和节流

动作绑定事件,动作发生后一段时间后触发事件,在这段时间内,如果动作又发生,则无视改动作,直到事件执行完成后,才能重新触发。动作绑定事件动作发生后一定时间后触发时间,在这段时间内,如果该动作又发生,则重新等待一定的时间在触发事件。...

2020-07-18 10:16:24 160

原创 vue的响应式系统 和响应式原理

web = M + V (组成)MVC(发生在后端)MVC 是一种使用 MVC(Model View Controller 模型-视图-控制器)设计创建 Web 应用。

2020-07-12 23:08:47 211

原创 vue的事件绑定与表单绑定

vue的事件绑定与表单绑定。

2020-07-08 22:43:53 430

原创 初认vue和指令

与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单v页应用提供驱动。Vue指令初体验: v-text 插入文本 v-model 绑定表单的值 v-on / @ 绑定事件。指令:带有v-前缀的指令,代表vue提供的特殊属性。优势:代码体积小,基于虚拟DOM,数据双向绑定,生态圈繁荣。在线编码 JSFiddle。...

2020-07-06 23:54:39 158

原创 跨域的几种方法

做法:动态插入script标签,设置其src属性指向提供JSONP服务的URL地址,查询字符串中加入 callback 指定回调函数,返回的 JSON 被包裹在回调函数中以字符串的形式被返回,需将script标签插入body底部)。缺点是只支持GET,不支持POST(原因是通过地址栏传参所以只能使用GET)document.domain 跨子域 ( 例如a.qq.com嵌套一个b.qq.com的iframe ,如果a.qq.com设置document.domain为qq.com。...

2020-06-27 15:00:27 175

原创 GET和POST的区别

GET和POST最大的区别主要是GET请求是幂等性的,POST请求不是。(幂等性:对同一URL的多个请求应该返回同样的结果。)因为get请求是幂等的,在网络不好的隧道中会尝试重试。GET方式提交的数据有长度限制,则POST的数据则可以非常大,这个是因为它们使用的操作系统和浏览器设置的不同引起的区别。GET使用URL或Cookie传参,而POST将数据放在BODY中,这个是因为HTTP协议用法的约定。POST比GET安全,因为数据在地址栏上不可见,这个说法没毛病,但依然不是GET和POST本身的区别。...

2020-06-27 14:52:33 238

原创 HTTP的几种请求方法和用途

POST向服务器发送数据,会改变数据的种类等资源,就像insert操作一样,会创建新的内容,大小一般没有限制,POST安全性高,POST不会被缓存。这个方法这post很像,也时通过服务器提交数据,但他们不同的是put是指定了资源在服务器上的位置,而post没有。它用于获取当前url所支持的方法,如果请求成功会有一个allow的头,包含类似“get”,“post”这样的信息。202(Accepted)——删除请求已经接受,但没有被立即执行(资源也许已经被转移到了待删除区域)。请求服务器删除指定的页面。...

2020-06-26 20:15:40 1841

原创 JavaScript原型,原型链? 有什么特点?

当我们需要一个属性时,JavaScript引擎会先去找当前对象中是否有这个属性,如果没有的话,就会查找他的prototype对象中是否有这个属性,这样递推下去,一直找到Object内键对象。当我们去访问一个对象的属性时,如果这个对象内部不存在这个属性,那么他就会去prototype里面找这个属性,这个属性prototype就会有自己的prototype。JavaScript对象是通过引用来传递的,我们创建的每个新对象实体中并没有一份属于自己的原型副本。当我们修改原型时,与之相关的对象也会继承改变后的属性。.

2020-06-26 19:59:43 2157

原创 详细解释闭包

闭包是指有全访问另一个函数作用域中的变量的函数,创建闭包的最常见的方式就是在一个函数内创建另一个函数,通过另一个函数访问这个函数的局部变量闭包的缺点就是会常驻内存,会增大内存的使用量,如果没有使用好会造成内存的泄漏闭包是JavaScript语言的一大特点,主要应用场合是为了:设计私有方法和变量。通常在函数执行完毕后局部活动对象就会被销毁,内存中只保存全局作用域,但闭包不变嵌套函数的闭包fun();// 1 执行后 a++,,然后a还在~ fun();// 2//a被回收!!...

2020-06-15 22:06:14 211

原创 JS实现前后端数据交互--简单登陆页面交互

JS实现前后端数据交互--简单登陆页面交互

2020-06-11 22:44:02 10686 45

原创 介绍JSON的优势

JSON与XML都是常见的数据格式JSON(JavaScript Object Notation)轻量级数据格式XML 是一种可扩展标记语言,与HTML都是标记语言JSON的优势:轻量级,体积小,节省流量,提高加载速度解析成原生JS对象,解析比XML更快查找数据无需查找标签,效率更高在数据传输流程中,JSON是以文本即字符串的形式传递的,而JS操作的是JSON对象所以,JSON对象和JSON字符串之间的相互转换是关键:var json1 = '{ "name": "cxh", "sex":

2020-06-11 22:26:36 655

原创 显式声明变量和隐式声明变量的区别

区别1:在函数中,显式声明变量式局部变量,隐式变量 式全局变量;区别2:隐式声明的变量可以被删除,显式变量不能删除;区别3:隐式声明变量的默认配置configurble为true,显式声明变量的默认配置configurable为false;var abc=123 显示声明str='abc' 隐式声明打印console.log ( window.abc ) 123console.log ( window.str ) str删除delete window.abcdelete win

2020-06-11 22:21:10 3395 1

原创 介绍cookie

cookie 临时存储 cookie 是本地计算机的临时存储 var date=new Date(); //获取时间 date.setFullYear(2022); document.cookie="a=3"; expires="+date.toUTCString()获取当日时间 expires用来控制缓存的失效日期 document.cookie="a=3;expires="+date.toUTCString(); console.log(

2020-06-09 22:38:22 186

原创 介绍正则表达式的

正则表达式,又称规则表达式。正则表达式:是一个描述字符模式的对象,ECMAScript的RegExp类表示正则表达式。而string和RegExp都定义了使用正则表达式进行强大的模式匹配和文本检索与替换的函数查找、替换,通常用作验证,截取,隐藏,编码一 : 正则表达式的创建方式1: 字面量创建方式 语法: var reg = /正则表达式/修饰符修饰符:1: g 全局查找2: i 不区分大小写3: m 多行匹配定义正则表达式有两种形式:构造函数方式: new RegExp(patter

2020-06-06 15:28:47 190

原创 BOM的概念及作用

Browser Object Model – BOM浏览器 对象 模型BOM提供了独立于内容而与浏览器窗口进行交互的对象,核心对象是windowJavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C,BOM缺乏标准BOM最初是Netscape浏览器标准的一部分DOM是为了操作文档节点出现的API,document是其的一个对象BOM是为了操作浏览器对象出现的API,window是其的一个对象window对象window对象是浏览器中的Global对象var

2020-06-06 14:39:23 2522

原创 获取元素的样式

行间样式与非行间样式行间样式:<div id="box1" style="width:300px; height:100px;"></div>console.log(box1.style.width);非行间样式:#box2 {width: 200px; height: 50px;}<div id="box2"></div>console.log(box2.style.width);getComputedStyle:获取样式(IE678除外

2020-06-06 11:38:08 257

原创 Promise用法的介绍

1,什么是 Promise?首先我们来了解 promise 是什么东西,ppromise 是抽象的异步处理对象,以及对其进行各种操作的组件。我知道这样解释你肯定还是不明白 Promise 是什么东西,你可以把 Promise 理解成一个 容器,里面装着将来才会结束的一个事件的结果,这个事件通常是一个异步操作。promise最初被提出是在 E语言中, 它是基于并列/并行处理设计的一种编程语言。......

2020-05-20 00:02:09 738

原创 this的指向

1、 普通函数中的this ---->window function fn(){ console.log(this);//ES5 this--->window // ES6 严格模式 this--->undefined } fn();2、回调函数中的this,除了事件回调函数以外 this----->window var arr=[1,2,3,4]; arr.forEach(function(){

2020-05-13 00:06:27 120

原创 重构push/pop/unshift/shift/concat/join

重构pushpush 在数组尾部添加一个或者多个元素,并且返回数组的新长度var arr = [1, 2, 3, 4, 5]; <script> function pushs(arr,tian) { arr[arr.length] = tian; return chang = arr.length; // console.log(arr); } ......

2020-05-05 17:49:44 186

原创 javascript去重

第一种var arr=[1,2,3,4,1,2,3,2,1,1,3,7,7,2,1,6,1,2,4,5,1,2,3];for(var i=0;i<arr.length;i++){var item=arr[i];for(var j=i+1;j<arr.length;j++){if(item===arr[j]){arr.splice(j,1);j–;}}}consol...

2020-05-05 17:17:22 141

原创 jQuery选择器 /属性选择器/过滤器

1、jQuery选择器$(“div”); 按照标签名称将元素放在一个列表中,这个列表就叫做jQuery对象$(“div”).html("<a href=#>1")$("#div1")); id选择器标签名选择器 id选择器 class选择器jQuery对象是一个列表,可以包含很多,也可以包含一个元素,所有的DOM方法,jQuery对象都不能使用DOM对象是一个对象......

2020-05-05 17:10:32 939

原创 jQuery

什么是jQueryjQuery是一个JavaScript库,它通过封闭原生JavaScript函数得到一整套定义好的方法。它的作者是John Resig,于2006年创建的一个开源项目,随着越来越多开发者的加入,jQuery已经集成了JavaScript、CSS、DOM、和Ajax于一体的强大功能,它可以用最少的代码,完成更多复杂而困难的功能,从而得到了开发者的青睐。jQuery的功能jQu......

2020-05-05 17:08:11 131

原创 js实现中文时间

步骤:第一步:先设置好数字的大写和汉字第二步:获取div再设置时间 每隔多少秒会执行第三步:获取时间精确到年份 月份 日期 天数 毛分每秒第四步:获取年份 并且转换为字符串第五步:设置时间的精确度看代码HTML代码js代码......

2020-04-12 16:05:42 644

原创 冒泡排序的介绍

冒泡排序介绍:冒泡排序(Bubble Sort),是一种计算机科学领域的较简单的排序算法。它重复地跑过要排序的元素列,依次比较两个相邻的元素,如果顺序(如从大到小)那么它就会按照大到小的排序方式来。它必须要把算所有的元素重复地进行跑一遍,直到没有相邻元素需要交换,也就是说该元素列已经排序完成。冒泡排序算法的原理如下:1,比较相邻的元素。如果第一个比第二个大,就交换他们两个。2,对每一对相......

2020-04-12 15:49:08 304

原创 js实现全选框

实现全选框几个步骤:第一步:定义两个变量 执行函数 获取input第二步:我们要复制这个数组然后 循环这个数组当点击数组的任何都会执行下面的函数第三步:当点击是就会执行下面的函数 用forEach来 多选框是否被选中 如果需要让多选框选中设置为true就可以js代码HTML代码......

2020-04-12 15:35:13 1111

原创 for循环详解和 双重循环嵌套执行原理

for循环详解for循环里包含3条语句,for(定义初始变量;循环条件;变量变化){ 循环语句块}第一句是为循环变量赋初始值值,第二句是循环条件,第三句是给循环变量重新赋值,例如:var row=9;for(i=0;i<row;i++){循环语句块}这个循环的循环变量是i,i的初始值是0,循环条件是i<row,i以自增的方式赋新值,就拿上面这个例子来说,......

2020-03-22 21:34:31 15336 1

powershell7-master.zip

powershell7-masterpowershell7-masterpowershell7-masterpowershell7-master

2021-03-29

简单的登入注册.rar

实现简单是登陆注册

2020-07-24

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除