qq_43033748的博客

原创 table合并单元格

【代码】【无标题】

原创 vscode软件

GitLens — Git supercharged ChatGPT - 中文版 Vue Language Features (Volar) alias-skip Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code EditorConfig for VS Code ESLint Power Mode Prettier - Code formatter Vetur Vite Code Spell Che

原创 温故而知新

冲

原创 element多表单认证

element多表单认证

原创 js 乘法精准问题

numNew(arg1, arg2) { arg1 = parseFloat(arg1); arg2 = parseFloat(arg2); var m = 0, s1 = arg1.toString(), s2 = arg2.toString(); try { m += s1.split(".")[1].length } catch (e) {} try { m += s2.split(...

原创 块的作用域应用场景var let

<p class="p">1</p><p class="p">2</p><p class="p">3</p><p class="p">4</p> for(var i=0;i<p.length;i++){ (function(i){ p[i].onclick=function(){ console.log(i) } })(i) } for(let .

原创 vue-treeselect联动

vue下拉链接第三方库

原创 flex样式

// 两端对齐.flex-row-between { display: flex; flex-direction: row; justify-content: space-between;}// 多行水平居中.flex-column-center { display: flex; flex-direction: column; align-items: center;}// 上下两端对齐.flex-column-between { dis...

原创 项目常用第三方库

1.lodash

原创 code 安装

1.Vue3 Snippets 2.vscode-icons图标 3.Vue Volar 4. SCSS 5.egg-tip 6.EditorConfig7.Draw.io 8.Chinese 9.VSCode - Babel 10.Bookmarks

原创 redux

redux是帮我们管理state容器：redux是javascript的状态容器，提供了可预测的状态管理

原创 react更新机制

//终止render函数更新shouldCompomponent(){return falsh}

原创 setState为什么选择异步不选择同步，有时候可以弄成异步

1.拿setState更新之后的值一，this.setState({msg:'你好'},()=>{//回调函数类似nexttickconsole.log(this.state.msg)})二.生命周期compontentDidUpdate(){console.log(this.state.msg)}

原创 react生命周期

原创 对象的方法补充

hasOwnproperty对象是否有个属于自己的属性（不是在原型链上的属性）in/for in 操作符判断某个属性是否在某个对象或者对象的原型上instanceof用于检验构造函数的pototype，是否出现在某个实例对象的原型链上isprototypeOf用于检测某个对象，是否出现在某个实例对象的原型链上...

原创 原型式继承对象

var obj={ age:18, name:'张三'}function creatObject1(o){ var newObj={} Object.setPrototypeOf(newObj,o) return newObj}function creatObject2(o){ function newObj(){} newObj.prototype=o var fn=new newObj() return fn}var info=creatObjec.

原创 父类原型赋值给子类

function Student(Name,age){ this.Name=Name this.age=age this.friends=[]}Student.prototype.eating=function(){ console.log(this.Name,'ecting')}function Person(Name,age){ Student.call(this,Name,age)}//缺点就是所有给原型链添加方法都会添加给父类，导致全局共享Person.prot.

原创 借用构造函数继承

function Student(Name,age){ this.Name=Name this.age=age this.friends=[]}Student.prototype.eating=function(){ console.log(this.Name,'ecting')}function Person(Name,age){ Student.call(this,Name,age)}var F=new Person('张三',18)var F2=new Pers.

原创 原型链继承

原型链继承弊端原型链只能打印原对象可枚举的对象，打印不到继承原型链的值

原创 面向对象的三大特性：封装，继承，多态

封装：我们前面将属性和方法封装到一个类中，可以称之为封装的过程继承：继承式面向对象中非常重要的，不仅仅可以代码的重复数量，也是多态前提（纯面向对象中）多态：不同的对象在执行时表现出不同的形态...

原创 函数原型链上的属性

function foo () {}foo.prototype.name = "123"var p = new foo()//查找对象所有属性//Object.getOwnPropertyNames(foo.prototype)console.log(p.__proto__.constructor.name, Object.getOwnPropertyNames(p.__proto__))console.log(foo.prototype.constructor.name)...

原创 构造函数批量创建对象

function Person (name, age, height) { this.name = name this.age = age this.height = height}var person = new Person('张三', 18, 165)var person1 = new Person('张三1', 18, 165)console.log(person, person1)

原创 js创建对象方式

创建方式1 var obj=new Object()obj.name="yaoming" 字面量创建 var obj={name:123,age:18}

原创 柯里化函数

function add (x, y, z) { return x + y + z}// var numy = num1(10)// var numz = numy(20)// console.log(numz(90))function hyCurrying (fn) { function curried (...args) { if (args.length >= fn.length) { return fn.apply(this, args) } e.

原创 ()=＞{}箭头函数this

1.箭头函数是没有绑定this，到上层作用域找thisvar obj = { data: [], getData: function () { setTimeout(function () { console.log(this) }, 1000); }}obj.getData()

原创 electron 打包

安装 npm install electron-packager -g"package": "electron-packager ./ notes --all --out= ./dist --arch=x64 --app-version=1.0.1 --ignore=node_modules --icon=./static/img/logo.ico"

原创 this打印

node和浏览器运行的区别1.浏览器环境是 this===window 创建GO对接console.log(this)===console.log(window)2.node环境{}空对象，console.log(window) 报错，console.log(this) {}空对象

原创 js闭包含义

1.函数内可以访问外面的自由变量那函数就是一个闭包简单的闭包var name =“122”function foo（）{console.log（name）}

原创 作用域提升五种方法

//作用域提升// var n = 100// function foo () {// n = 200// }// foo()// console.log(n)// var n = 100// function foo () {// console.log(n)// var n = 200// console.log(n)// }// var n = 100// foo()// var n = 100// function foo1 () {// .

原创 Vue3带来的变化（新的API）

由Options API 到 Composition API：在Vue2.x的时候，我们会通过Options API来描述组件对象Options API包括data、props、methods、computed、生命周期等等这些选项；存在比较大的问题是多个逻辑可能是在不同的地方：ü 比如created中会使用某一个method来修改data的数据，代码的内聚性非常差Composition API可以将 相关联的代码 放到同一处 进行处理，而不需要在多个Options之间寻找；n Ho

原创 路由插槽传值

<router-link to="/home" v-slot="props">//props:href:跳转的链接//props:route对象//navigate导航函数//isActive 是否当前活跃状态isExactActive 是否当前处于精准的活跃状态</router-link>

原创 获取组件的类型方法ts

采用 typeof 获取组件类型 const accountRef = ref<InstanceType<typeof LoginAccount>>() const HandleLoginClick = () => { // console.log(accountRef.value) //可选刚开始有值的之后才获取 accountRef.value?.LoginAction() } return { isKe

原创 eslint

"scripts": { "serve": "vue-cli-service serve",//启动服务 "build": "vue-cli-service build",//构建项目 "lint": "vue-cli-service lint",//对代码进行lint --fix 修复 eslint "prettier": "prettier --write ." },...

原创 VS code代码格式定制规范Prettier工具

VS code 需要安装插件Prettier Formatter for Visual Studio Code1.安装prettiernpm install prettier -D2.配置prettier文件userTabs:使用tab缩进还是空格缩进。选择false tabWdith:tab是空格的情况下，是几个空格，选择2个 printWdith:当行字符的长度，推荐80，或者100和120 singleQuote": true, // 使用单引号true,双引号false..

原创 代码编辑器风格统一editorconfig

# EditorConfig is awesome: https://EditorConfig.org# top-most EditorConfig fileroot = true# Unix-style newlines with a newline ending every file[*]end_of_line = lfinsert_final_newline = true# Matches multiple files with brace expansion notation.

原创 ts 类型声明有三种

内置类型声明内置类型申明时ts自带的，帮助我们内置了js运行时的一些标准化api的声明文件；包括比如math，date内置类型，包括Dom api,比如window，document等等外部定义类型声明和自定义声明外部类型声明通常是我们使用一些库（比如第三方库）时，需要的一些类型声明。 n 这些库通常有两种类型声明方式： n 方式一：在自己库中进行类型声明（编写.d.ts文件），比如axios n 方式二：通过社区的一个公有库DefinitelyTyped存放类型声明文件 p

原创 命名空间namespace

命名空间在ts早期时，称之为内部模块，主要的目的时将一个模块的内部在进行作用域的划分，防止一些命名冲突的问题export namespace time{export function format(time:string){return format}export let name:string="12312"}...

原创 ts模块化开发

//可以js的modules和commit.jsexport function add(num1:number,num2:number){returnnum1+num2}

原创 泛型的类型约束

//因为number类型是没有长度所以要用继承来限制他的类型传入interface Ilength {length:number}function getlength<T extends Ilength>(arr:T){return arr.length}//number类型是没有长度getlength(1231)//以下三种都是有长度getlength("1231")getlength({name:1231})getlength([1,2])...

原创 ts泛型的类

class Point<T>{x:Ty:Tz:Tconstructor(x:T,y:T,z:T) {this.x=xthis.y=ythis.z:z}}const p=new Point<sring>('123','23','231')