是与或非-CSDN博客

原创 vue组件封装技巧

vue组件封装技巧$attrs$listenersinheritAttrs$attrs用途：在对组件进行二次封装的时候会出现孙子组件的传值问题，如果都通过prop进行层层传递太过麻烦定义：包含了父作用域中不被认为 (且不预期为) props 的特性绑定 (class 和 style 除外)。当一个组件没有声明任何 props 时，这里会包含所有父作用域的绑定 (class 和 style 除外)，并且可以通过 v-bind=”$attrs” 传入内部组件——在创建更高层次的组件时非常有用。$list

2021-12-04 14:41:21 3465

原创 TS和vue3

TS和vue3学习TS基础基础变量vue3升级vue3的好处setupref、 reactive、toRefscomputed 和 watchproxy生命周期TS基础基础变量语法：例：定义变为的属性为booler, string, number, number[], string[]等等let isDone: boolean = false;let isDone: any[]= [1, ‘aaa’];数组的定义：方法一： let list: number[] = [1, 2, 4];方法二

2021-12-04 14:40:52 3054

原创 js 函数的柯里化和扁平化

转载于：JS函数柯里化柯里化：将函数作为参数或者返回值是函数的函数 function addNum(num) { var sum = num var func = function(v) { sum += v return func }; func.toString = function () { return sum }; retur

2021-05-07 21:57:35 130

原创前端打印html方法：html2canvas

toImg () { // 转图片打印 const targetDom = document.querySelector("#formContent") const copyDom = targetDom.cloneNode(true) copyDom.style.width = targetDom.scrollWidth + 'px' copyDom.style.height = targetDom.scrollHeight + 'px' document.body.appendChild(co

2021-04-07 16:08:17 474

原创 js对于数组的处理

关于数组的方法新建数组新建：let a = new Array()新建并赋予初始值 let a = new Array(‘x’, ‘y’, ‘z’)新建固定长度并用0进行填充 let a = new Array(10).fill(0)遍历数组forfor (变量 of 对象)for (变量 in 对象)注：for in 遍历会遍历数组的所有可遍历属性forEach()注：返回undefined；入参：1、数组元素 2、下标 3、原数组map()注：返回新数组，如果在遍历中对遍历元素

2021-03-18 22:55:56 291

原创 TS和vue3.0学习笔记

TS和vue3.0TypeScript基础静态类型和对象静态类型函数参数和返回类型的注解数组类型注解元组(数组的加强版)TypeScript安装ts: npm install typescript -g执行：1、需要先转成js文件：tsc demo01.ts生成一个js文件；然后再执行js文件：node demo01.js2、安装npm install -g ts-node，可直接用 ts-node demo01.ts 进行编译基础静态类型和对象静态类型// 定义数据类型变量let book

2021-03-17 09:25:24 2734

原创使用vue实现防抖

场景：当需要用输入框的输入的值进行实时验证或搜索时// debounce.jsexport const debounce = (() => { let timer = null return (callback, wait) => { clearTimeout(timer) timer = setTimeout(callback, wait) }})()// test.vue<template> <div class="

2021-03-16 22:10:58 5972

原创 websocket

WebSocket 使用ws或wss协议，Websocket是一个持久化的协议，相对于HTTP这种非持久的协议来说。WebSocket API最伟大之处在于服务器和客户端可以在给定的时间范围内的任意时刻，相互推送信息。WebSocket并不限于以Ajax(或XHR)方式通信，因为Ajax技术需要客户端发起请求，而WebSocket服务器和客户端可以彼此相互推送信息；XHR受到域的限制，而WebSocket允许跨域通信。转载：https://www.jianshu.com/p/9d8b2e42328c&l

2021-03-14 20:49:55 181

原创 Object

Object.defineProperty对一个对象的属性进行修改或者新建语法：Object.defineProperty(obj, prop, descriptor)入参说明：对象名称、属性名、属性描述let object1 = {}// 已下两种写法相等Object.defineProperty(object1, "name", {value: "kangkang"}Object.defineProperty(object1, "name", { value: "kangkang",

2021-03-09 21:26:26 128

原创 webpack4.0学习笔记

webpack是啥

2021-03-03 22:21:22 91

原创 vue项目优化

webpack打包配置开启gzip应用场景：项目使用webpack4.x进行打包，打包后静态资源通过nginx转发配置安装包：compression-webpack-pluginvue.config.js配置：const CompressionPlugin = require('compression-webpack-plugin');module.exports = { configureWebpack: config => { // 开发环境不需要gzip

2021-03-03 11:51:10 166

原创 git常用命令

暂存修改代码git add .提交到本地仓库git commit -m “xxx”提交到远程仓库git push更新远程分支git fetch origin --prune查看所有分支git branch -a切换分支git checkout xx-b 可本地新建并切换到新的分支注1：如果git pull拉代码提示no tracking information，则是本地创的分支和远程分支没有建立联系git branch --set-upstream-to origin/注2：

2021-02-28 17:16:46 73

原创 node+express学习笔记

node学习笔记node知识点一些基础知识事件模块（events）使用方法和原理EventEmitter的其他参数Buffer(缓冲区)创建：写入缓冲区node知识点一些基础知识node.js的所有api都支持回调函数，可以实现异步编程，并通过回调函数对值进行处理。一般回调函数是作为最后一个参数传入异步操作；其中接收两个参数；一个是错误对象，另一个才是正确数据const fs = require("fs")// 测试下同步读取文件数据；会先读取data数据，并通过console打印出来；如果是异步

2020-11-21 23:22:39 635

qq_42850692的博客