超能力后裔-CSDN博客

原创 react-学习

1.全局安装cnpm install -g create-react-app2.创建项目npx create-react-app my-app使用 ts语法npx create-react-app my-app --template typescript

2023-04-06 22:37:52 431

1.ECMAScript 6 / ECMAScript 2015 新增了哪些新特性？01.块级作用域let与const02.类Class03.模板字符串04.箭头函数05.字面量06.对象解构赋值07.Promise08.Generator生成器09.模块概念10.Symbol类型11.Proxy代理12.Set & Map13.函数默认参数14.rest与展开运算符…15.数组的拓展方法16.for of17.Async18.Decorator装饰器*01

2020-11-01 18:01:07 1556 3

原创 elemnt-plus组件使用手册 form

方案: .el-input-number .el-input__inner { text-align: left!important;好处: 可以使input输入类型变成number 传给后台的类型是数字类型。方案: 使用el-input-number 替代。缺点: 输入 1.0 会自动变成 1。问题: 替代后输入变成中间输入。

2023-07-21 11:25:17 694

原创本地服务 http-server

3.启动服务,设置端口8001。

2023-06-17 21:38:59 102

原创面经-javascript基础

通过借用构造函数的方式来实现类型的属性的继承，通过将子类型的原型设置为超类型的实例来实现方法的继承。4）第四种方式是原型式继承，原型式继承的主要思路就是基于已有的对象来创建新的对象，实现的原理是，向函数中传入一个对象，然后返回一个以这个对象为原型的对象。2）第二种方式是使用借用构造函数的方式，这种方式是通过在子类型的函数中调用超类型的构造函数来实现的，这一种方法解决了不能向超类型传递参数的缺点，但是它存在的一个问题就是无法实现函数方法的复用，并且超类型原型定义的方法子类型也没有办法访问到。

2023-03-26 14:15:57 629

原创 git指令

-------cherry-pick问题描述：分支A ，分支B：A分支代码已经commit解决办法：1、首先找到复制A分支的版本控制号例：7fc28b0b3e63b90ffc36cd22144a565fdc4240052、然后在GIT的命令终端切换到B分支3、接着在终端输入命令 git cherry-pick 版本控制号，例： git cherry-pick 7fc28b0b3e63b90ffc36cd22144a565fdc424005，即可完成代码迁移4.还原代码某个分支代码git

2022-06-07 09:38:33 102

原创 vue2-路由

在方法里面跳转页面vue的路由模式?hash historyhash模式会在url上显示’#'，而history模式没有刷新页面时，hash模式可以正常加载到hash值对应的页面，history模式没有处理的话，会返回404，一般需要后端将所有页面都配置重定向到首页路由兼容性上，hash模式可以支持低版本浏览器和IE== vue-Router中有哪些导航守卫?==「全局前置钩子」：beforeEach,beforeResolve,afterEach「路由独享守卫」：beforeEnter

2022-05-31 20:33:50 303

原创面试-interview100

Ajax Fetch axios三者都是用于网络请求，但是不同维度ajax是一个技术统称（用某个技术实现网络请求就是ajax）当web1.0的时候只能是读报，2.0就是ajax可以交互评论1.ajaxajax: Asynchronous Javascript and XML 用javascript异步形式去操作XMLajax流程步骤：第一步： var xhr = XMLHttpRequest();//这是个api // 创建一个ajax对象

2022-05-20 22:43:35 220

原创 chrome调试

下载谷歌下载不同版本https://www.chromedownloads.net/chrome64win/扩展工具输入“chrome://flags/#extensions-on-chrome-urls”回车进入设置enableConsole Importer

2022-05-20 16:20:32 105

原创算法学习中...

10 个数据结构：数组、链表、栈、队列、散列表、二叉树、堆、跳表、图、Trie 树；10 个算法：递归、排序、二分查找、搜索、哈希算法、贪心算法、分治算法、回溯算法、动态规划、字符串匹配算法。每篇文章必写学习笔记，每周必实现一次该周代码。边学边练，每周花 1~2 小时集中攻关三节课涉及的数据结构和算法，全部写出来。主动提问、多思考、多互动。在留言区增加自己的留言。自我激励，每次学习完做一篇学习笔记。沉下心不要浮躁，先把这些基础的数据结构和算法，还有学习方法熟练掌握后，再追求更高层次。

2022-05-19 22:24:28 74

原创 node-nest-开发

1.安装依赖yarn global add @nestjs/cli或npm i -g @nestjs/cli2.新建项目nest new 文件名3.运行项目nest startnest start watch 热更新结构 main-appmodules---appController ---appservice4.swargger官网地址:https://nestjs.com/openapi==>Introduction找

2022-05-14 11:27:37 504

原创 vue2-组件化开发

组件化处理组件的边界情况parentchildrefprovide&injectattrs &listener处理组件的边界情况parentparent.vue<template> <div class="parent"> parent <child></child> </div></template> data () { return { title: '获取父组

2022-04-05 18:16:19 902

原创 javascript---函数式编程

函数式编程与其他编程模式区别函数式一等公民函数可以储存在变量中高阶函数函数作为参数函数作为返回值常用的高阶函数闭包closure纯函数lodash与其他编程模式区别—与面向过程,面向对象编程并列面向过程:按照步骤来实现我们想实现的功能面向对象的思维方式:把现实社会中的事物抽象成程序世界中的类与对象,通过封装继承多态来演示事物的联系;函数式编程:把现实社会中的事物抽象成程序世界中的运算过程函数式开发库lodash;let num1=1;let num2=2;let sum=num1+num2

2022-04-04 12:59:53 1311

原创 webpack报错记录

他这是运行jar包执行webpack的package.json 到外面的node_moduleswebpack -v undefined的时候先把 dyclound 下的 node-modules删除然后安装webpackwebpack@4.46.0 -g npm install webpack-cli -g1.点击安装webpack 监视后—报错node-sass------[npminstall:runscript:error] node-sass@4.5.3 scripts

2022-03-21 19:32:50 1680

原创项目记录--

main.js >>manage.js>>入口 main.js-----------引入模板-------------var render = require("./main.ejs"); // 页面总模板var manager = require("./manage");-----------声明模块全局变量-------------var nodeList = null; // 存储所有id符合m-xxx的节点var m_manager = null;--

2022-03-12 20:47:14 1110

原创 vue3 学习中

这里写目录标题创建项目使用 vue-cli 创建使用 vite 创建Composition API(常用部分)1) setup2) ref3) reactive4) 比较Vue2与Vue3的响应式(重要)vue2的响应式Vue3的响应式5) setup细节6) reactive与ref-细节7) 计算属性与监视8) 生命周期09) 自定义hook函数10) toRefs11) ref获取元素实战路由问题记录找不到.vue文件创建项目使用 vue-cli 创建## 安装或者升级npm install

2022-01-05 17:25:06 754

原创网站地址记录

这里写目录标题云鹤道人张业斌 VUE3Hi 我是余光 TSVue3+TS 快速上手CSS Grid 网格布局教程搜索云鹤道人张业斌 VUE3https://www.jianshu.com/u/a9e480cc43a4链接: link.Hi 我是余光 TShttps://webbj97.github.io/summary/blog/链接: link.Vue3+TS 快速上手链接: https://24kcs.github.io/vue3_study/chapter4/01_Compositio

2022-01-04 11:58:42 1041

原创 koa 记录

1.安装脚手架npm install -g koa-generator2.进入该目录执行生成命令koa2 manager-server

2021-12-28 22:30:48 286

原创设计模式-归纳

单例模式确保仅有一个实例，并提供全局访问1.字面量一个新的字面量就是一个“单例”模式，但是我们不推荐这样，因为它容易造成变量污染。var mySingleton = { a: "a", b: "b", method1: function() { console.log("hello world"); },};2.不想提前创建它，希望在使用它的时候进行初始化通过 Singleton.getInstance 进调用const SingleTon = function(.

2021-12-06 15:57:46 509

原创数组

数组数组去重双层循环数组去重双层循环思路:1.先for循环arr 2.再循环newArr 3.当新数组中的某一项与原数组相等时break 跳出循环进行下一轮的原数组循环 4.当新数组没找到的时候新数组push旧数组这项数据; var arr = [1, '1', '1', 1, 2, true, false, true, 3, 2, 2, 1]; const unique = (arr) => { var newArr = [];

2021-11-17 18:08:33 604

原创 javascript-AMD / CMD / UMD / CommonJS / ES Module/可选链

这里写目录标题1. CommonJS2.ES Module3. AMD4.CMD5.UMD总结请你讲一下对于JS中模块的理解，Commonjs、 AMD和CMD分别有什么特点？一个模块是能实现特定功能的文件，有了模块就可以方便的使用别人的代码，想要什么功能就能加载什么模块。模块化开发方便代码的管理，提高代码复用性，降低代码耦合，每个模块都会有自己的作用域，当前流行的模块化规范有CommonJS，AMD，CMD，ES6的import;1. CommonJSCommonJS的主要实践者就是nodejs

2021-10-21 10:22:51 558

原创 javascript--事件循环--event-loop

这里写目录标题举例event-loop排序例子1 async await例子2例子3 promise-例子3 promise- return同步与异步举例event-loop排序执行宏任务，然后执行该宏任务产生的微任务，若微任务在执行过程中产生了新的微任务，则继续执行微任务，微任务执行完毕后，再回到宏任务中进行下一轮循环。宏任务：script(整体代码)、setTimeout、setInterval、I/O、事件、postMessage、 MessageChannel、setImmediate (

2021-10-15 15:14:04 117

原创 javascript-面向对象-OOP:封装,继承,多态

这里写目录标题1.prototype的原型对象2.函数的_proto_ 都指向Function.prototype3._proto_ 内部原型4.对象由函数(构造器)生成Object.prototype是一个对象,用于表示Object的原型对象几乎所有的Javascript的对象都是Object的实例1.prototype的原型对象_fn函数才有的属性2.函数的_proto_ 都指向Function.prototype3.proto 内部原型_{} 对象才有的属性4.对象由函数(构造器)生

2021-10-04 16:52:48 232

原创问题记录-优化

在html 添加 data-ref<div data-ref="set" onclick="handle"> <div>inner</div></div>function handle(ev){ if(ev.target.dataset.ref=="handle"){ console.log("这是点击了 inner元素外面的元素") }}

2021-09-29 16:11:01 81

原创 javascript---DOM,BOM对象常用操作

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title></head><body> <div id="date" class="bgwhite"></div></body><script> addYear(2022) function addYear(year) {.

2021-09-29 15:55:42 258

原创 react hook

自变量{useState,useReducer,useContext}因变量{useMemo，useEffect，useCallback}其他useRefimport {useState} from ‘react’function Count({data}){//data就相当于props return <i>{data}</i>}export default function App(){ const [x，setX]=useState(0);

2021-09-25 22:20:52 170

原创 javascript---时间

1.时间戳转换成时间：function timeFormate(timeStamp=new Date()) { let year = new Date(timeStamp).getFullYear(); let month =new Date(timeStamp).getMonth() + 1 < 10? "0" + (new Date(timeStamp).getMonth() + 1): new Date(timeStamp).getMonth() + 1; let date =ne

2021-09-22 14:36:19 127

原创面经-vue

文章目录前言一、vue生命周期1.vue的生命组件,父组件引用了子组件,这个生命周期是怎样的?2.更新的时候,父子组件生命周期?3.VUE的生命周期？vue页面从加载到加载结束经历了哪些过程？二、vue路由1.怎么实现vue路由2.vue路由生命周期？三.vue它是怎么实现，用什么东西达到$nextTick这个效果?四.单页面为啥不利于seo,vue可以多页面实现吗？五.vue生命周期六.vue组件1.组件之间怎么传递消息?2.组件的传递方式？七.v-model1.vue的双向绑定原理？2.v-model的

2021-08-14 19:24:55 642

calculation.js

空空如也