阿选不出来-CSDN博客

原创【JavaScript】对象的遍历

遍历对象本身的可枚举属性，返回一个由给定对象自身的可枚举的字符串键属性名组成的数组。方法，这意味着这个对象（或其原型链中的任意一个对象）必须具有一个键值为。也可进行遍历，但是它只能对可迭代对象进行遍历，不能遍历普通对象。返回一个包含给定对象所有自有 Symbol 属性的数组。返回一个给定对象的自有可枚举字符串键属性值组成的数组。返回一个包含给定对象自有的可枚举字符串键属性的键值对。in还遍历原型对象的可枚举属性。返回一个由目标对象自身的属性键组成的数组。来确定某属性是否是对象本身的属性。

2023-12-12 16:08:31 3247 45

原创【JavaScript】中的相等性判断

====

2023-12-07 16:16:43 164 2

原创【JavaScript】JS——Map数据类型

## 什么是Map?存储键值对的对象。***1. 能够记住键的原始插入顺序2. 任何值（对象或原始值）都可以作为键或值。## 特性Map中的一个键**只能出现一次**，新的值会覆盖旧的值。迭代方式：for...of循环，返回一个 `[key，value]` 的数组。键的相等：基于零值相等比较```javascriptNaN === NaN-0 === +0```

2023-12-07 15:54:59 1265 25

原创【JavaScript】leetcode链表相关题解

链表的官方定义：链表是一种物理存储单位上非连续、非顺序的存储结构，数据元素的逻辑顺序是通过链表中的指针链接次序实现的。看到这里，相信你肯定一知半解。没关系，接下来我们将链表与我们熟悉的数组进行一个对比，就好理解多了！数组：使用一块连续的内存空间地址存放数据链表：使用不连续的内存地址存放数据在存储数据方面，链表相较数组更加自由，节省内存资源，更利于内存空间的利用率。数组：每个元素都有其对应的索引，可以直接通过索引访问值链表：链表没有索引，每个链表节点至少由两部分组成：值，指向下一个节点的指针。

2023-10-26 18:02:08 2107 28

原创【JavaScript】JS能力测试题：数组扁平化 | 判断质数 | 获取字符串的长度

数组扁平化题目描述请补全JavaScript代码，要求将数组参数中的多维数组扩展为一维数组并返回该数组。注意：数组参数中仅包含数组类型和数字类型题解递归遍历数组并判断遍历的当前元素的数据类型，分为以下两种情况：类型为数值：添加该元素到输出数组中。类型为数组：重复上诉操作。 const _flatten = arr => { return arr.reduce((target, item) => { return target.concat(Array.isArray(

2023-09-26 18:26:11 898 34

原创【LeetCode】JavaScript题解:电话号码的字母组合|组合总和Ⅲ

的数组中，直到剩下最后一个数字要取时，此时求出当前数字队列总和与所需总和n的差值，如果差值介于[startindex,9]之间就把差值加入arr队列，并记录到。层循环，每层循环都循环1-9，找出所有相加为n的可能组合，由于k的不确定性，很难使用嵌套for循环求出结果，这个时候就需要用到递归了。给定一个仅包含数字 2-9 的字符串，返回所有它能表示的字母组合。递归函数的第一个参数表示当前的字母排列（即每一次遍历电话号码所得到的字符串）第一个参数n表示当前数字组合的总和与所需总和的差值。

2023-03-12 18:03:06 889 28

原创【React】React——redux

Redux的工作流 View在redux中会派发action方法action通过store的dispatch方法会派发给store store接收action，连同之前的state，一起传递给reducer reducer返回新的数据给storestore去改变自己的state

2023-03-04 11:56:08 3413 65

原创【React】react-router 路由详解

前端路由就是把不同路由对应不同的内容或页面的任务交给前端来做，根据不同的url地址展示不同的内容或页面。一个针对React而设计的路由解决方案、可以友好的帮你解决React Components 到 URL 之间的同步映射关系。

2023-02-20 18:50:29 4081 57

原创【React】Hooks

Hook是React 16.8.0 版本新增的新特性/新语法。可以让你在函数组件中使用 state 以及其他的 React 特性。

2023-02-15 22:11:48 1106 20

原创【React】生命周期

组件从创建到死亡它会经历一些特定的阶段。React 组件中包含了一系列钩子函数（生命周期回调函数），会在特定的时候调用。我们在定义组件时，会在特定的生命周期回调函数中做特定的工作。旧生命周期流程图新生命周期流程图。

2023-02-12 14:01:51 1919 40

原创【React】组件三大核心属性

但是React中没有做这样的处理，如果直接更改的话，react是无法得知的，所以，需要使用特殊的更改状态的方法。通过这个获取this.refs.username，ref可以获取到应用的真实dom。想要修改state中的数据，我们就需要自定义一个修改state的方法。特别注意：不能直接修改状态（state），可能会造成不可预期的后果！假如state属性中存有一个数组，如何修改这个数组的值呢？处理过的，更改data的数据的时候会触发数据的。一、定义state，访问state。写法一（常用、简写）

2023-02-05 11:17:47 5610 60

原创【React】组件的创建与事件绑定

React起源与发展React起源于Facebook的内部项目，因为该公司对市场上所有JavaScript MVC框架都不满意，就决定自己写一套，用来架设Instagram的网站。做出来后，发现这套东西很好用，就在2013年5月开源了。React与传统MVC的关系轻量级的视图库！React不是一个完整的MVC框架，最多可以认为是MVC中的V（View），甚至React并不非常认可MVC开发模式，React构建页面UI的库。

2023-01-22 20:49:05 1534 33

原创【VUE】实现分页组件

我们可以把这个分页组件分为三种形态第一种总页数

2022-12-09 07:00:00 2295 35

原创【Vue】组件封装——input输入框

封装一个自定义的input组件,只适用于 input元素type属性为text或password.

2022-10-12 21:14:50 5039 39

原创【axios】二次封装——避免重复发送请求

axios 是目前最优秀的 HTTP 请求库之一, 我们封装 axios 请求也是为了让代码看的更加清晰, 后期好维护.

2022-10-07 14:59:00 7810 46

原创【Vue】父子组件通信

vue.js 强大的功能，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。根据组件传递数据的方向不同，分为父组件向子组件传值，子组件向父组件传值。为了深入理解, 我们通过一个案例来更好的理解,首先我们需要两个组件(子组件) 和(父组件)

2022-10-03 19:11:49 19999 63

原创【Vue】vuex-五个核心

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。看到这里有没有收获什么呢?🎀🎀🎀🎈🎈有错误的地方可以在评论区留言,本博会虚心改正的觉的博主写的不错的,可以给个一键三连lia~✨✨。

2022-09-25 06:00:00 3698 64

原创 Vue-条件,列表渲染-key的底层原理

Vue-class与style的绑定-条件渲染-列表渲染-key的底层原理

2022-09-15 22:19:00 1078 48

原创原生JS实现移动端短信验证码功能

原生JS实现移动端短信验证码功能

2022-09-12 22:07:30 1836 34

原创 Vue2.0新手入门-模板语法-计算属性与监听属性的介绍和差异

Vue2.0新手入门-模板语法-计算属性与监听属性的介绍和差异

2022-09-12 00:35:56 947 35

原创 Vue-Router入门-掌握基础知识

用 Vue.js + Vue Router 创建单页应用，感觉很自然：使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把 Vue Router 添加进来，我们需要做的是，将组件 (components) 映射到路由 (routes)，然后告诉 Vue Router 在哪里渲染它们。

2022-09-10 23:07:53 680 36

原创 JS-String篇(速记用法大汇总)

JavaScript 内部，字符以 UTF-16 的格式储存，每个字符固定为。方法，能够正确处理 4 个字节储存的字符，返回一个字符的码点.的字符)，JavaScript 会认为它们是两个字符,全局对象是一个用于字符串或一个字符序列的构造函数.方法只能分别返回前两个字节和后两个字节的值,方法返回指定位置的字符, 后两者返回数值.个字节储存的字符(Unicode码点大于。

2022-09-07 23:03:27 819 38

原创实现手机端的触屏滑动效果

CSS给父盒子(class=“x-roll”)设置 overflow: scroll在父盒子外再设置一个大的父盒子,大的父盒子的高度恰好不能显示其子盒子(即class=“x-roll”)的滚动条,设置 overflow: hidden

2022-07-03 21:16:57 789 5

原创 CSS——scroll-snap滚动捕捉的一些属性

定义在滚动容器中的一个临时点（snap point）如何被严格的执行x: 滚动容器只捕捉其水平轴上的捕捉位置。mandatory: 如果它当前没有被滚动，这个滚动容器的可视视图将静止在临时点上。意思是当滚动动作结束，如果可能，它会临时在那个点上。如果内容被添加、移动、删除或者重置大小，滚动偏移将被调整为保持静止在临时点上。y: 滚动容器只捕捉其垂直轴上的捕捉位置.proximity:如果它当前没有被滚动，这个滚动容器的可视视图将基于基于用户代理滚动的参数去到临时点上。如果内容被添加、移动、删除或者重置大小，

2022-07-03 19:20:51 909

原创 hash与history

快速登录github

2022-06-19 17:16:55 437

原创 mongoose

文章目录mongoose语法:数据库连接状态schemamodel接口概念接口开发规范 Restful API接口文档开发用法预定义模式修饰符自定义修饰符索引数据校验聚合管道mongoosemongoose 是 node 中提供操作 MongoDB 的模块能够通过 node 语法实现 MongoDB 数据库的增删改查下载方式npm i mongooseyarn add mongoose (推荐)语法:// 一, 导入模块const mongoose = require('mongoos

2022-05-15 17:14:21 572

原创 art-template

文章目录art-template语法原文输出条件语句循环变量模板继承子模版过滤器调试模板变量art-templatehttps://aui.github.io/art-template/zh-cn/docs如果渲染模板的时候,传递过来的数据集中又user数据那么在页面中显示h2标签,h2标签里面用户的名字<script id="demo01" type="text/html"> {{if user}} <h2>{{user.name}}&

2022-05-08 21:30:35 388

原创 Express——结合multer上传图片、EJS

文章目录Express 结合 multer 上传图片EJS中间件next函数的作用全局生效的中间件应用级中间件错误处理中间件内置中间件第三方中间件cookiecookie参数加密cookieSessionnpx express-generator 老版本运行如下代码:npm install -g express-generatorexpress终端切换到创建文件夹的目录express --view-ejs express10 创建了文件 express10Express 结合 multer

2022-05-01 10:19:17 962 3

原创 Node——fs模块、异步

f s 模块fs.stat()检测是文件还是目录fs.stat('./html', (err,data) => { if(err) { console.log(err) return; } console.log(data); console.log(`是文件:${data.isFile()}`) console.log(`是目录:${data.isDirectory()}`);})fs.mkdir()创建目录

2022-04-24 10:31:24 1318

原创 MongoDB——基础语法

MongoDB数据库安装创建服务:bin/mongod.exe --install --dbpath 磁盘路径 --logpath 日志路径注意: 通过管理员身份运行DOS窗口否则没有权限创建失败删除服务bin/mongod.exe --remove启动服务:net start mongodb登录(验证是否安装成功)bin/mongo关闭服务:net stop mongodb基本操作查看数据库语法: show databases效果[外链图片转存失败,源站可能有防盗链..

2022-04-17 08:49:48 242

原创 JS——正则表达式

正则表达式创建正则表达式的对象语法: var 变量 = new RegExp("正则表达式", "匹配模式");使用字面量来创建正则表达式语法: var 变量 = /正则表达式/匹配模式使用字面量的方式创建更加简单使用构造函数创建更加灵活test()使用这个方法可以用来检查一个字符串时候符合正则表达式的规则如果符合则返回true, 否则返回false匹配模式在构造函数中可以传递一个匹配模式作为第二个参数: i 忽略大小写 g 全局

2022-04-09 19:42:37 171

原创 ECharts----九个配置项

option = { // 标题组件，包含主标题和副标题 title: { text: 'Stacked Line' }, // 提示框组件 tooltip: { //坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用 trigger: 'axis' }, // 图例组件 legend: { data: ['Email', 'Union Ads', 'Video Ads','Search Engine'] }, // 直角坐标系

2022-04-03 10:56:29 742

原创 webpack

文章目录如何让浏览器支持模块:自定义模块自动引入资源如何使用 HtmlWebpackPlugin如何使用 webpack-dev-server资源模块Resouce 资源inline 资源source 资源通用资源类型loaderbabel-loader代码分离多入口防止重复动态导入懒加载缓存公共路径npm脚本配置devServer模块热替换与热加载EslintWebpack作用域问题:立即执行函数 : var result = (function(){})()如何实现代码的拆分 :// 第一个文

2022-03-20 08:41:24 910

原创 Node——express,mysql

文章目录Express什么是 Express?基本使用express.static()nodemon路由模块化路由注册路由模块为路由模块添加前缀中间件next函数的作用如何使用中间件中间件的分类EXpress内置中间件数据库的使用什么是SQL?**where子句**count(*)函数as 关键字在项目中操作 MySQL前后端的开发模式身份认证**服务器端渲染使用 Session 认证机制****前后端分离使用 JWT 认证机制**Express什么是 Express?Express 是基于 Nod

2022-03-13 08:11:57 324

原创 Node——fs,path,http,npm与包

文章目录Nodefs 文件系统模块path 路径模块http模块模块化模块作用域用户自定义模块向外共享模块作用域的成员CommonJS规范npm与包npm初体验格式化时间的高级做法初次装包后多的两个文件如何安装指定版本的包包的语义化版本规范包管理配置文件什么是包管理配置文件多人协作的问题快速创建 package.jsondependencies 节点一次性安装所有的包卸载包devDependencies 节点解决下包速度慢的问题包的分类项目包全局包包的内部结构开发属于自己的包功能模块化拆分编写包的说明文档模

2022-03-06 09:50:10 997

原创 AJAX-----基础

文章目录AJAXAjax工作原理同步和异步需要知道的一些知识URL传输协议域名端⼝号XMLHTTP创建 XMLHttpRequest 对象向服务器发送请求open(method,url,async)send(string)GET POST ?GETPOSTsetRequestHeaderall服务器响应responseTextresponseXMLonreadystatechange 事件ASP/PHP解决缓存问题请求超时网络异常处理请求重复发送问题Axios函数AJAXAjax工作原理同步和异步

2022-03-06 09:39:46 131

空空如也

空空如也