北冥有锅-CSDN博客

北冥有锅

码龄8年

86,643

总访问量
41

原创
93

粉丝
35

关注

IP 属地：浙江省

加入CSDN时间： 2018-10-09

个人简介：我不是蛋炒饭，我只是蛋的搬运工

查看详细资料

个人成就

获得28次点赞
内容获得16次评论
获得73次收藏
代码片获得265次分享
博客总排名1,281,416名

TA的专栏

JavaScript
1篇
react
1篇
git
1篇
前端
7篇
ES6
1篇
webpack
CSS
3篇
element-ui
2篇
H5
1篇
面试
http
vue
17篇
await
1篇
async
1篇
ajax
1篇
草稿
flex
CSS3
1篇
JS
1篇

TA关注的专栏 0

TA关注的收藏夹 0

TA关注的社区 1

TA参与的活动 0

创作活动更多

「谁说嵌入式只是调包和焊板子？」—— 2026嵌入式全栈技术征锋令

谁说嵌入式只会“Ctrl+C 调包”和“拿电烙铁焊板子”？2026嵌入式全栈技术征锋令正式启幕！本次活动专为硬核硬件/软件开发者打造，无论你是刚玩转裸机外设的萌新，还是精通RTOS调度、死磕底层驱动的行业老手，亦或是执掌系统架构的大神，这里都是你证明实力的舞台！拒绝表面功夫，每一行代码，都有撬动硬件的力量！晒出你的硬核工程实战，为嵌入式开发者的全栈硬实力正名！

211人参与去参加

更多

git常用命令

昨天认认真真请教了男朋友，关于git的常用命令的使用方法。拉取代码：git clone 项目地址修改好代码，关于提交就会有很多不同的差异性，我认为最好的方法还是 git commit =》git pull =》git push；首先解释一下，git add 、git commit 、git pull、git push几个命令的含义； git add：就是将工作区的代码勾选了（git add . 全选的意思），保存到暂存区； git commit ：提交到本地仓库； git push ：将本地

博文更新于 2021.03.27 ·

Proxy代理拦截器

前言 Proxy 也就是代理，可以帮助我们完成很多事情，例如对数据的处理，对构造函数的处理，对数据的验证，说白了，就是在我们访问对象前添加了一层拦截，可以过滤很多操作，而这些过滤，由你来定义。语法 let p = new Proxy(target, handler); target：需要使用Proxy包装的目标对象（可以是任何类型的对象，包括原生数组，函数，甚至另一个代理）。 handler: 一个对象，其属性是当执行一个操作时定义代理的行为的函数(可以理解为某种触发器)。具体的handler相关函数

博文更新于 2021.03.27 ·

无奖问答系列：你所理解的IntersectionObserver

异步操作，不随着目标元素的滚动同步触发。即只有线程空闲下来，才会执行观察器。这意味着，这个观察器的优先级非常低，只在其他任务执行完，浏览器有了空闲才会执行。作用监听目标元素与其祖先或视窗交叉状态的手段，其实就是观察一个元素是否在视窗可见。语法创建原生构造函数 IntersectionObserver的一个实例，接受两个参数两个参数：callback是当元素可见性变化时的回调函数，option是配置对象（该参数可选）。 let io= new IntersectionObserver(callbac

博文更新于 2021.03.27 ·

Vue组件完整生命周期（按顺序,1.创建；2.挂载；3.更新；4.销毁）

Vue组件完整生命周期（按顺序,1.创建；2.挂载；3.更新；4.销毁） beforeCreate created beforeMount mounted beforeUpdate updated beforeDestroy destroyed <!DOCTYPE html> <html lang="en"> <head> <...

博文更新于 2021.03.27 ·

构造函数与它的崽子们

构造函数：Class 关键字、静态属性、实例属性 1. function 构造函数 function Person (name,age) { this.name = name this.age = age } const me = new Person('zzz','18') //me 实例 console.log(me.name) //zzz console.log(me.age) //18 const me = new Person('zzz','18')做了三件事 new Person()：

博文更新于 2021.03.27 ·

什么是事件循环Event Loop

由于js是单线程的，执行一连串的事件时，这些事件会分配给不同的任务队列。以先进先出的规则给这些事件排队、形成一条或者多条任务队列。事件循环就是一个执行任务队列的机制。首先优先级最高的任务队列中最先进入一个任务（相当于宏任务），没有任务可以选择，则执行微任务给事件循环做个标记（说明这个事件循环机制已经存在执行任务了）执行任务结束这个事件循环就执行完毕了，再做个标记null（说明没有任务在执行）把这个已经执行的任务从队列里踢出渲染页面回到第一步 ...

博文更新于 2021.03.27 ·

ES6之Set 和 WeakSet和Map 数据结构

Set 数据结构 ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set本身是一个构造函数，用来生成 Set 数据结构。 Set 结构的实例de属性。 -Set.prototype.constructor：构造函数，默认就是Set函数。 -Set.prototype.size：返回Set实例的成员总数。 Set 实例de方法分为两大类：操作方法（用于操作数...

博文更新于 2021.03.27 ·

vant list的列表，瀑布流滚动加载，用于展示长列表，当列表即将滚动到底部时，会触发事件并加载更多列表项。

由于手机的屏幕长度限制，如果获取的列表数据有很多条，就需要使用预加载的形式。手机下滑多少，就加载多少条数据。主要后端传参的字段：take（每次加载获取多少条数据,初始化一般为8，列表足够填满手机屏幕就好），skip（再次获取数据时跳过多少条数据，一般都是跳过take*skip条）。 data() { return { Skip: 0, Take: 8, }, ...

博文更新于 2021.03.27 ·

关于this.$XXXXXXX

一般在vue中，这些$的都是一个全局对象，这些都会在main.js中进行全局引用。如下所示main.js文件。 1.this.$router ：vue-router路由，import router from ‘./router/’。 2.this.$toast ：vant有赞移动端ui的一个“轻提示”组件，import { Toast, Dialog } from ‘vant’;。 import ...

博文更新于 2021.03.27 ·

async await 与async Promise

async await 直接上题 async function fun1(){ console.log("start-fun1") await fun2 () console.log("end-fun1") } async function fun2(){ console.log("run-fun2") } fun1() console.log('running') 分析： fun1()和console.log(‘running’)，先调用fun1()，那么先执行console.log("s

博文更新于 2021.03.27 ·

学习React的N天

<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Hello React!</title> <script src="/https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script> <script src="/https://cdn.staticfi

博文更新于 2021.03.27 ·

js跨域下载图片（vue也实用）

现在从后台请求一张图片，点击按钮就能下载到本地，并能设置图片名。 1.首先看一下图片操作界面 2.点击下载按钮对应的icon，需要将后台的图片下载到本地 3代码展示 <Icon class="operate-btn bold" type="md-download" @click="downloadIamge(t.url,t.name)"></Icon> //.icon图标...

博文更新于 2020.04.02 ·

Promise与它的四个小伙伴resolve、reject、all、race

Promise 的基本用法示例如下：一秒钟之后打印“finished” function sleep(duration) { return new Promise(function(resolve, reject) { setTimeout(resolve,duration); }) } sleep(1000).th...

博文更新于 2020.06.10 ·

H5&IOS&Android-入坑指南

入坑零：IOS不支持position：fixed。有问题。入坑一：解决overflow: auto在Ios与安卓系统中滑动不流畅的问题（chrome模拟测试没问题）法一： body {-webkit-overflow-scrolling: touch;} 在滚动容器内加-webkit-overflow-scrolling: touch 但这个方案有一个问题，在页面内具有多个overflow：...

博文更新于 2020.06.10 ·

实习日记10月

11/16（周五）开始从事公司大数据小组的景宁大屏项目的开发。我的主要任务是完成旅游交通专题的前端切图。先根据UI给的设计稿纸完整地切出一张网页，后期还会和后端对接实现数据交互。今天只是熟悉了一下设计稿中网页的组成，没有真正地着手去做。这是我实习以来第一次正式参与到公司项目之中，有些紧张，不知道自己能不能完成交接的任务。这算是第一次测试自己的技术能力。 11/19（周一）真正开始景宁大...

博文更新于 2020.06.08 ·

Vuex结合sessionStorage存储公用的用户信息

前言：在一个系统中，我们经常会用到用户的用户名、用户手机号、用户ID等信息，可以将它们用于展示在系统中或者根据ID获取权限之类。因为各个页面都需要这些公用信息，当然是存储在store的状态字中拉。但是由于Vue是响应式的，我们存储在store中的状态字一旦刷新或者关闭窗口，网页都会初始化，重置，所以得想个方法动态更新store数据。问题一：每次刷新页面store中数据都会重置。方法一：我们需要知道，每次刷新加载一次页面，都会加载一次入口html文件（一般都是App.vue文件，页面间跳转是不会重

博文更新于 2020.05.29 ·

图片的展示：css3 之 object-fit

object-fit理解 CSS3 background-size出现的比较早，大家应该知道其支持的一些值，除了数值之外，其还支持几个关键字，例如：cover, contain等。 object-fit也是类似的，但还是有些差异，具体有5个值（默认值：fill）： .fill { object-fit: fill; } .contain { object-fit: contain; } .cove...

博文更新于 2020.05.27 ·

this.$router.go()和this.$router.push()的差别

this.router.go()和this.router.go()和this.router.go()和this.router.push()的差别 1.this.$router.go(val) => 在history记录中前进或者后退val步，当val为-1时回到上一页。当val为0时刷新当前页面。当val为1到下一页。 2.this.$router.push(path) => 在...

博文更新于 2020.05.25 ·

flex和float的布局的区别

<template> <div class="income-container"> <div class="income-list" v-for="item in dataList"> <div class="income-title">{{item.title}}</div> <div class="incom...

博文更新于 2020.05.25 ·

巨复杂真的脑子抓破的el-table与el-form验证

需求呢是这样滴，简单地描述一下。一张商品价格列表，最主要的有一列原价，一列（折扣价，减金额价，销售价）。原价是固定的，折扣价，减金额价，销售价可以分别输入，输入验证其中一项，计算其他两项。输入那一项字体为黑色，其他的为灰色；输入限制：0.1≤折扣价≤9.9，减金额价≤最低价，销售价≤最低价，不然就是报错；输入的是什么值，展示的就是什么优惠类型；最后传给后端的就是什么值，如果输入的值是打折...

博文更新于 2020.05.25 ·