海带的博客

转载 离骚 节选

长太息以掩涕兮，哀民生之多艰。余虽好修姱以鞿羁兮，謇朝谇而夕替。既替余以蕙纕兮，又申之以揽茝。亦余心之所善兮，虽九死其犹未悔。怨灵修之浩荡兮，终不察夫民心。众女嫉余之蛾眉兮，谣诼谓余以善淫。固时俗之工巧兮，偭规矩而改错。背绳墨以追曲兮，竞周容以为度。忳郁邑余佗傺兮，吾独穷困乎此时也。宁溘死以流亡兮，余不忍为此态也。鸷鸟之不群兮，自前世而固然。何方圜之能周...

原创 elementPlus-tree 自定义展开，收起图标

elementPlus-tree 自定义展开，收起图标

原创 判断是否为数组的方法

判断是否为数组的方法

原创 elementPlus-table 设置斑马纹背景颜色不生效问题

elementPlus-table 设置斑马纹背景颜色不生效问题

原创 vue3 + TS + ElePlus 常见问题

vue3 + TS + ElePlus 常见问题

原创 vue3 ts for 循环 html部分 提示 item unkonwn 红线问题

vue3 ts for 循环 html部分 提示 item unkonwn 红线问题

原创 mockjs用法

mockjs用法

转载 ES7、ES8、ES9、ES10、ES11、ES12都增加了哪些新特性？

ES7、ES8、ES9、ES10、ES11、ES12都增加了哪些新特性？

原创 vue-router

如何删除当前路由页面？

原创 《国风·豳（bin）风·七月》

五月斯螽动股，六月莎鸡振羽，七月在野，八月在宇，九月在户，十月蟋蟀入我床下。嗟我妇子，曰为改岁，入此室处。跻彼公堂，称彼兕觥，万寿无疆。同我妇子，馌彼南亩，田畯至喜。六月食郁及薁，七月亨葵及菽，八月剥枣，十月获稻，为此春酒，以介眉寿。七月食瓜，八月断壶，九月叔苴，采荼薪樗，食我农夫。嗟我农夫，我稼既同，上入执宫功。一之日于貉，取彼狐狸，为公子裘。二之日其同，载缵武功，言私其豵，献豜于公。蚕月条桑，取彼斧斨，以伐远扬，猗彼女桑。载玄载黄，我朱孔阳，为公子裳。九月拾起秋麻子，采摘苦菜又砍柴，养活农夫把心安。

转载 vscode 配置

vscode 配置

转载 有用的js技巧

有用的js技巧

原创 Next.js系列——按需加载

Next.js系列——按需加载

原创 Next.js系列——CSS样式

Next.js系列——CSS样式

原创 JS 批量删除指定索引的数组元素

let aa = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]function del(p1, p2) { let arr = []; // splice会改变原数组 所以占位 立一个要删除标识 // 占位 p2.forEach(item => { p1.splice(item, 1, "A") }) //过滤 arr = p1.filter(item => item != "A"); return arr;}console.log

原创 Vue中 this.$set的用法

Vue中this.$set的用法Vue.set( target, propertyName/index, value )参数{Object | Array} target{string | number} propertyName/index{any} value<template> <div class="page" id="app"> <button @click="add">设置</button> <ol>

原创 坚持输入 坚持输出

告诉自己 坚持输入 坚持输出 才是正确的

原创 无题

我或许永远成不了大佬 我也不是着急否定自己 因为看的越多 不会的越多 差距越大 恐惧越多 我甚至看技术博客 看到都不知道 我该学什么 我想 如果业务足够丰富 接触足够多 这种疑虑才会消失吧...

原创 provide / inject 的简单使用

provide / inject祖先组件向其所有后代组件注入依赖组件<template> <div> oindex <oIndex2></oIndex2> </div></template><script>import oIndex2 from "./oIndex2";export default { components: { oIndex2 }, provi

原创 call apply bind 改变this 指向问题

call方法 function info(name, age) { this.name = name; this.age = age; } function people(name, age, work) { info.call(this, name, age); console.log("他叫" + this.name + "," + this.age + "岁,职业是" + work) } people("Li", 21, "IT");app.

原创 js原生自定义事件

html<button id="btn">按钮</button><div id="m"></div><div id="n"></div>Event 无参数传递 let btn = document.getElementById("btn"); let m = document.getElementById("m"); let n = document.getElementBy

原创 函数加new与不加new区别

没有设置返回值function fruit(type) { this.type = type; console.log("this====", this);}let fruit1 = new fruit("apple"); // fruit {type: "apple"}let fruit2 = fruit("apple"); //windowconsole.log('fruit1', fruit1) //fruit {type: "apple"}console.log('.

原创 数组简单递归

数组简单递归var data1 = [{ "uid_step": "1", "step_to": [{ "uid_step": "2", "step_to": [{ "uid_step": "6", "step_to": null }] }, { "uid_step": "3",

转载 解决vuex页面刷新数据丢失问题

原创 异步变同步

promise.alllet behind = (time) => { return new Promise((resolve, reject) => { setTimeout(() => { console.log( `${time}毫秒后` ) resolve( `${time}毫秒后` ) }, time) })}let p2 = behind(3000);let p1 = .

原创 js 取数组一个元素 与剩余的每个元素作比较

let arr1 = [1, 2, 3, 4, 2]; for (let i = 0; i < arr1.length; i++) { let arr2 = [...arr1]; arr2.splice(i, 1); test(arr1[i], arr2); } function test(ele, arr) { for (let i = 0; i < arr.length; i++) { ...

原创 水平垂直居中

几种水平垂直居中固定宽高margin 负值<div class="a"> <div class="a1"></div></div>.a { width: 500px; height: 300px; border: 1px solid cadetblue; position: relative;}.a1 { width: 100px; height: 100px; backgr

转载 bind

// 分析：这里的bind方法会把它的第一个实参绑定给f函数体内的this，所以里的this即指向{x:1}对象；// 从第二个参数起，会依次传递给原始函数，这里的第二个参数2即是f函数的y参数；// 最后调用m(3)的时候，这里的3便是最后一个参数z了，所以执行结果为1+2+3=6// 分步处理参数的过程其实是一个典型的函数柯里化的过程（Curry） function f(y,z){...

转载 网络性能优化常用方法

1.减少页面请求按需加载 合并压缩文件 将小图标合并成雪碧图 字体图标 dataURL 内置图片2.优化网络链接cdn, 减少dns查询, 避免服务器端重定向3.减少下载量压缩css图片 混淆压缩js代码 服务器端启用gzip压缩4.启用缓存5.页面内部优化css置顶 ---- 为避免当页面变化时重绘页面元素，浏览器会阻塞页面呈现，直到样式表解析完毕js置底 ...

转载 02-CSS属性：背景属性

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-NC-SA 版权协议，转载请附上原文出处链接和本声明。本文链接：https://blog.csdn.net/Yuanriver/article/details/102229972background系列属性常见背景属性CSS样式中，常见的背景属性有以下几种：（经常用到，要记住）background-color:#ff99ff; 设置...

转载 AMD是什么？CMD是什么？他们之间有哪些区别

AMD是什么？CMD是什么？他们之间有哪些区别AMD 是 RequireJS 在推广过程中对模块定义提出的概念。CMD 是 SeaJS 在推广过程中对模块定义提出的概念。RequireJS 和 Sea.js 都是模块加载器，倡导模块化开发理念，核心价值是让 JavaScript 的模块化开发变得简单自然。不同之处两者的主要区别如下：定位有差异。RequireJS 想成为浏览器端的模块加...

转载 高阶函数

百度百科的解释：在数学和计算机科学中，高阶函数是至少满足下列一个条件的函数:①接受一个或多个函数作为输入；②输出一个函数第一个条件就是：函数作为参数传入另一个函数，那就是回调函数。例如：var arr = [1,2,3,4];arr.map(function(item,index,arr){arr[index] = arr[index]*10;});console.log(arr...

转载 服务端渲染客户端渲染

渲染 页面上的数据要发生更新服务端渲染 后台语言通过一些模板引擎生成html好处：前端耗时少（前端只负责将html进行展示），利于SEO坏处：网络传输数据量大，占用（部分、少部分）服务器运算资源，response 出的数据量会（稍）大点，模板改了前端的交互和样式什么的一样得跟着联动修改客户端渲染 js生成html 前端作路由好处：网络传输数据量小（减少了服务器压力）坏处：前端耗时较多，...

转载 服务端渲染 客户端渲染 区别

何为渲染？页面上的数据要发生更新，就是渲染。这个工作放在服务器进行就是服务器渲染，放在浏览器进行就是浏览器渲染。服务器端渲染，指的是后台语言通过一些模板引擎生成 html。浏览器端渲染，指的是用 js 去生成 html，前端做路由。浏览器端渲染路线：请求一个 html。服务端返回一个 html。浏览器下载 html 里面的 js/css 文件。等待 js 文件下载完成。等待 j...

转载 vue watch的使用

在vue中，使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法：复制代码new Vue({ el: '#root', data: { cityName: 'shanghai' }, watch: { cityName(newName, oldName) { // ... } } })复制...

转载 高内聚 低耦合

我所理解的高内聚是模块内部是独立完成某个单一的功能，尽可能的少而简单，也就是常说的单一责任原则。低耦合是各个模块之间相互独立存在，这样利于修改和组合。短期来看，并没有很明显的好处，甚至短期内会影响系统的开发进度，因为对开发设计人员提出了更高的要求，但长期来看，带来的好处是使程序更容易维护和修改。...