自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 收藏
  • 关注

原创 mongodb启动失败

其实如果你以前mongodb一直都启动成功的话,突然之间启动不起来了,很大的原因是你没有规范的关闭mongodb解决:1、按名称查找进程中的mongodb$ pgrep mongo2、找到进程中的mongodb杀掉$ kill 13503、如果报错了,mac版本的可以在在前边加一个sudo权限sudo kill 1350总的来说,不用就规范的关掉,省去了很多麻烦...

2021-08-04 18:40:25 764 1

原创 VUE报错:Property or method “****“ is not defined on the instance but referenced during render.[已解决]

今天在做需求的时候报了一个错,Property or method “APPLET_URL_TYPE” is not defined on the instance but referenced during render.事情经过:当我引用另外组件传出来的常量APPLET_URL_TYPE的时候,如下图报错如下:自己思考了一下,发现当我引用常量的时候我只是把它引用进来的,但是并没有挂载到当前的this上,所以会没有被定义的错误;解决方案如下:在data中声明一下就可以啦!又是一点点进步的一天

2021-07-08 14:53:54 1596 2

原创 父组件调用子子组件样式无法覆盖

今天在做需求的时候发现一个小问题,我的父组件去调用子子组件的时候,样式无法得到覆盖,学到了一个新的小技巧!如果希望 scoped 样式中的一个选择器能够作用得“更深”,例如影响子组件,可以使用 >>> 操作符:<style scoped>.a >>> .b { /* ... */ }</style>上述代码将会编译成:.a[data-v-f3f3eg9] .b { /* … */ }有些像 Sass 之类的预处理器无法正确解析 &g

2021-07-07 20:04:30 302 1

原创 为什么scoped只对当前组件样式生效

这个问题其实是之前一个面试官问到的,实习的时候学习分享的时候讨论到这个问题,我就简单的记录一下!其实这个是vue的内置属性,就像是.vue文件和.js文件一样,当识别到该对应的文件时就会渲染,那么scoped也是一样的,如果识别到scoped,就会只在当前组件渲染。...

2021-06-24 19:49:35 255 2

原创 js实现敏感词过滤

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #msg{width: 400px;

2021-04-21 21:02:31 842

原创 vue系列 - 封装一个移动端的警告弹框组件

小陈封装了一个移动端的组件弹框,有点类似于element-ui,希望能给大家带来一点点帮助。可以在组件引用的时候自行添加自己想警告的内容<template> <div class="alert_container"> <section class="tip_text_container"> <div class="tip_icon"> <span></span> <spa

2021-04-18 12:03:14 347

原创 getElementsByClassName为什么取不到对象?

getElementsByClassName为啥拿不到的对象呢?请看下面代码,看看你有没有瞬间就发现问题在哪?<script> function open(){ var alert = document.getElementsByClassName('alert_container')[0]; console.log(alert); }</script><input type="button" value="显示警告框" @click=

2021-04-17 17:37:41 2417

原创 超级无敌简单的轮播图实现

<!DOCTYPE html><html><head> <title>Test</title> <style> .img1{ display:block; } .img2{ display: none; } .img3{ display: none; } </style> <script type="text/

2021-04-16 10:20:56 76

原创 css系列(更新中)- img为什么可以设置宽高?

在练习的时候大家有没有注意到一个问题,就是img可以设置宽高!什么?!不可能!img不是行内元素嘛?行内元素设置宽高是无效的啊!我不信!好吧,最开始我看行块元素的时候也注意到这个问题了,要解决题目上的问题,我们就要先了解行元素和块元素!html5中,元素被分为两大类:inline(行内元素/内联元素)与block(块级元素)。常见的行内元素有:a,span,img,strong(加粗),input,label,select,textare,button常见的块级元素有:div,ul,ol,li,d

2021-04-12 15:29:48 1555

原创 matlab - 基于RSSI的质心定位(自己写的)

对于做蓝牙定位的小朋友们来说,质心定位肯定是不可避免要了解的一种方法,博客上有关于质心定位的仿真实验,蓝牙信标是随机产生的,但是我的老板想让我模拟真实的实验环境下进行仿真实验,换句话说就是蓝牙信标要固定。害选取同样长宽20米的仿真环境,在[0,0] [20,0] [0,20] [20,20] [10,0] [20,10] [10,20] [0,10]八个点部署蓝牙信标。选取其中距离最小的六个蓝牙信标作为质心定位计算的参考点。其具体步骤如下:(1)对获取的所有蓝牙 Beacon 节点得到距离集合d =

2021-04-10 20:38:09 3365 4

原创 es6系列 - const声明对象时值可以更改吗 (const本质)

众所周知,使用const申明常量时,必须被赋值。并且一旦被赋值,就不能被修改。如下代码展示的一样const foo;//SyntaxError: Missing initializer in const declaration`但是,用const声明对象的时候有一个非常有意思的情况,请看下面代码const foo ={};//为foo添加一个属性,可以成功foo.prop = 123;foo.prop //123//将foo指向另一个对象就会报错foo = {}; //TypeE

2021-04-09 13:15:14 1022

原创 如何点击验证码刷新后台验证码重新发送,而不是每次点击网页刷新验证码

之前做项目的时候遇到的题目这样的问题吧,其实那个项目过去好久了,这些问题当时都记录在有道云上,趁现在有时间就把他整理到博客上,给遇到同样问题的小伙伴一些帮助吧!用this.$refs.captcha.src获取事件触发元素的图片,利用时间差,时间一直是在变化的,Date.now(),这样就可以动态生成图形验证码注意:要添加ref属性(ref 加在普通的元素上,用this.$refs.(ref值) 获取到的是dom元素)...

2021-04-07 20:44:39 562

原创 刷新后不能保持登陆

做外卖项目的时候,用户信息是存储在浏览器的,那么就有一个问题,就是页面一旦刷新就需要重新登陆,不能维持一个保持登陆的功能!害,头疼,其实这个项目已经做过去很久了,当时觉得很难解决,现在看来就是浏览器缓存的问题,所以说啊,得多学新知识才行,不过还是把当时我的解决方法分享出来,想多学习的小朋友们可以去看一下关于浏览器缓存的相关知识,我的博客里也有这方面的只是,欢迎浏览!!答:登陆之后将用户信息保存在state中,一刷新信息就不在了,后端数据中,将user._id存储于session.userid中,sess

2021-04-06 13:59:40 371

原创 如何实现滑动右侧列表,更新当前分类,并且点击某个分类项目,右侧列表滑动到对应位置?

之前做项目的时候遇到一个问题,当时把他记录到有道云笔记上了,现在把他分享到博客上,希望能够给遇到同样问题的大家一点小小的帮助。做一个外卖的项目的时候,商家信息哪一个组件,如何实现滑动右侧列表,更新当前分类,并且点击某个分类项目,右侧列表滑动到对应位置?分析:当前分类当滑动右侧列表时,更新当前分类点击某个分类项,右侧列表滑动到对应位置类名:current 当前标识设计一个计算属性:currentIndex根据哪些数据计算?scrollY:右侧滑动的Y轴坐标(滑动过程t实时变化)

2021-04-06 13:28:26 528

原创 渲染过程中遇到 JS 文件怎么处理

JavaScript的加载、解析与执行会阻塞文档的解析,也就是说,在构造DOM时,HTML解析器若是遇到了JavaScript,那么它会暂停文档的解析,将控制权交给JavaScript引擎,等JavaScript引擎运行完毕,浏览器再从中断的地方恢复继续解析文档。也就是说,如果我们想首屏渲染的越快,就越不应该在首屏就加载js文件,这也是建议将script标签放在body标签底部的原因。当然,并不说script标签必需放在底部,因为可以给script标签添加defer或者async属性。CSS 阻塞文

2021-04-05 19:05:58 832

原创 js系列(更新中)- 作用域链

内部函数访问外部函数的变量,采用的是链式查找的方式来决定去哪个值,这种情况我们称为作用域链。(取值遵循就近原则)var num = 10;function fn() { var num = 20; function fun() { console.log(num);//输出20;按照链式查找的方式决定去哪个值,就近原则 }}作用:保证对执行环境有权访问的所有变量和函数的有序访问。如何构建作用域链:答:某个函数被调用的时候,就会创建一个执行环境.

2021-04-05 10:02:00 43

原创 vue系列(更新中)- 路由懒加载

当打包构建项目时, JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成 不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。具体需要 3 步:① 安装 @babel/plugin-syntax-dynamic-import 包。② 在 babel.config.js 配置文件中声明该插件。③ 将路由改为按需加载的形式const Foo = () => import(/* webpackChunkName: "group-foo"

2021-04-05 10:00:08 65

原创 蓝牙定位-高斯滤波、卡尔曼滤波、滑动平均滤波( matlab)

自己在做毕设的时候,发现网上很少有关于蓝牙定位过程中对rssi滤波处理的matlab代码,要不就是收费(誓死不花一分钱)要不就是对于图像处理的一系列滤波算法,所以小陈把自己写的滤波算法分享出来,希望能够对做同样定位的研友们有所帮助!滑动平均滤波(详细算法自行搜索哦)function res = MovingAverage(input,N)%% input为平滑前序列(列向量和行向量均可);N为平滑点数(奇数);res返回平滑后的序列(默认行向量)。sz = max(size(input));

2021-03-30 21:37:50 2063 6

原创 js系列(更新中) - 原生js实现数据双向绑定

主要思路是通过在数据对象上定义get和set方法(get,set,configurable,enumerable),调用时手动调用get或set数据,改变数据后出发UI层的渲染操作;以视图驱动数据变化的场景主要应用与input、select、textarea等元素,当UI层变化时,通过监听dom的change,keypress,keyup等事件来出发事件改变数据层的数据。整个过程均通过函数调用完成。<!DOCTYPE html><html lang="en"><h

2021-03-30 15:48:35 329

原创 计算机网络系列(更新中)- 跨域问题以及解决的方法

跨域问题是在做项目中一定会遇到的问题,当然也是面试过程中面试官最喜欢问的问题,我把我整理的相关跨域的问题分享出来,希望对大家学习或者找工作有所帮助!首先要想解决跨域肯定要了解什么是跨域!1、为什么会产生跨域答:由于浏览器为了安全考虑,就会产生一个同源策略,不是一个地方出来的是不允许交互的。同源指的是协议相同、域名相同、端口号相同。因为浏览器的同源策略,就会产生跨域。解决跨域的方法有很多。我们可以根据我们 想要实现的目的来划分。2、怎么解决跨域1.首先我们如果只是想要实现主域名下的不同子域

2021-03-29 21:39:16 548

原创 js系列(更新中)- promsie异步处理的方法之一

Promise就是为了解决callback的问题而产生的。Promise 实现了链式调用,也就是说每次 then 后返回的都是一个全新 Promise,如果我们在 then 中 return ,return 的结果会被 Promise.resolve() 包装优点:解决了回调地狱的问题ajax('XXX1') .then(res => { // 操作逻辑 return ajax('XXX2') }).then(res => { // 操作

2021-03-29 19:37:01 159

原创 js系列(更新中)-js执行上下文

1、执行上下文的概念为了表示不同的运行环境,JavaScript中有一个执行上下文(Execution context,EC)的概念。代码运行是在一定的环境之中运行的,这个运行环境我们就成为执行环境,也就是执行上下文。javascript运行的代码环境有三种:全局代码:代码默认运行的环境,最先会进入到全局环境中函数代码:在函数的局部环境中运行的代码Eval代码:在Eval()函数中运行的代码...

2021-03-29 10:24:42 103

原创 js系列(更新中)- 封装ajax(axios异步请求)

做项目的时候使用axios进行前后端数据交互,这里就有一个问题,如何封装ajax请求,这个是我已经封装好了的,share出来我以后也会用到,对大家希望也有帮助/*ajax请求函数模块返回值: promise对象(异步返回的数据是: response.data) */import axios from 'axios'export default function ajax (url, data={}, type='GET') { return new Promise(function (

2021-03-27 19:57:41 304

原创 js系列(更新中)-let和const到底存不存在变量提升呢?

今天面试的时候被问到一个问题,let和const在es6中说不能变量提升,那他到底不存在还是存在但是因为其他的原因会报错呢?说实话刚开始被问到这个问题蒙了一下子,但是我当时是觉得存在但是暂时性死区的原因所以会报错?但是当时极其不确定,后来又找了一些资料,各说纷纭。接下来就是我看了一些资料之后的想法:存在!!let / constlet使得javascript具有块级作用域,let与var的一个重要区别就是let存在暂时性死区,且let声明的变量不会在作用域中被提升在es6入门第三版有所提到

2021-03-26 17:04:56 846

原创 css系列(更新中)-margin边距重叠和行元素之间有间隙

边距重叠margin:两个或多个块级盒子的垂直相邻边界会重合。解决方法:BFC区域,详细的可以去了解一下BFC区域,我会我就不展开写了,嘻嘻另外我比较用喜欢行内元素,行内块元素来做横向导航,这样就不用再去担心浮动块级元素带来的不必要影响。但行内元素,行内块元素元素有个硬伤--有默认的间隙(烦人)解决方案:会出现间隙的原因,其实是行内标签元素,行内块元素之间的换行带来的影响。只要解决了换行的问题,也就解决了间隙的问题。(1)<span>行内元素</span><s

2021-03-23 20:58:14 165

原创 计算机网络系列(更新中)- 浏览器缓存(协商缓存)

1、协商缓存的缓存头:Etag和Last-Modified2、为什么要有两个,既生Last-Modified何生Etag?答:(1) Last-Modified标注的最后修改只能精确到秒级,如果某些文件在1秒钟以内,被修改多次的话,它将不能准确标注文件的修改时间(2)如果某些文件会被定期生成,当有时内容并没有任何变化,但Last-Modified却改变了,导致文件没法使用缓存(3) 有可能存在服务器没有准确获取文件修改时间,或者与代理服务器时间不一致等情形Etag是服务器自动生成或...

2021-03-23 10:51:30 120

原创 js系列(更新中)-- 原生js实现拖拽

基本思路:拖拽状态 = false鼠标在元素上按下的时候{   拖拽状态 = true    记录下鼠标的x和y坐标   记录下元素的x和y坐标 } 鼠标在元素上移动的时候{   如果拖拽状态为false就什么也不做。   如果拖拽状态是true,那么   元素y = 现在鼠标y - 原来鼠标y + 原来元素y   元素x = 现在鼠标x - 原来鼠标x + 原来元素x } 鼠标按键在任何时候被松开{ .

2021-03-23 10:06:09 79

空空如也

空空如也

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

TA关注的人

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