- 博客(43)
- 收藏
- 关注
原创 张培跃版React(完善中)
文章目录React的介绍jsx及解析的方式React的介绍文件的下载地址链接:https://pan.baidu.com/s/1QGmnr3DKNkIjqS-MHhNbuw 提取码:h20e使用时需要引入react核心库文件及操作DOM,视图相关的操作文件(需要依赖核心文件)文件的解释:react核心库文件:react.development.js操作DOM,视图相关的操作文件。需要依赖核心文件:react-dom.development.js可以将ES6–》ES5,让浏览器所识别babe
2020-10-22 22:14:49
1032
原创 React框架
文章目录react开始概念安装JSXreact都是有组件构成有状态组件 有状态 有生命周期 class无状态组件 函数组件 只负责展示安装react项目React出版方:Facebook(脸书)终端的分类:1.原生App:就是用原生语言开发的(如安卓,ios),性能最高,其它不如混合App2.混合App:采用的原因是审核,维护就是原生(调用硬件) + H5(欠缺调用硬件的能力)3.webApp 移动端性能差,界面不精致react开始概念
2020-10-13 22:36:42
293
原创 Vue之项目大致流程
文章目录1.创建项目:vue create 项目名 ,注意要在cmd中创建2.创建项目后:按以下步骤进行配置,如图片顺序然后等待创建项目:建议选择Vue2.0构建的项目是通过脚手架来创建的,配置路由,配置其它的(如文件夹)创建后的大致文件夹,都是配置好的...
2020-09-24 10:14:40
371
原创 VUE(未写完)
文章目录一.如何学习VUE二.VUE的概念三.MVVM或MV*如何使用VUE一.如何学习VUE培养思路,增强逻辑感,模仿他人代码1.记住要:多做、多查、多问、多看多做 【多做练习 ,多做项目,多做案例】多查 【度娘】多问 【碰见没有思路的问题,一定要,】多看 【多看看别人代码,多人人家的思路】2.四词真言 WWWHwhat ? 是什么?why ? 为什么要学when ? 什么时候用它here ? 在哪用?二.VUE的概念它是一个渐进式J
2020-09-07 11:39:15
858
原创 sass
文章目录sass编译sass,常用scsssass语法变量嵌套混合器 宏+继承导入文件sass概念:它是css预解析处理器sass 的文件后缀有两种,一种是 .sass 一种是 .scss他们两个的区别就是有没有 {} 和 ;.scss 文件 常用可以同步解析压缩文件$w=100pxh1 { width: $w; height: 200px;}.scss有括号,有分号.sass 文件$w=100pxh1 width: $w height: 200p
2020-09-01 21:40:08
125
原创 NODE介绍
文章目录一.NODE二.NODE的简单操作三.NODE的文件操作一.NODEnode中文网什么是node?1.Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,一个后端语言,没有DOM和BOM2.Node就是用 javascript 语言写 后端,有了它,js不仅是前端语言,更是后端语言3.Node的核心是ECMAScript,操作后端代码及数据库,不用考虑兼容,只关注业务逻辑二.NODE的简单操作运行node:node 文件名查看node
2020-09-01 11:27:34
131
原创 npm、cnpm、gulp、nrm的应用
文章目录npmnpm1.概念:就是下载国外的一些资源,–>资源包,npm能搜索到的都可以下载2.如何操作:用window + r 后输入cmd调出命令行操作指令:npm下载包使用,会把下载的文件,下载到node_modeles文件下注意:npm是国外的下载的地址,非常慢,cnpm是国内下载cnpm默认是不存在的,需要进行安装...
2020-09-01 09:32:15
164
原创 SVN的应用
文章目录SVNSVN结合新浪云来使用的1.百度网盘下载地址:包含视频介绍和软件包- 链接:https://pan.baidu.com/s/1RhX1-8-ycEadPb3Z9SLU8w 提取码:gypy2.安装步骤:傻瓜试安装,直接点击下一步即可,默认不要出现中文名称,但可以改变盘符注意1: 完成后包含SVN Checkout及tortoisSVN工具包,默认是英文的,可以下载一个中文包注意2: 中文安装方法:https://jingyan.baidu.com/article/b87fe1
2020-08-28 22:09:44
153
原创 Promise-->面试100%常考
文章目录一.回调函数二.回调地狱三.Promise 见MDN文档四.ASYNC/AWAIT一.回调函数就是把函数 A 当作参数传递到 函数 B 中,在函数 B 中以行参的方式进行调用function a(cb) { cb()}function b() { console.log('我是函数 b')}a(b)为什么需要回调函数当我们执行一个异步的行为的时候,我们需要在一个异步行为执行完毕之后做一些事情那么,我们是没有办法提前预知这个异步行为是什么时候完成的我们就只能
2020-08-19 09:10:57
178
原创 AJAX及AJAX使用+JSONP
文章目录一.AJAX1.1同步1.2异步二.AJAX 的使用2.1创建2.2连接2.3发送2.4接收2.5 ajax 状态码2.6 responseText三.get和post发送的区别get 发送post 发送四.ajax封装:略,前端获取的是毫秒,后台的秒一.AJAX作用:和后台交互使用,它默认异步操作,存在兼容1.1同步按顺序执行1.2异步一起执行二.AJAX 的使用分为四个步骤:创建一个 ajax 请求,连接,发送,接收2.1创建IE9及以上:var xhr
2020-08-15 18:03:32
133
原创 本地存储之COOKIE、localStorage、sessionStorage
文章目录一.什么是COOKIE?1.1 COOKIE使用方式二.COOKIE 操作封装2.1设置 cookie2.2读取 cookie2.3删除 cookie三 localStorage四 sessionStorage一.什么是COOKIE?1.它是本地存储2.必须在服务器下运行3.会跟随服务器发送4.过期时间:默认会话级5.名字相同值会被覆盖6.不允许跨浏览器使用7.存储空间约等于 4K<script> var oDate = new Date() o
2020-08-15 16:37:30
111
原创 HTTP协议(部分)---必背-前端部分
一.HTTP协议干什么的:用于进行前后端进行交互的什么是http协议:就是发送一个数据到服务器, 服务器给我们一个消息,传输的协议叫做http协议http协议又叫超文本传输协议二.三次握手的发生和服务器建立连接时会发生,就是传递->接收->返回的过程三次握手的过程第一步:客户端给服务端发送消息- 请求报文,请求头,请求空行,请求体第二步:服务端接收到消息返回给客户端- 响应报文- 状态行,响应头,响应体第三步:断开与服务器到连接- 又可以称四次握手三.与服务器
2020-08-15 16:19:53
232
原创 PHP之数据库(MYSQL)操作
文章目录一.数据库(MYSQL)二.数据的类型三.操作数据库3.1 和数据库建立链接3.2 执行 sql 语句操作数据库3.3关闭链接3.4 完整的步骤四.常用的 sql 语句查-查询语句增-增加语句删-删除语句改-修改语句一.数据库(MYSQL)mysql 是数据库的一种,和 php 合作的比较好的数据库,用于前后端的交互表结构的数据库:由表头(字段)+ 表体(数据)二.数据的类型数值类型,日期和时间类型,字符串类,int 整数,varchar 字符串,date 日期, text 文本,j
2020-08-15 15:32:01
124
原创 0.js知识点补充
文章目录一.关于定时器的面试题二.自己总结的知识点一.关于定时器的面试题 var time = 1000; setIntervel(function(){ time = 5000; console.log(time) },time) 问:定时器的时间是多少?是1000 答:因为定时器有一个注册机制,一旦注册就不允许更改二.自己总结的知识点后续不断补充中······...
2020-08-12 17:05:04
126
原创 19.ES5和ES6
文章目录一.ES5和ES61.1复习一下1.2 JSON方法1.2.1 JSON的两个方法1.3 this指向1.4 call 和 apply 和 bind1.4.1 call1.4.2 apply1.4.3 bind二.ES6新增的内容2.1 let和const关键字2.2 `let` 和 `const` 的区别2.3 块级作用域2.4 箭头函数2.4.1箭头函数的特殊性2.4.2 函数传递参数的时候的默认值三.解构赋值3.1 解构对象3.2 解构数组四.模版字符串ES5和ES6的区别五.展开运算符一.
2020-07-30 20:36:53
322
原创 18.正则表达式
文章目录一.正则表达式二.正则表达式的创建2.1 字面量创建2.2 构造函数创建三.正则表达式里面的符号3.1 元字符3.2 限定符3.3 边界符3.4 特殊符号3.5 标示符3.6 检测字符串3.7 字符串内容捕获四字符串配合正则使用4.1 search4.2 match4.3 replace一.正则表达式正则表达式,又名 “规则表达式”由我们自己来书写 “规则”,专门用来检测 字符串 是否符合 “规则” 使用的我们使用一些特殊的字符或者符号定义一个 “规则公式”,然后用我们定义好的 “规则公式
2020-07-29 20:06:37
705
原创 17.事件
文章目录一.什么叫事件二.事件三要素:三.事件对象四.点击事件的光标坐标点获取五.事件源target六.常见的事件(了解)6.1浏览器事件6.2 常用的鼠标事件:6.3 常用的键盘事件6.5 触摸事件6.6动画事件6.7移动端事件6.8键盘事件之键盘码的获取6.9 组合按键拓展:常见的键盘码(了解)阻止浏览器默认行为七.如何进行绑定事件八.事件监听九.两个方式的区别十.补充事件处理函数一.什么叫事件用户在浏览器上发生的某种行为,而这种行为刚好是和程序或者网站进行交互,那么这种行为称为事件。二.事件
2020-07-28 21:22:22
231
原创 16.DOM操作
文章目录一.DOM1.1 DOM可以操作哪些内容1.2 DOM主要作用1.3 DOM等级的划分:DOM树:由标签构成的树,叫做dom树二.DOM中的获取元素的方法2.1获取元素的方法(节点)2.2 操作属性的方法三.DOM节点3.1 DOM节点分类3.2 节点关系:3.3 节点的分类3.4 节点的属性3.5 节点的获取总结:根据节点关系选择节点总结:选取子节点((ie678认识))四. DOM节点的操作4.1 创建一个节点4.2 向页面中加入一个节点4.3 删除页面中的某一个节点4.4 修改页面中的某一个节
2020-07-28 19:50:41
220
原创 12-1.js基础之字符串拼接及innerHTML和value的区别
文章目录一.字符串拼接及单双引号的应用二.补充:innerHTML及块级元素的拼接(字符串的拼接)重要一.字符串拼接及单双引号的应用字符串拼接+两边只要有一边是字符,就是拼接如果给两个字符之间,放个+号,就拼接了切记:变量不能加引号中,放在引号中就变成了字符<!-- 在数组后面讲的 -->var a = "hello";var b = "world";输出: hello,world!字符串拼接用 + 来完成console.log( a
2020-07-27 21:57:41
462
原创 15.BOM操作及window对象
文章目录BOM一.BOM1.1获取浏览器窗口的尺寸1.2浏览器的弹出层1.3浏览器的版本信息(了解)1.3.1 navigator.userAgent1.3.2 navigator.appName1.3.3 navigator.appVersion1.3.4 navigator.platform1.4浏览器的地址信息1.4.1 location.href1.4.2 location.reload1.5 浏览器的历史记录1.5.1 history.back1.5.2 history.forword1.5.3
2020-07-27 21:13:16
836
原创 14.js中的定时器
文章目录定时器一.单次定时(倒计时定时器),就执行一次1.1单次定时注意事项二.多次定时(间隔定时器),多次执行的程序2.1多次定时注意事项三.定时器的返回值四.清除定时器(关闭定时器)定时器在 js 里面,有两种定时器,倒计时定时器 和 间隔定时器定时器让你的程序不间断的执行callback回调函数; time时间一.单次定时(倒计时定时器),就执行一次倒计时多少时间以后执行函数语法: setTimeout(要执行的函数,多长时间以后执行、时间为毫秒) 会在你设定的时间以后,执行的函数
2020-07-27 20:41:52
286
原创 13.Math数学 和 Date时间方法
文章目录Math 和 DateMathDate日期对象,用来获取当前系统日期设置日期对象获取时间差计算时间差Math 和 DateMath 是 js 的一个内置对象,提供了一堆的方法帮助我们操作 数字Date 是 js 的一个内置对象,提供了一堆的方法帮助我们操作 时间Math是一个数学对象属性: Math.PI表示圆周率 ,E常量方法:用console.log(Math)可以打印所用的Math方法1.Math.random() 随机数(随机产生0-1之间
2020-07-22 18:49:14
369
原创 12.js基础之字符串的创建和操作
什么是字符串1.概念:只要被引号包括起来就是字符串,所有数据都可以转成字符串,只要被引号包裹即可2.分类:用引号包裹起来的内容,分单引号(’’),双引号(""),及反引号(``)3.字符串是有长度的,在字符串中空格也占位置字符串的创建(了解)1.字面量: var str = ""; var str = ''; var str = ``;2.构造函数构造函数创建的字符,其实就是字符,但类型是object,可以使用正常的字符操作 var str = new St
2020-07-21 18:58:56
152
原创 11.ES5新增严格模式及ASCII码
ES5/String的新增什么是ES5,就是ECMAScript5我们都知道 js 是一个相对不很严谨的语言而且开发的时候,一些代码也不是很严格要求而严格模式就是对开发的时候写的一些内容做了要求ES的版本更新,向下兼容,老版本并没有全部废弃,新版本只是在老版本的基础上新增严格模式(了解)1.严格模式:更严格的开发模式2.为什么有严格模式:因为js的代码规范非常不严格严格模式的意义是:1.消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;2.消除代码运行的
2020-07-21 18:58:03
103
原创 10-2.for和for-in循环、排序、冒泡及函数参数
for 和 for in 循环因为数组的索引就可以获取数组中的内容数组的索引又是按照 0 ~ n 顺序排列我们就可以使用 for 循环来循环数组,因为 for 循环我们也可以设置成 0 ~ n 顺序增加我们把这个行为叫做 遍历var arr = [1, 2, 3, 4, 5]// 使用 for 循环遍历数组for (var i = 0; i < arr.length; i++) { console.log(arr[i])}// 会在控制台依次打印出 1, 2,
2020-07-20 21:00:56
688
原创 10-1.js基础之数组中的api+json
数组的常用方法数组是一个复杂数据类型,我们在操作它的时候就不能再想基本数据类型一样操作了比如我们想改变一个数组// 创建一个数组var arr = [1, 2, 3]// 我们想把数组变成只有 1 和 2arr = [1, 2]这样肯定是不合理,因为这样不是在改变之前的数组相当于心弄了一个数组给到 arr 这个变量了相当于把 arr 里面存储的地址给换了,也就是把存储空间换掉了,而不是在之前的空间里面修改所以我们就需要借助一些方法,在不改变存储空间的情况下,把
2020-07-20 20:59:33
369
原创 10.js基础之数组的创建及操作
数组概念:就是数据,数组是一种数据的有序集合,数组其实也是对象,只是存储数据的形式不一样,但是类型是一样的,按照次序排列的一组值,其中每一个值都有一个索引值(js自动分配的)。当我们需要存储一系列的值的时候,通常都会使用数组,无论是查询还是存储都非常的便捷。[1, 2, 3, 'hello', true, false]创建一个数组数组就是一个 []在 [] 里面存储着各种各样的数据,按照顺序依次排好数组在创建时,就可以填充数据数组注意数组可以存储任何的数据类型。数组的内容叫元素
2020-07-20 20:57:37
508
原创 9.js基础之对象object的创建及操作方式
对象的创建方式第一种方式:通过字变量的方式var obj1 = { }第二种方式:通过构造函数的方式var obj2 = new object( )对象的操作方式对象的操作-也就是我们常说的增删改查通过字变量创建的操作的方式var obj1 = { name: 'jack', age:26, who:'her' }增obj1.job = '前端'删delete obj1.who改obj.age = 33查console.log(obj.a
2020-07-20 17:05:06
209
原创 8-1js基础之函数的分类
函数的分类递归函数匿名函数自执行函数回调函数(api比比皆是,js当中非常重要的一点)闭包函数(js当中非常重要的一点)构造函数(js当中非常重要的一点)
2020-07-20 11:26:27
273
原创 8.js基础之函数创建、参数、返回值、提升、作用域
函数我们代码里面所说的函数和我们上学的时候学习的什么三角函数、二次函数之类的不是一个东西函数的概念一个工具,完成某种功能的一段代码,即可以称之为函数。对于 js 来说,函数就是把任意一段代码放在一个 盒子 里面在我想要让这段代码执行的时候,直接执行这个 盒子 里面的代码就行// 这个是我们以前写的一段代码for (var i = 0; i < 10; i++) { console.log(i)}// 函数,这个 {} 就是那个 “盒子”function fn() {
2020-07-18 17:22:35
206
原创 7.js基础之循环结构
循环结构在次写一下程序的三大结构顺序:代码自上而下,按顺序执行分支:根据指定的条件,选择不同的过程执行循环:重复性较高且有规律可循循环的两种概念1.如果需要完成有规律可循并且重复的操作,那么可以使用循环。2.通过设定开始和结束条件,只要符合条件就会重复的执行同一段代码。循环必须要有某些固定的内容组成1.初始化2.条件判断3.要执行的代码4.自身改变循环的意义节省操作,减少代码冗余循环的三要素计数器的创建执行条件(停止条件)的设定计算器的改变WHILE
2020-07-18 15:49:19
542
原创 6.js基础之分支结构
分支结构(选择结构,分支结构)我们的 js 代码都是顺序执行的(从上到下)逻辑分支就是根据我们设定好的条件来决定要不要执行某些代码程序的三大结构顺序结构概念:代码逐行执行,一行一行自上而下执行分支结构概念:有选择了,十字路口的选择,只能选择一个,如果…否则…循环结构概念:重复,重复执行多次IF 条件分支结构分支语句分支和循环结构,需要配合一些专用代码才能实现,专用代码叫:语句if的小括号里面也会发生隐式类型转换规则,if的()必然接收布尔if
2020-07-18 15:18:29
150
原创 5.js基础之运算符分类
js运算符(也叫EAMC核心语法)就是在代码里面进行运算的时候使用的符号,不光只是数学运算,我们在 js 里面还有很多的运算方式数学运算符名称加减乘除求摸/取余递增递减指数运算符号+-*/%++–**1.+加号,加法只有符号两边都是数字的时候才会进行加法运算只要符号任意一边是字符串类型,就会进行字符串拼接,拼接就是将两个数据,直接组合起来2.-会执行减法运算会自动把两边都转换成数字进行运算就算两边不是数值,也会默认转
2020-07-18 14:24:40
527
原创 4.js基础之数据类型转换
一.数据类型转换为什么要转换:用户、计算机、或者其他程序给了一个数据,不是咱们想要的数据类型,需要转成当前程序所需的数据类型,再进行运算数据类型之间的转换,比如数字转成字符串,字符串转成布尔,布尔转成数字等数据类型转换分为自动类型转换和强制转换(显示转换,主动转换)自动类型转换(隐式转换)强制转换(显示转换,主动转换)...
2020-07-18 13:39:01
151
原创 3.JS基础语法之数据分类和数据类型判断
一.JavaScript基础语法之数据数据?:就是把生活中的某种需求(程序)映射到了代码中,数据是程序的灵魂,数据是程序的基础是指我们存储在内存中的数据的类型1. 数据的分类(重点)1.根据语言划分:弱类型语言,强类型语言2.根据类型划分:基本(础)数据类型(原始数据类型) 和 复杂数据类型(引用数据类型)3.按照数据在内存中的存储方式分 :栈,堆1.1弱类型语言与强类型语言的区别弱类型语言变量在存储数据的时候,可以更换其它的输出东西,js就是一个弱类型语言,弱类型的世界.弱类
2020-07-18 11:40:34
101
原创 2.Jst基础语法之变量相关
一.js当中的变量在js当中变量非常重要,变量指的是在程序中保存数据的一个容器变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据也就是说,我们向内存中存储了一个数据,然后要给这个数据起一个名字,为了是我们以后再次找到他1.定义变量及赋值语法:var 变量名 = 值// 定义一个变量var num;// 给一个变量赋值num = 100;// 定义一个变量的同时给其赋值var num2 = 200;2.变量名注意事项注意: 1. 一个变量名只能
2020-07-18 10:40:05
489
原创 1.Js基础语法之组成,写法,注释,打印方式等
JavaScript基础语法一.JavaScript发展历史(JS)JavaScript的起源、发展什么是前端开发(借助故事) 来源于简书潜水的旱鸭子二.JavaScript能干什么1. 常见的网页效果【表单验证,轮播图。。。】2. 与H5配合实现游戏【水果忍者: http://www.jq22.com/demo/html5-fruit-ninja/】3. 实现应用级别的程序【http://naotu.baidu.com】4. 实现统计效果【http://echarts.baidu.
2020-07-18 10:23:10
234
转载 JavaScript起源及发展
JavaScript发展历史(JS)一 JavaScript的起源JavaScript因为互联网而生,紧随着浏览器的出现而问世。回顾它的历史,就要从浏览器的历史讲起。下面就简单回顾这段辉煌的历史:1990年底,欧洲核能研究组织,发明了万维网(World Wide Web)。1992年底,美国国家超级电脑应用中心(NCSA),开发了第一个浏览器,Mosaic。1994年,网景公司(Netscape)发布了Navigator浏览器0.9版,这是世界上第一款比较成熟的网络浏览器,轰动一时。但是这是一款
2020-07-18 09:22:34
1582
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人