文章目录 集合集合封装集合方法方法实现 集合间操作并集交集差集子集 字典 集合 集合封装 其实菜鸟刚看到这个,以为是自己面试题里面的求子集问题,结果发现好像并不是! 集合方法 方法实现 这里实现集合的方式是Object,感觉视频讲得有点太简单,让菜鸟感觉有点不知道原因的感
<!-- 请实现一个简单的事件机制,能够实现对事件的触发和监听。 如:EventEmitter.on(); EventEmitter.trigger(); --> <script> const EventEmitter = { on: function(type, handle) { //创建一个缓存
一道算法题 找出一组ip地址中,出现次数最多的ip,例: 输入 ["192.168.12.32", "192.168.0.32", "192.168.12.32"] 输出 "192.168.12.32" 暴力破解法 function filterIp(ipArr) { let maxIp = ''; let maxCount = 0; for(let i = 0; i <
/** 3.使用策略模式优化多层if-else */ function func() { if (type === 'a') { // 执行内容 1 } else if (type === 'b') { // 执行内容 2 } else if (type === 'c') { // 执行内容 3 } // 后续代码 } // 使用策略模式优化 function func() { let
//插入排序:每次将遍历到的元素插入前面合适的位置 //复杂度:时间O(n2) 空间O(1) //交换次数O(n2) //稳定性:稳定 function insertSort(arr){ let tmp; for (let i=0;i<arr.length;i++){ tmp=arr[i]//当前遍历到的元素 //插入到合适的位置 for
Vue3中响应式模块是如何工作的呢? 比如三个属性:价格price,数量quantity ,总价格total 。 let price = 5 let quantity = 2 let total = price * quantity 我们想要做到响应式,即更新price 时,网页上的price 随之更新,而计算后的total 也随之更新。 定义一个计算函数: function getTota
1、nodeJs 本文是团队内一次分享的时候写的,整体是一个快速索引系列。 1-1、Node安装和npm介绍 NodeJs官方网站: https://nodejs.org/en/ NodeJs中文网站: http://nodejs.cn/ 安装完成之后检查是否安装成功 > node -v 或者 > npm -v 非浏览器环境执行js > node xxx.js
proxy本地代理访问图片解决跨域问题 devServer.proxy代理 devServer: { port: 8001, proxy: { '/busy': { target: 'http://beijing-image.oss-cn-beijing.aliyuncs.com/', changeOrigin: true, pathRewrite: { '^/
背景 DWG图是AutoCAD是私有格式,只能在CAD软件上编辑查看,如何发布至Web上做数据展示,GIS分析应用开发,一直是业内头疼的事情。 传统的办法采用的解析AutoCAD图形绘制,并封装成AcitveX控件,在Web显示。但这需要Web端安装插件,并且只支持windows平台,而更重要的Chrome已不再支持ActiveX技术
canvas详解实战–时间表盘 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content=&qu
对象的扩展运算符 理解对象的扩展运算符其实很简单,只要记住一句话就可以: 对象中的扩展运算符(...)用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中 let bar = { a: 1, b: 2 }; let baz = { ...bar }; console.log(baz) // { a: 1, b: 2 } 上述方法中实际上就等价于: let
文件导入 <el-upload style="display:inline-block" class="upload-demo" :action="`/admin/upload/excle/purchase/plan/material/upload`" :headers="myHeaders" :on-success="handleAv
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d
filter过滤 简单讲filter就是一个数组过滤器,参数接收一个函数,数组的每一项经过函数过滤,返回一个符合过滤条件的新数组 基本用法 let arr = [1, 3, 5, 8] let arrFilter = arr.filter(ele => ele > 4) console.log(arrFilter) // [5, 8] 用来过滤对象数组中符合条件的对象 le
环境准备 1. 需要配置go语言环境 2. vim版本 > 8,并且支持python3 3. 安装plugin curl -fLo ~/.vim/autoload/plug.vim --create-dirs \ https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim 编辑~/.vimrc如下: "=====================================
截图组件 <template> <div style="text-align: center;"> <div style="display: flex;justify-content: space-between;"> <div style="width: 300px;height: 300px;"> <div>图片预览</div>
ref版本,可以在页面中多次使用 <template> <div ref="marqueeWrap" class="marquee-wrap"> <!-- 文本超出滚动显示 --> <div ref="scroll" class="scroll"> <p class="marquee">{{text}}</p>
ES12常用新语法 FinalizationRegistryWeakRef逻辑赋值运算符Numeric SeparatorString.replaceAllString.replaceAll FinalizationRegistry 当一个对象没有被引用时,GC算法会对其进行回收,那么FinalizationRegistry可以知道该对象在何时被回收掉。 let info = { name: "fzb
基础知识讲了不少,今天把之前所学的所有内容整合起来实现一个例子完善 vue学习笔记 九、父子组件实例-基本结构 中的功能,仔细看代码会有不小的收获。 一、 效果 父组件:Home 由三个子组件组成分别是:navHeader、navMain、navFooter 要完成的功能说明: navHeader组件:输入新的
组件内部守卫 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width
1 最外面的div 给一个 class="drag" 2 把需要拖拽的模块用<div class="drag-box" v-drag draggable="false"></div>包起来 3. directives: { drag(el){ let oDiv = el; //当前元素 //禁止选择网页上的文字
从CCDirector.js中的mainLoop我们了解到 renderer.render是实际参与渲染的方法:顺着线索我们找到了RenderFlow这个类:下面是我整理的部分关键的方法和属性: 首先看一下initWebGL方法: initWebGL (canvas, opts) { require('./webgl/assemblers'); const ModelBatch
let API='/gateway/cloud-dosp-manage/asset/index-config/exportIndexConfigLog' //后端给的接口 let link = document.createElement('a'); link.href =API + '?indexConfigId=' + this.itemData.id; //接口加上参数 link.click(); link.remove();
1.变量不能重复声明 <script> let n = 1; let n = 2; console.log(n); // Identifier 'n' has already been declared </script> 2.作用于块级作用域 { let n = 1; } console.log(n); // n is not defined 3.没有变量提升 cosole.log(n); // Cannot access '
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>发光输入框</title> <style type="text/css"> #box { position: absolute; width: 100px; heigh