- 博客(28)
- 收藏
- 关注

原创 数组操作方法(包括es6数组的操作方法)
//(1)push() //向数组最里面推一个或多个数据 var arr=["色","等","烟","雨"]; arr.push("而",'我',"在"); console.log(arr); //(2)unshift() // 在数组的开头添加一个或多个数据 var arr=["色","等...
2019-09-04 15:41:51
5293
3
原创 vscode 代码出现波浪线
1.代码出现波浪线如下:说明编辑的代码有问题如果想要关闭执行下面操作即可:2.代码左侧出现类似于波浪线的符号如下:是因为我们的代码没有提交,如果想要去掉,可以把.git文件夹删了即可....
2022-04-24 15:23:31
5433
原创 03ts中的接口
一、对象类型object表示非原始类型,也就是除number,string,boolean,symbol,null或undefined之外的类型。对象类型可以有几种形式:对象类型数组类型类类型函数类型这几种形式我们在TypeScript里叫做对象类型。1.对象类型:比如我们写一个表示商品基本信息的对象:const KFC = { name: "汉堡炸鸡", price: 38.5, sell() { return `单品是:${this.name
2021-11-05 16:58:58
234
原创 vue的响应式原理
一、reduce1.数值的累加作用:将****前一项*和*后一项****的值进行运算,返回累积的结果格式:数组.reduce(function(prev,next){…})其中,prev表示前一项,next表示后一项。运算规则:默认情况下,会把数组的第一个元素作为prev的初始值。每循环一次,把累积的结果赋给prev,next就变为下一个数组元素var arr3 = [10,22,23,25,50]; const total = arr3.reduce(function(pre,ne
2021-04-28 20:55:38
8964
1
原创 es6模块化
一、Javascript模块化介绍随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等…开发者不得不使用软件工程的方法,管理网页的业务逻辑。Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块。但是,Javascript不是一种模块化编程语言,它不支持"类"(class),更不要说"模块"(module)了。(正在制定中
2021-04-24 17:35:57
378
原创 ES6相关操作方法
es6入门一、es6 简介1.什么是es6?Es6是简称,全称是ECMAScript 6.0。由于es6是2015年6月份发布的标准。又可以称之为ECMAScript 2015,或es2015。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。2.ECMAScript和JavaScript的关系请问二者相等吗?ECMAScript != JavaScript稍微回顾js的历史。ECMAScript是一个语言标准。JavaScript则是这个语言
2021-04-24 16:53:01
367
原创 04ts中的函数
通过前面JS的学习,想必大家对函数已经非常了解了。 TS 定义函数的方法和 JS 基本一样,不同的是 TS 可以要求有无返回值。接下来就介绍一下ts中有关函数的一些东西。一、函数的定义 1.es5定义函数的方法 //函数声明法 function run(){ return 'run'; } //匿名函数 var run2=function(){ return 'run2
2021-03-23 20:57:40
1518
原创 02ts中数据类型
一、类型声明(一) 类型声明类型声明是TS非常重要的一个特点通过类型声明可以指定TS中变量(参数、形参)的类型指定类型后,这些指定的类型也称为“静态类型”为,就是你一旦定义了,就不可以再改变了。当为变量赋值时,TS编译器会自动检查值是否符合类型声明,符合则赋值,否则报错简而言之,类型声明给变量设置了类型,使得变量只能存储某种类型的值语法:let 变量: 类型;let 变量: 类型 = 值;function fn(参数: 类型, 参数: 类型): 类型{
2021-03-23 20:51:35
1519
原创 01ts简介和相关配置
一、tscript简介1.tscript是什么?TypeScript(简称:TS)是 JavaScript 的超集(JS 有的 TS 都有)。TypeScript = Type + JavaScript(为 JS 添加了类型系统)。TypeScript 是微软开发的开源编程语言,设计目标是开发大型应用。可以在任何浏览器、任何计算机、任何操作系统上运行。2.TypeScript 相比 JS 的优势JS 的类型系统存在“先天缺陷” ,绝大部分错误都是类型错误( Uncaught TypeErro
2021-03-23 19:34:57
1480
6
原创 mock模拟数据,get、post请求
一、为什么使用mockjs在做开发时,当后端的接口还未完成,前端为了不影响工作效率,手动模拟后端接口1.我们可以使用json文件来模拟后台数据,但比较局限,无法模拟数据的增删改查 2.使用json-server模拟,但不能随机生成所需数据 3.使用mockjs模拟后端接口,可随机生成所需数据,可模拟对数据的增删改查二、mock优点1.前后端分离, 2.可随机生成大量的数据 3.用法简单 4.数据类型丰富 5.可扩展数据类型 6.在已有接口文档的情况下,我们可以直接按照接口文档来开发,将
2021-03-23 19:06:19
10584
2
原创 jsonp跨域
关于跨域讨论的是比较多的,实现跨域的方式也有很多种,jsonp,cros,代理等等。关于跨域的诸多方式就不多说,主要说说一个很小众的问题,关于jsnop的。先来回答一个小问题:实际工作中跨域请求用JSONP,CORS,Proxy那个使用频率更高?首先是proxy最多、其次是cors、jsonp最后通过nginx进行代理这个方法最好, 因为不管什么环境, 你只要请求/api/xxxx就可以了。Proxy理论上是应该是最多的。 现在前端能搞定的, 中小型公司后端都不愿意写Proxy,因为他们根本
2021-03-18 19:33:03
798
3
原创 axios基础和封装
一、简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征: 从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSON数据 客户端支持防止 CSRF/XSRF 二、安装使用npm//安装npm install axios -
2021-03-17 21:08:11
1333
原创 移动端像素概念,viewport,适配
想必大家对移动端像素的概念比较疑惑,总结一下我们经常会听到的几个词。一、屏幕尺寸平时我们通常提到手机的尺寸,比如iPhone6是4.7英寸的。手机的屏幕是以英寸为单位的。我们平时使用最多的单位是:毫米、厘米、米。对于英寸并不熟悉,首先我们先来换算一下单位:1英寸(inch)=2.54厘米(cm)。那么,英寸到底表示 的是什么呢?是手机的宽还高?原来英寸代表的意思是:手机屏幕对角线的长度。常见的屏幕尺寸有:2.4、2.8、3.5、3.7、4.2、5.5、5.6等二、屏幕分辨率..
2021-02-22 21:15:36
1771
2
原创 js字符串的操作方法
//(1)charAt() //根据字符的下标返回相应小标上的字符 var str="愤怒的小鸟"; console.log(str.charAt(2)); //结果为:的 //(2) charcodeat() //根据字符的下标返回相应下标上的字符对应的编码 console.log(str.charCodeAt(3)); //23567 //(3)S...
2019-09-05 15:10:47
310
原创 Babel的安装和使用
(1)什么是Babel?Babel是一个广泛使用的ES6转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。大部分es6语法,Chrome浏览器是可以直接支持的。当是有一小部分,浏览器并不支持,所以需要使用babel进行转码(2)如何使用babel? (1)第一步:安装npm (安装node就阔以了) (2)安装babel-cli 工具(全局) ...
2019-09-04 16:07:02
784
原创 git上传代码到码云(详细)
一、安装git .要使用git 先安转git 请到官网下载最新githttp://git-scm.com/downloads安装完成右键查看下是否有如下图所示的图标 二、本地建立git文件 本次建立的git文件是在本地完成的项目上建立的。找到当前完成项目的文件夹完成如下代码(1)“git init” 初始化项目 (2)“git status”...
2018-10-31 17:39:08
29604
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人