JavaScript
文章平均质量分 63
将心_max
这个作者很懒,什么都没留下…
展开
-
前端基础(五)- 性能优化
前端性能优化原创 2022-05-23 12:21:23 · 363 阅读 · 1 评论 -
前端基础(四)- 数组和对象方法
数组和对象的一些方法原创 2022-04-19 11:28:02 · 1683 阅读 · 0 评论 -
前端基础(三)- ES7~ES12
为了方便记忆和称呼,ES2015之后的新知识点我们都统称ES6语法,就没必要去划分得那么细ES7Array.prototype.includes()includes方法可以判断一个数组是否包含某个指定的值,如果存在返回true,否则false const arr = ["es6", "es7", "es8", "es9"]; console.log(arr.includes("es5")); // false console.log(arr.includes.原创 2022-03-06 13:37:38 · 1423 阅读 · 0 评论 -
前端基础(二)-TS
无聊的知识又增加了hasOwnProperty()hasOwnProperty()方法会返回一个布尔值,指示对象自身属性中是否具有指定的属性(是否有指定的键)const obj = { a: 1, b: 2,};console.log(obj.hasOwnProperty('a'), obj.hasOwnProperty('c')); // true falseTypeScriptTS 类型布尔类型(Boolean)const flag:boolean = true;原创 2022-01-07 11:36:48 · 770 阅读 · 0 评论 -
前端基础(一)
不积跬步无以至千里,不积小流无以成江海。基础很繁琐,看似无用,但细节见真知原创 2021-11-22 20:32:18 · 1464 阅读 · 0 评论 -
使用node.js生成一个本地JSON文件
如何使用nodejs在本地生成一个JSON文件import { dataSource } from "./dataSource.js";// const fs = require("fs"); //文件模块// const path = require("path"); //系统路径模块import fs from "fs"; //文件模块import path from "path"; //系统路径模块//指定创建目录及文件名称,__dirname为执行当前js文件的目录// const f原创 2021-08-14 01:30:06 · 3598 阅读 · 1 评论 -
TS中使用引用路径别名报错
在TS中引用路径别名提示找不到模块或者相应的声明1.ts中使用路径别名报错在react中通常路径别名都是在webpack的webpack.config.js文件中配置的,但是在引入了ts之后,webpack中的路径别名引用失效了此时我们需要在跟src文件同级目录的tsconfig.json文件中添加配置:注意要在compilerOptions中添加"compilerOptions": { "target": "es6" /**指定ECMAScript目标版本**/, "modu原创 2021-08-03 22:57:48 · 4232 阅读 · 2 评论 -
tsx/typescript文件引入图片报错
typescript中引入图片报错对于react来说在js文件中直接这样导入是没有问题的,但是在ts文件中这样导入就会报错了,这是因为ts本身会有静态检查,而ts只会检查代码文件,对于非代码文件是无法识别的。解决:声明一个特殊的ts文件:img.d.ts然后在这个ts文件中声明图片格式:/* * ts图片声明导入文件*/declare module '*.svg'declare module '*.png'declare module '*.jpg'declare m原创 2021-07-19 00:17:10 · 5468 阅读 · 0 评论 -
npm run dev:server报错 NODE_ENV=development OUTSIDE_WEB=true nodemon ./index.js
npm run dev:server报错 NODE_ENV=development OUTSIDE_WEB=true nodemon ./index.js‘NODE_ENV’ is not recognized as an internal or external command代码执行环境不一样,代码在mac环境和Windows环境不兼容解决: 安装依赖npm i --save-dev cross-env然后在package.json文件的script对应代码处添加cross-env...原创 2021-05-04 23:45:40 · 531 阅读 · 0 评论 -
Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance
在react中使用antd的警告Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance解决:删除index.js文件中的<React.StrictMode>标签原创 2021-04-28 18:42:15 · 897 阅读 · 0 评论 -
JavaScript中的类型转换
关于JavaScript中的类型转换一、数据类型js最初有五种简单类型和一种复杂类型(引用类型)。简单类型:Undefined、Null、Number、String、Boolean。复杂类型:Object。ES6新增一种Symbol,ES10新增一种BigInt。简单类型就凑齐了七个葫芦娃。但是在js中声明的变量只有一种类型,并且该类型会在代码运行时确定。如:const a = x == 1 ? 3 : 4;对于a的取值,在代码编译阶段是不会去确定的,而是在运行到这里的时候才确定,因此对于这个原创 2021-03-16 15:52:19 · 133 阅读 · 0 评论 -
0.1+0.2不等于0.3
关于计算机中0.1+0.2不等于0.3的问题先看一下浏览器给出的结果:可以看到我们的浏览器在运算0.1+0.2的时候是得不到0.3的。那么为什么?这是因为在我们的JavaScript语言中,内部的计算都是采用二进制进行计算的。那么我们在进行0.1+0.2时需要先做一个进制转换。十进制转二进制非小数采用除二取余,小数采用乘二取整。0.1的二进制:0.0001 1001 1001 1001…0.2的二进制:0.0011 0011 0011 0011…它们的二进制都是无穷的。在我们的现代浏览器中原创 2021-03-15 17:50:02 · 488 阅读 · 0 评论 -
从URL输入到请求结果返回的过程
深入讨论输入URL到请求结果的过程问:浏览器地址栏输入URL后到请求完成浏览器发生了什么?答:浏览器先进行DNS解析,根据dns系统查找IP地址,解析出IP地址,发起请求建立TCP链接,请求HTML文件资源深入:那么问什么URL需要解析(编码)?因为网络标准中规定了URL只能是字母和数字以及一些特殊字符(~.?&*;/()%$#@![])组成,如果不做解析转义在一些特殊情况下可能会出现歧义,比如我向一个网站请求,后面携带参数:http:www.baidu.com?test=value原创 2021-03-02 18:15:28 · 456 阅读 · 1 评论 -
create-react-app : 无法加载文件 C:\Users\86159\AppData\Roaming\npm\create-react-app.ps1,因为在此系统上禁止运行脚本
react项目创建报错换了个电脑,本来想重新创建以个react项目复习复习一些知识,结果没想到一开始就出问题了,创建项目的时候一直飘红:create-react-app : 无法加载文件 C:\Users\86159\AppData\Roaming\npm\create-react-app.ps1,因为在此系统上禁止运行脚本好歹最后解决了,在Windows中搜索powershe,然后以管理员身份运行,或者右键开始按钮,找到以管理员身份运行powershell:打开powershell后,输入:se原创 2021-02-24 22:55:48 · 708 阅读 · 0 评论 -
vscode插件推荐
个人感觉好用的vscode插件Chinese (Simplified) Language Pack for Visual Studio Code嗯?这个不用解释了吧,中文汉化包Bracket Pair Colorizer给代码括号加上颜色,便于一眼看出自己的代码块Code Spell Checker单词拼写检查,我个人比较喜欢加上这个,定义变量名或者盲敲代码关键字的时候,会检查你写的代码是不是一个单词,如果不是单词会有一个下划波浪线标识,可以让我们命名看起来规范一点,也可原创 2021-02-21 22:27:27 · 708 阅读 · 0 评论 -
前端面试题汇总 - 基础
前端面试基础题目汇总原创 2020-10-18 17:34:16 · 1901 阅读 · 2 评论 -
js数组转字符串方法
字符串转数组字符串的方法:split() let str = 'abc'; str.split('') //不会改变原字符串 console.log(str.split(''));// ["a", "b", "c"]数组转字符串数组的方法:join() let arr =[1,2,3] console.log(arr.join(''));//123toString()方法 let arr =[1,2,3] console.log(arr.toStri原创 2020-10-18 14:41:03 · 374 阅读 · 0 评论 -
react项目部署到GitHub上
将react项目部署到GitHub上来实现一个类似线上服务器的效果,可以预览我们的react项目1.正常创建react项目,写好react项目2.新建一个GitHub仓库3.在自己的react项目里面找到package.json文件更改里面的配置项(1)添加homepage这一项,后面的地址和GitHub仓库地址不一样是.io结尾的(2)npm安装gh-pages:npm i gh-pages -D(3)在scripts里面添加两句话,最后两句4.本地文件上传到GitHub仓库(1)G原创 2020-10-15 10:29:47 · 1715 阅读 · 0 评论 -
react的CRA项目抽离报错:Remove untracked files, stash or commit any changes, and try again
使用react的CRA搭建项目后,进行yarn eject项目配置文件抽离的时候报错:只需要在控制台进行Git add . 和Git commit -m 'update’然后再次抽离即可原创 2020-10-14 14:26:52 · 152 阅读 · 0 评论 -
react项目创建报错:@typescript-eslint/parser@2.34.0: The engine “node“ is incompatible with this module. Ex
react创建项目时报错:@typescript-eslint/parser@2.34.0: The engine “node” is incompatible with this module. Expected version “^8.10.0 || ^10.13.0 || >=11.10.1”. Got “10.6.0”在创建项目之前执行以下命令:yarn config set ignore-engines true...原创 2020-09-21 14:15:35 · 1649 阅读 · 0 评论 -
jQuery
jQuery <p>11111</p> <p>2222</p> <p>3333</p> <script> console.log($('p').get(1)); //get返回了DOM对象,转回了原生js - <p>2222</p> console.log($('p').eq(1)); //eq返回的是jQuery对象,可以继续链式操作 <原创 2020-08-19 16:10:37 · 96 阅读 · 0 评论 -
JavaScript -TIDY
tidy-JavaScript变量运算符if语句switch语句三目运算符循环常见错误类型变量特定的时间保存特定的值,且初始化后可以改变的量特点:值可以改变可以同时定义多个可以被前置访问会写入内存松散类型变量的命名:驼峰命名(大驼峰、小驼峰)、匈牙利命名。-- 字母数字下划线$,不能数字开头运算符数学运算符:+ %复合的赋值运算符 +=、*=比较运算符:== ===逻辑运算符:& || !一元运算符:++ --if语句特点:条件的结果是布尔值原创 2020-08-19 12:46:15 · 254 阅读 · 0 评论 -
ajax
ajax简要ajax概要ajax的优点和缺点ajax的使用步骤ajax概要AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。ajax的优点和缺点优点:对局部数据能够实现无刷新更新实现异步的服务器通信一定程度上减轻了前后端的负载问题较好的实现了前后端的分离缺点:破坏了浏览器的back和history机制数据的安全性存在问题对搜索引擎的支持不是很好对移动设备的支持不是很好原创 2020-07-17 22:17:01 · 94 阅读 · 0 评论 -
PHP and MySQL 简单语句
PHP和MySQLPHPPHP的数据类型PHP输出MySQLPHPPHP的数据类型integer - 整数类型double - 小数类型string - 字符串类型array - 数组类型null - 空类型Boolean - 布尔值object - 对象类型resource - 资源类型PHP中使用gettype来获取类型PHP输出echo - 输出一个或者多个字符print - 输出一个或者多个字符,具有返回值print_r - 打印变量易于理解的信息var_d原创 2020-07-15 16:57:21 · 172 阅读 · 0 评论 -
js -- ES6简述
琐碎的基础整理,ES6-数组、对象、函数。原创 2020-07-10 14:54:12 · 276 阅读 · 0 评论 -
关于遍历的方法
遍历数组和对象可遍历的方法原创 2020-07-09 19:47:47 · 218 阅读 · 0 评论 -
事件类型及兼容
事件类型兼容原创 2020-07-07 09:33:25 · 144 阅读 · 0 评论 -
JavaScript-BOM和DOM
BOMBOM(Browser Object Model): 浏览器对象模型,是用来描述与浏览器进行交互的方法和接口BOM下面有一个核心的对象 – window对象。window下面的常用的事件操作:onload() 页面内容加载完成后执行这里的代码onscroll() 浏览器的滚动条触发时触发此事件onresize() 浏览器窗口大小发生改变时触发此事件document.documentElement.clientWidth 浏览器可视区的宽度(纯数字,没有单位)document.doc原创 2020-07-01 18:19:04 · 105 阅读 · 0 评论 -
JavaScript字符串方法
字符串方法/* 字符串方法 */ var str = 'aaabb' // String.fromCharCode():返回由指定的UTF-16代码单元序列创建的字符串 // String.fromCodePoint():静态方法返回使用指定的代码点序列创建的字符串 // str.charAt(4):从一个字符串中返回指定的字符,类似数组arr[4] // str.charCodeAt():方法原创 2020-06-30 18:15:29 · 119 阅读 · 0 评论 -
JavaScript数组
数组数组是JavaScript中很常用的一个类型。JavaScript中的数组表示一组类型相同或者类型不同的数据。ECMAscript定义,数组的每个元素可以是任意类型的。原创 2020-06-28 21:02:41 · 140 阅读 · 0 评论 -
JavaScript笔记(二)
关键字和保留字但是实际上这里面的部分保留字目前已经实现了,成为了关键字来使用,比如class、const、Boolean…赋值运算符 - “=”JavaScript中的赋值运算符就是我们常用的等号“=”,但是含义和我们的数学当中的等号意义是不一样的,数学当中的等号是用来判断等号左边和右边的值是否相等,JavaScript中赋值运算符的含义是把等号右边的值赋值给左边,例如:var a = 23;//我们可以读作把23赋值给变量avar b = 33;//把值33赋值给变量ba = b ;//把b原创 2020-06-16 20:31:24 · 100 阅读 · 0 评论 -
JavaScript笔记(一)
JavaScript-从入门到入土JavaScript简介前端开发者的核心工作JavaScript基本介绍JavaScript应该有三个组成部分JavaScript的使用JavaScript里的变量变量命名规则JavaScript简介JavaScript 是属于 HTML 和 Web 的编程语言。JavaScript 是 web 开发者必学的三种语言之一:HTML 定义网页的内容CSS 规定网页的布局JavaScript 对网页行为进行编程前端开发者的核心工作页面渲染用户体验性能优原创 2020-06-15 17:24:25 · 334 阅读 · 0 评论 -
JavaScript实现鼠标拖拽案例
鼠标拖拽本案例的目的是使用JavaScript实现简单的鼠标拖拽元素。直接附上全部代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box{ ...原创 2020-04-22 09:13:05 · 286 阅读 · 0 评论 -
JavaScript正则笔记(一)
正则表达式正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript中,正则表达式也是对象。这些模式被用于 RegExp 的 exec 和 test 方法, 以及 String 的 match、matchAll、replace、search 和 split 方法。创建正则表达式var reg = new RegExp('a');//第一种创建方式var reg = /a/ //...原创 2020-04-21 15:51:48 · 137 阅读 · 0 评论