自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 webpack

1.webpack定义/什么是webpackwebpack是一个静态模块打包器(bundler)。可以帮助我们处理模块间的依赖关系。当webpack处理应用程序时,他就会递归的构建一个依赖关系图,此依赖图对应映射到项目所需的每个模块,并生成一个或多个bundle。tips:webpack 不是解释器,而是一个模块打包工具(module bundler),只能认识import等简单的语法。不仅有es这样的模块规范,还有commonJS、CMD、AMD这样的规范,webpack对这些模块规范一样可以.

2021-02-21 17:38:50 2286

原创 前端性能优化5大方式

1.资源压缩合并,减少HTTP请求2.非核心代码异步加载2.1异步加载的方式2.1.1 动态脚本加载2.1.2 defer2.1.3 async2.2异步加载的区别1.defer 是在HTML解析完之后才会执行,如果是多个,按照加载的顺序依次执行。2.async是在加载完之后立即执行,如果是多个,执行顺序和加载顺序无关。3.利用浏览器缓存3.1缓存的分类1.强缓存直接从本地缓存中拿出使用,不与服务器通信。Expires Expires:YHU,2..

2020-11-29 21:07:02 7604 7

原创 JavaScript的bind方法

1.bind方法1.1bind与thisbind方法是ES5后才开始提供。function f(){ return this.a; }var g = f.bind({a:"test"});console.log(g());//testvar o = {a:18,f:f,g:g};console.log(o.f(),o.g());//18 testthis.x = 9;var module = { x:81, getX:function(){.

2020-11-28 19:25:40 2187

原创 javascript——函数,this与 agument属性

js函数即为对象,js函数可以像其他对象一样操作传递,所以常称为函数对象。1.javascript创建函数创建函数最常见的方式为函数声明和函数表达式。1.1函数声明函数声明:以function开头function add(a,d){}1.2函数表达式函数表达式:将函数表达式赋值给一个变量var add = function(a,b){}//立即执行匿名函数(function(){ //do sth})();return function(){

2020-11-28 17:57:47 548

原创 前端错误监控与捕获方式

1.即使运行错误的捕获方式1.1 try...catchtry { setTimeout(function(){ throw new Error('project'); },0);} catch(e) { console.log('error', e.message);}1.2 window.onerrorwindow.onerror = function(message, source, lineno, colno, error) { ...

2020-11-27 16:37:07 373 1

原创 javascript对象创建,get/set方法与对象属性标签

近期复习前端基础,做一个汇总整理。方法一:对象字面量创建var obj1 = {x:1,y:2};var obj2 = { x:1, y:2, o:{//支持对象嵌套 z:3, n:4 } };方法二:new/原型链function foo(){}foo.prototype.z = 3;var obj = new foo();obj.y = 2;obj.x = 1;obj.x;// 1ob

2020-11-23 18:06:13 749 1

原创 TCP协议是如何确保可靠传输的?

关于“tcp协议如何确保可靠传输”这个问题,网上的资料参差不齐。近期开始在图书馆读一些教材,带着问题读了以下书目的关于TCP的章节,总结记录了下来。德国波茨坦大学《internetworking Technische Grundlagen und Anwendungen》/《网络技术基础与应用》(christoph meinel,harald sack) 《深入理解计算机网络》(王达) 《计算机网络教程自顶向下的方法》(BehrouzA.Forouzan Firouz Mosharraf) 《计.

2020-11-05 19:05:27 712 4

原创 npm ERR! errno 1 npm ERR!

今天是我进公司的第二天,在把之前的Vue项目交予我运行管理的时候npm频繁报错。组里也没有职业做前端的可以请教,只有我一实习生是做前端的,全靠自己创造式乱摸索,把我整的都抑郁了。主要出现了四个问题,具体都解决,最后一个问题我觉得最坑,记录一下,方便和我一样的前端小菜狗。【前提】1、已经完成好全局npm/webpack/cnpm的安装。如果不确定的话,可以在电脑-v一下,查看有没有版本号。...

2020-01-02 10:24:04 10152 3

原创 URL中的hash#

今日搞鼓vue-rounte,涉及到了前端路由的hash,简单记录一下它的几大特点吧。1、#右侧的内容为位置的标识符,将其右侧的内容展示在可视区。2,、HTTP请求不包含#,#号是用来指导浏览器动作的,对服务器端完全无用。3、在第一个#后面出现的任何字符,都会被浏览器解读为位置标识符。这意味着,这些字符都不会被发送到服务器端。4、单单改变#后的内容,浏览器只会滚动到相应位置,不会重...

2019-07-31 08:32:03 430

原创 cookies和storage的区别

昨天学长问我关于cookies和storage,我一脸蒙蔽,脑袋里只剩可爱的http小曲奇cookies,storage之前没有接触过,算是知识漏洞了。所以今天看了十来篇相关博客,也简单写一篇cookies和storage的记录吧,填填小洞洞。cookies和storage的区别:1、存储大小的区别:cookies的数据大小不超过4KB,因为考虑到每一个HTTP请求头中都要携带,...

2019-07-29 16:40:59 3328

原创 Vue组件化与模块化、全局组件定义的三种方式以及私有组件的定义

组件化和模块化的区别:什么是组件:组建是为了拆分VUE实例的代码量,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可。组件化和模块化的不同:模块化:是从代码逻辑的角度进行划分的;方便代码的分层开发,保证每个功能模块的职能单一。组件化:是从UI界面的角度进行划分的;前端的组件化,方便UI组件的重用。全局组件定义的三种方式...

2019-07-25 17:36:53 1332

原创 VUE语法:v-for指令的四种用法

最近在学习VUE,目前酸菜鱼也才刚开始几天,或许是没天赋之前接触框架也很浅显,很多稍难地方学习的不通透,简单的反倒一过就忘记了。于是想要把简单基础逐步简单梳理一遍,以防万一自己连基础的都学不到,分享给大家共同总结学习。v-for的四种应用方式:方式一:v-for循环普通数组//土蛋方法:<p>{{list[0]}}</p><p>{{list[1...

2019-07-25 09:54:02 19145

原创 前端数据可视化ECharts使用指南——制作时间序列数据的可视化曲线

我为什么选择ECharts ? 本周学校课程设计,原本随机佛系选了一个51单片机来做音乐播放器,结果在粗略玩了CN-DBpedia两天后才回过神,课设还没有开始整。于是懒癌发作,碍于身上还有比赛的作品没交,本菜鸡对硬件也没啥天赋,所以就直接把题目切换成软件方面的题目。写python的同学选择了一个时间序列数据的可视化曲线程序设计题目,果真python在数据可视化这一点性能很优秀。...

2019-07-11 13:24:55 3726 2

原创 中文知识图谱CN-DBpedia构建的关键技术

这篇博客是根据学习查看复旦大学知识工厂实验室的徐波老师报告整合资料后的笔记,报告内容详略得当,结构清晰,干货满满,于是便自己整理并记下来,方便以后深度学习。什么是知识图谱? 知识图谱本质上是一种语义网络。主要由节点,边,目标三大块组成。其中节点包括:实体、概念。边包括:实体与实体、实体与概念、概念与概念。目标包括:描述真实世界中存在的各种实体或概念。简介中文开放百科...

2019-07-09 10:48:17 6468

原创 软件定义网络SDN——DEVNET系列,Nexus 9000v搭建

本酸菜鱼参加了2019年的网络挑战大赛EP1赛道。今年的比赛主题同去年不同,革新成为了SDN(软件定义网络),形式和学习内容都比较新,所以在该赛道答疑会议上,我记录下并整理了会议相关的笔记,供大家一起学习参看、讨论以及指出小酸菜鱼的不足。Nexus 9000v搭建(实验环境)虚拟化平台,主要提供控制面调试,但转发面转发能力受限。真正的9000 成本较高,组网也较为复杂麻烦,所以使...

2019-06-26 16:35:16 1777

原创 SQL Sever 远程计算机拒绝网络连接,错误:1225 具体解决步骤。

SQL Sever 远程计算机拒绝网络连接,错误:1225。这个问题很常见,解决步骤很简单,为了方便与我一样初学的酸菜鱼同僚,特地将步骤图解并记录下来,下面是具体操作。第一步,按下快捷键:CTRL+SHIFT+ESC ,即可打开如下图任务管理器。第二步,选择上方选项栏内的“服务”选项。第三步,找到SQL实例(注:就是你之前所命名创建的),发现状态是“已停止...

2019-06-24 20:47:11 18218 2

原创 前端学习总结笔记——入门(一)

前端学习总结笔记 ——入门(一)什么是前端狭义:使用HTML、CSS、JavaScript等专业技能和工具将产品UI设计稿实现成网络产品,涵盖pc端、移动端网页、处理视觉和交互问题。广义:所有用户终端产品与视觉和交互有关的部分,都是前端工程师的专业领域。前端需要了解的知识网站和网页:网站指的是整站,而网页值得是单独页面。 主页和内页:主页的名字必须是index,通过主页的超链...

2018-11-24 13:24:44 315 1

原创 零基础菜鸟解析HTTP(超文本传输协议)

HTTP超文本传输协议为客户端与服务器端请求与应答的标准,是客户端浏览器或其他程序与web服务器之间的应用层通信协议。基于HTTP协议的信息交换主要分为四个步骤:请求信息、建立连接、发送响应信息、断开连接。HTTP为无状态连接,无状态即没能保存信息。可以通过cookies来解决无状态问题,cookies相当于一个限时通行证,当客户端第一次访问时,给客户端发送cookies,当客户端再次访...

2018-11-04 20:27:48 638

原创 visual studio2017调试后黑框闪退的原因及解决方法

调试后黑框闪退,之后并显示如下错误。原因:此时调试为调试模式,程序运行不会暂停,所以窗口不会持续保持打开状态。所以黑框出现就会一闪而退。解决逻辑:使程序暂停,处于等待状况。部分编译器如visual6.0,会在代码执行结束自动执行这一功能。解决办法:方法一:如图1所示,在返回语句前添加一条语句:system(“pause”);系统( “暂停”);调用系统暂停命令即可。...

2018-09-15 19:40:54 14437 2

空空如也

空空如也

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

TA关注的人

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