自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

海带的博客

遨游知识海洋 寻找海洋之心

  • 博客(24)
  • 收藏
  • 关注

转载 离骚 节选

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

2018-09-07 10:52:25 260

原创 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

2021-04-28 15:38:35 447

原创 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>

2021-01-20 14:09:09 853

原创 坚持输入 坚持输出

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

2021-01-20 13:47:27 42

原创 无题

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

2020-08-28 14:57:30 39

原创 provide / inject 的简单使用

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

2020-07-08 18:59:11 83

原创 vue 插槽的简单使用

具名插槽与默认插槽的使用父组件<template> <div> oindex <oIndex2> <h1 slot="n1">内容1</h1> <h2 slot="n2">内容1</h2> <h3>内容3</h3> </oIndex2> </div></template><scrip

2020-07-08 09:21:03 64

原创 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.

2020-07-02 14:15:59 146

原创 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

2020-07-02 13:37:16 183

原创 函数加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('.

2020-07-02 11:42:26 233

原创 数组简单递归

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

2020-06-16 15:59:13 122

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

2020-06-16 15:40:03 138

原创 异步变同步

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

2020-06-11 15:25:35 311 2

原创 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++) { ...

2020-06-10 17:45:39 741

原创 水平垂直居中

几种水平垂直居中固定宽高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

2020-06-10 09:37:47 51 1

转载 bind

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

2019-10-31 10:54:19 65

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

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

2019-10-15 10:14:47 152

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

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

2019-10-09 09:18:20 88

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

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

2019-09-29 13:48:36 357

转载 高阶函数

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

2019-09-29 13:35:53 54

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

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

2019-02-28 13:47:21 104

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

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

2019-02-28 13:40:34 51

转载 vue watch的使用

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

2019-02-26 15:02:45 60

转载 高内聚 低耦合

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

2019-02-26 09:33:53 53

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除