Web_Notes的博客

分类出来的数组有三种格式，看需要哪种。

大概效果:用vue3写的，不过逻辑都一样 主要是js+css；实现方法逻辑：①先写弹窗的div，用fixed布局，确定弹窗的位置；②绑定鼠标点击事件，主要是获得按钮和弹窗在屏幕的位置 计算定位用；③给弹窗写上css动画；④绑定按钮的点击事件，让弹窗出现代码就分成html、css、js 三部分写，方便复制直接使用。

效果：(可控制鼠标hover时停止滚动)1.新建vue文件封装组件。

效果图：可点击左右文字进行滚动、或通过滚动鼠标 内容左右滚动。

settiemout改成同步。

1.建立js方法文件 可放在utils/dateChange.js。

【代码】js秒为单位做倒计时。

【代码】elementui upload 上传多个文件只调用一次接口。

传入一个数组来指定要序列化的属性列表。作用：将对象、数组转换成字符串。作用：将字符串转成json对象。可以用try catch。

Vue项目中让滚动条始终处于最底部

module.exports和exports是属于 CommonJS 模块规范，export和export default是属于ES6语法。module.exports和exports导出模块，用require引入模块。export和export default导出模块，import导入模块。Node应用由模块组成，采用CommonJS模块规范。根据这个规范，每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。

bind更改this指向

js日期格式化

js ??的使用

知识点：TypeScript、＜script setup＞、面向对象

class 类写法

类上绑定方法时

for循环中的递归

js通过某个id排序

map显示数组所有id和名字

字符串通过逗号隔开成数字数组

https://blog.youkuaiyun.com/Web_Notes?spm=1011.2124.3001.5343

https://blog.youkuaiyun.com/qq_34664239/article/details/105379878?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164499169316780264041444%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=164499169316780264041444&am

function exportTemp(light) { function download(name, content) { let blob = new Blob([content]) let link = document.createElement('a') link.href = URL.createObjectURL(blob) link.download = name ...

https://blog.youkuaiyun.com/weixin_44149978/article/details/105102376

fsdf

let arr = [ {id:1,val:100,name:"张"}, {id:2,val:100,name:"刘"}, {id:3,val:300,name:"林"}, {id:4,val:200,name:"许"}, {id:5,val:100,name:"周"}, {id:6,val:200,name:"张"}]const map = arr.reduce((result, item) => { result[item.val] =

效果：实现思路：用v-html实现把搜索的关键词记录下来，serachTexttitle截取serachText的内容 然后join标签代码：html <div v-html="toolTipTitle"></div>js computed: { toolTipTitle() { let titleIdCodeText =this.titleText//props传入的,不管怎么样，拿到这个titleJ就是了 // title

map()遍历比如：有一个数组对象，arrt=[{id：1，name:'a},{id:2,name:b}]我需要取到里面的id，组成一个数组情况1-简单使用：let arrt=[{id：1，name:'a},{id:2,name:b}]let needArry=arrt.map(item=>item.id)console.log(needArry) // [1,2]情况2：map可以return 返回一个新数组，对原本数组的值进行改变let arr1 = [1,2,3];let

let checkedObject=[{id:1,selected:false},{id:2,selected:true},] var result = checkedObject.some(item => item.selected === true) //判断checkedObject里是否有selected 为true的，返回true或falselet id=8let disabledIds=[1,2]var result=disabledIds.includes(id) /

<div><div class='top'></div><div class='middle'></div><div class='bottom'></div></div><style>.top{height：30px}.middle{ overflow-y: auto; height: calc(100% - 50px);}.bottom{height:20px

var a=[0,1,2,3,4,5]var b=[7,8]想在a下标2的后面插入数组ba.splice(2,0,b)结果就是：a=[0,1,2,[,7,8],4,5]并不符合要求正确写法：a.splice(2,0,…b)

当是固定值时var avar b=3a=bb=4console.log(a) a=3当为对象或数组时var a={age:1}var b={age:3}a=bb.age=99console.log(a) a={age:99}不管更改a里面的参数还是b里面的参数，另一个都会跟着改变

html htmlList += '<td class="score_td" index_in="' + j + '" iindex_out="' + i + '">' + item.DeductPointList[j].Score + '</td>';css //双击修改分数 $(".score_td").dblclick(function () { var td = $(this); var j_ = td.attr('ind

1.地图小图标思路：多个小图标：后台返回需要的显示的值的经纬度等其他信息，循环创建多个var marker = new AMap.Marker({map: map,position: [item.lng,item.lat],extData: item,content: chtml,});

html <input class="people_input inp_number1" key="1" maxlength="1" placeholder="0" /> <input class="people_input inp_number2" key="2" maxlength="1" placeholder="0" /> .

{ title: '序号', field: 'qrCode', align: 'center', halign: 'center', width: 80, styl...

1.鼠标hover 提示框不显示tooltip: { show: true //显示提示框 },

<select> <option value="" disabled selected hidden>问卷调查者选择</option> <option value="o">下拉1</option></select>

一、检查数组中是否有重复元素//检查数组中是否有重复元素function IsCF(ary) { var nary = ary.sort(); for (var i = 0; i < ary.length; i++) { if (nary[i] == nary[i + 1]) { return true; } } return false;}二、动态加载css/js//动态加载cssfunction