- 博客(57)
- 资源 (5)
- 收藏
- 关注
RSS订阅
原创 前端面试从入门到入职
最近在准备面试，岗位是前端，之前只是会做一些前端的项目，对于前端的内容并没有系统的学习，尤其是理论知识的部分，最近在准备面试的时候才发现里面大有洞天，尤其是js部分的内容，我会把里面比较难懂的或是重点的知识挑出来写成博客，用于记录和分享。每次写完新文章之后会在这里更新链接！欢迎交流分享！前端面试：浏览器输入网址后发生了什么...
2021-04-28 19:49:18
254
原创 前端面试：HTTP协议1.0、1.1和2.0
昨天面试时，面试官问到我HTTP和HTTPS的区别，问完之后又追加了一个HTTP各版本直接的区别，我当场傻住，虽然之前有看过，但是没有完全看过。HTTP协议HTTP协议（HyperText Transfer Protocol，超文本传输协议）是因特网上应用最为广泛的一种网络传输协议。HTTP协议工作于客户端-服务端架构上。浏览器作为HTTP客户端通过URL向HTTP服务端即WEB服务器发送所有请求。HTTP的三大特征：无连接、无状态、媒体独立随着历史不断的发展，HTTP协议也一直在更新中，协议更新的
2021-05-15 09:51:54
600
2
原创 前端面试：经典面试题Foo与getName()
从一道面试题出发按照惯例，还是从面试题出发。（日常面向面试学习 ???? ）function Foo(){ getName = function(){ console.log(1); } return this;}var getName;function getName(){console.log(5);}Foo.getName = function(){console.log(2);}Foo.prototype.getName = function(){console.l
2021-05-12 12:41:09
2302
5
原创 前端面试：执行上下文期间都在做什么？
执行上下文function f1() { console.log('first');};f1(); //secondfunction f1() { console.log('second');};f1(); //second在执行这样一段代码的时候输出了这样的结果，怎么样？是不是和想的有些差异？说明你对执行上下文完全不懂哦# 执行上下文是什么JS代码在执行前，JS引擎会做准备工作，这时就会创建执行上下文。共分为三类全局环境函数环境eval环境（不讨论）1.
2021-05-12 12:00:34
259
原创 前端面试：啥是原型？啥又是原型链？
原型与原型链# 原型概念ES6以前，js有面向对象的特性但是没有明确的语法规范例如class关键字来生成对象，还是靠function来完成的（不得不吐槽ES6之前的js真的是一坨ES6语法以后再谈，还是先挖坑）以至于出现了这种情况。console.log(Function instanceof Object); // trueconsole.log(Object instanceof Function); // true//函数是对象构造的 对象也是函数构造的，俩者即是函数也是对象js的原型
2021-05-09 13:27:06
1111
原创 前端面试：怎么让一个div消失在视野里？
怎么让一个div消失在视野里？前两天面试被问到了这道题，当时回答了4种方案，面试结束后想想其实回答的很烂，面试回答问题的时候尽量做到先分类，然后按照分类回答，这样即显得有条理，面试官听的也清楚，其次也不容易遗漏内容。我个人认为解决方案可以分为以下两大类：视野内隐藏移动到视野外下面来具体看一下每类的具体解决方案：#1. 视野内隐藏1.设置高度宽度为0div { height: 0; width: 0;}2.设置透明度为0div { opacity: 0;}
2021-05-07 20:47:48
659
原创 前端面试：js的函数作用域为什么这么乱！
最近被js的函数作用域链折腾的不浅，今天彻底来解决一下这类问题。（不得不吐槽js作用域真的很乱，let才是yyds）首先先看两段代码/*first code*/var a = 'apple';console.log(a); //appleif(true){ console.log(a); //apple var a = 'pear'; console.log(a);//pear}console.log(a); //pear/*second code*/var a = 'ap
2021-04-28 20:53:33
457
3
原创 前端面试：浏览器输入网址后发生了什么？
从前端面试题出发分析一系列知识点大致来看，从输入url到网页显示会经历下列五个阶段将url转换为ip地址同服务器进行通信获取网页内容浏览器进行渲染断开通信下面来具体分析每个阶段都做了什么，因为是一道非常经典的前端面试题，并且覆盖面非常广，所以尽量做到深挖知识要点。有些可以单独写文章的地方会用黄色记号标记，之后会用文章链接替代！#1. url到ip地址的转换 —— DNS解析为了向www.baidu.com发送请求，必须获得www.baidu.com的ip地址，理所当然应该使用DNS去
2021-04-25 21:43:39
1224
原创 置换元素和非置换元素
置换元素（Replaced Element）：浏览器根据元素的标签和属性，来决定元素的具体显示内容。 指 img、input、textarea、select、object 等这类默认就有 CSS 格式化外表范围的元素。非置换元素（non-Replaced Element）: 就是除了 img、input、textarea、select、object 等置换元素以外的元素。...
2021-03-11 19:30:14
291
原创 JUnit单元测试（2）
链接：JUnit单元测试（1）文章目录Before和After异常测试参数化测试超时测试Before和After在@Before中初始化测试资源在@After中释放测试资源Calculate calculate;@Beforepublic void setUp() throws Exception { calculate = new Calculate();}@...
2020-04-06 11:51:07
226
原创 JUnit单元测试（1）
文章目录单元测试为什么需要单元测试JUnit实践单元测试单元测试是针对最小功能单元编写的测试代码Java程序最小的功能单元是方法单元测试就是针对单个Java方法的测试为什么需要单元测试首先了解一下测试驱动开发：测试驱动开发（Test Driven Development）简称TDD，是一种不同于传统软件开发流程的新型的开发方法。它要求在编写某个功能的代码之前先编写测试代码，然后...
2020-04-06 11:03:20
267
原创 CXF学习（1）——CXF框架
一、简介Apache CXF是开源的，CXF是两个项目的结合：由IONA技术公司（现在是Progress的一部分）开发的Celtix和由Codehaus主持的团队开发的XFire，合并是由人们在Apache软件基金会共同完成的。CXF的名字来源于"Celtix"和"XFire"的首字母。CXF是一个开源Service框架，支持多种协议：SOAP、XML/HTTP、RestfulHTTP和COR...
2020-03-16 11:07:02
5493
原创 VTD-XML学习（4）——步骤&类
xml步骤通常需要执行以下步骤来处理XML文档或消息。从字节缓冲区开始：如果文档位于磁盘上，则需要先将文件加载到内存中；对于传入的SOAP消息，需要分配一个字节数组来保存内容。从1.6版开始，可以直接使用“ VTDGen :: parseFile（）”来解析XML文件。使用VTDGen进行解析：在这一步中，创建一个VTDGen类的实例，然后使用“ setDoc”成员方法将字节数组分配...
2020-03-09 16:13:23
528
原创 VTD-XML学习（3）——遍历
VTD-XML结点遍历进行结点遍历时，主要有以下五种操作：从父节点到第一个子节点从父节点到最后一个子节点从子节点到父节点从元素结点到上一个兄弟结点从元素结点到下一个兄弟结点仅有VTD Record设父元素节点深度为d，在vtd buffer中，从该元素节点vtd record开始，向下搜索第一个节点类型为元素的vtd record，如果该点深度为d+1，则搜索成功，否则没有子...
2020-03-04 11:09:22
287
原创 VTD-XML学习（2）——模型刨析
VTD-XML解析简介VTD-XML是一个新型的非提取式XML解析模型。VTD-XML使用64位整数表示XML节点信息。VTD Record和LC Entry共同构成了VTD-XML的主要结构。什么是提取？ 提取就是指从XML文档中抽取一部分放进内存进行解析，并构建节点对象以保存原始信息VTD RecordVTD record用来表示XML节点信息，包括节点类型、节点深度、节点长度、偏...
2020-03-04 10:24:18
503
原创 VTD-XML学习（1）——简介
XML解析简介VTD-XML是一种无提取的XML解析方法，它较好的解决了DOM占用内存过大的缺点，并且还提供了快速的解析与遍历、对XPath的支持和增量更新等特性。在进一步了解VTD-XML前可以先来看一下XML和XML的解析。XMLXML 指可扩展标记语言（EXtensible Markup Language），在格式上与HTML类似，于html不同的是，xml并不是为了显示数据而是...
2020-03-01 20:47:19
669
原创 XML学习（三）——XML解析
XML解析XML解析是基于XML上层应用程序的基础。XML解析器一方面负责分析XML内部文档数据，建立相应的数据结构或产生特定的事件以表示这些信息；另一方面，还要为上层应用程序提供必要信息，供上层进行XML文档的操作。XML解析器的性能高低直接决定了上层应用程序的性能，传统的XML解析有两种，在之后会进行介绍。XML解析流程XML解析流程XML解析时，首先将XML文档转换为字节流然后...
2020-03-01 19:11:25
489
原创 自己做一个wox主题
woxWoX是运行正常的Windows启动器。它是Alfred和Launchy的替代方案。如果需要长名称，可以将其称为Windows omni-eXecutor。如何替换样式众所周知，wox自带主题比较丑，所以可以自己写打开wox配置目录C:\Users\{{user_name}}\AppData\Local\Wox\app-{{version}}\Themes，然后将自定义的主题拷贝进...
2020-02-28 23:30:26
2109
2
原创 SOAP协议
SOAP简介SOAP 是基于 XML 的简易协议，可使应用程序在 HTTP 之上进行信息交换。或者更简单地说：SOAP 是用于访问网络服务的协议。SOAP 是一种基于XML用于发送消息的格式、用于应用程序或因特网之间通信的通信协议，这是一种简易对象访问协议，像XML一样简便，易拓展，同时独立于语言平台存在。语法示例：<?xml version="1.0"?><soap...
2020-02-24 20:34:49
242
原创 XML学习（二）——XMLHttpRequest
XMLHttpRequest 对象XMLHttpRequest 对象用于在后台与服务器交换数据。特点：在不重新加载页面的情况下更新网页在页面已加载后从服务器请求数据在页面已加载后从服务器接收数据在后台向服务器发送数据创建 XMLHttpRequest 对象：xmlhttp=new XMLHttpRequest();解析 XML 文档：if (window.XMLHttpRe...
2020-02-24 15:25:09
179
原创 XML学习（一）——简介
一、XML简介XML 指可扩展标记语言（EXtensible Markup Language），在格式上与HTML类似，于html不同的是，xml并不是为了显示数据而是为了传输数据，同时也不具有固定的标签，标签全由用户自定义。XML 是独立于软件和硬件的信息传输工具。这是一个xml的例子，用于描述一封信<note> <to>Tove</to> <...
2020-02-24 11:13:35
269
1
原创 CXF学习（0）——WebService与SOA
一、什么是WebServiceWeb Service是一个平台独立的，低耦合的，自包含的、基于可编程的web的应用程序，可使用开放的XML（标准通用标记语言下的一个子集）标准来描述、发布、发现、协调和配置这些应用程序，用于开发分布式的交互操作的应用程序。Web Service技术， 能使得运行在不同机器上的不同应用无须借助附加的、专门的第三方软件或硬件， 就可相互交换数据或集成。依据Web S...
2020-02-10 17:52:32
340
原创 微信小程序安装外部npm
以vant组件库为例，打开cmd。切换到小程序项目根目录1.初始化项目npm init2.引入vant组件库npm i @vant/weapp -S --production3.打开微信小程序，勾选，使用npm模块4.工具 —》构建npm看到这个时构建就完成了...
2020-01-10 10:18:50
464
原创 windows10下OpenDDS安装
相关软件安装1.PerlOpenDDS是一种跨平台的开源软件，所以考虑到不同用户的平台和开发环境的需要，使用了跨平台语言Perl作为脚本语言。Windows环境，使用ActivateState Perl2.Visual Studio用于执行OpenDDS脚本创建TAO，推荐使用环境：操作系统Windows 7（32位，64位），Windows Server 2012 R2（64位），...
2019-12-31 16:01:35
2026
2
原创 Vue组件
其他vue相关文章可以在我个人分类中的vue.js部分查看目录 Vue组件 全局组件 & 局部组件 一种更加推荐的构建组件方法 组件中的数据与方法Vue组件组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意...
2019-07-09 10:43:46
137
原创 Vue devtools的安装与调试（纯新手向教程）
Vue devtools是一款方便与vue开发和调试的工具，然后介绍一下安装过程。（中间还是有很多坑的）github: https://github.com/vuejs/vue-devtools#vue-devtools下面来介绍详细安装步骤：step1：安装vue插件(https://chrome.google.com/webstore/detail/vuejs-devtools/nh...
2019-07-09 09:41:04
2672
原创 Vue过滤器
过滤器Vue.js 允许自定义过滤器，用于文本的格式化。其特点是，渲染格式化后的文本却不改变其本身内容。例如：日期的格式化过滤器可以用在两个地方：双花括号插值、 v-bind 表达式 (v2.1.0+)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示：<!-- 在双花括号中 -->{{ message | capitalize }}<!--...
2019-07-09 09:40:49
423
原创 Vue自定义指令
# 全局指令除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。这里以一个自动聚焦的指令为例：<div id="app"> <input type="text" v-focus></div><script> //定义时只需写指令名，调用时前加 v- Vue.directiv...
2019-07-09 09:40:38
383
原创 Vue生命周期
# Vue的声明周期首先看一下官方给出的声明周期图示很清晰明了，可以看出整个Vue的声明周期流程是怎样的，但是并没有做出具体的标注，每一个步骤还是缺少详细说明，下面以实例来探究一下。# 1. beforeCreate# 2. created# 3. beforeMount# 4. Mounted# 5. beforeUpdate# 6. updated# 7. beforeDe...
2019-07-09 09:40:13
168
原创 LR技术——SLR语法分析表
我们之前意见写好了自动机，接下来用自动机来构建语法分析表。语法分析表由两部分组成，一个语法分析动作函数ACTION和一个转换函数GOTOACTION函数有两个参数：一个是状态i，另一个是终结符号a（或是输入标记符号$），ACTION[i,a]有四种形式:移入j，j是一个状态归约A->β接受报错2.我们把定义在项集上的GOTO函数拓展为定义在状态集上的函数：如果GOTO[I...
2019-06-17 14:27:29
7169
2
原创 LR技术——LR（0）自动机的构建
#LR语法分析器特点：1）由表格驱动2）几乎适用所有程序设计语言3）无回溯的移入归约技术4）可以尽早检测到错误#项什么是项？这里所说的项是一种状态，用来在LR语法分析中对集合进行描述。例如产生式 A -> XYZ 会有四个项A -> ▪XYZA -> X▪YZA -> XY▪ZA -> XYZ▪产生式 A -> ε 只有一个项 A -&...
2019-06-17 14:26:48
7154
原创 移入——归约技术
归约定义：我们可以将自底向上语法分析过程看成是建一个串w“归约”慰问发开始符号的过程，在归约中，一个与某产生式体相匹配的特定子串被替换为该产生式的头部的非终结符号。定义理解起来比较晦涩，我们来看个例子就知道了。已知有文法E ——> E + T | TT ——> T * F | FF ——> ( E ) | id他的产生式为 id * id那么归约过程为：i...
2019-06-17 14:26:04
3787
原创 MoocTest下载出错解决方案
1.登录后下载试题2.可以看到下载项目存在问题3.打开环境配置4.移除class folder5.此时项目会报错6.去除juint环境配置7.此时可以看到项目已经没有异常，点击run and submit运行即可...
2019-05-10 11:48:16
2101
2
原创 FIRST集合、FOLLOW集合以及LL(1)文法
FIRST集合定义可从α推导得到的串的首符号的集合，其中α是任意的文法符号串。规则计算文法符号 X 的 FIRST(X)，不断运用以下规则直到没有新终结符号或 ε可以被加入为止 ：（1）如果 X 是一个终结符号，那么 FIRST(X) = X。（2）如果 X 是一个非终结符号，且 X ->Y1 Y2 … Yk是一个产生式，其中 k≥1，那么如果对于某个i，a在 FIRST(Y1）...
2019-04-19 13:49:41
16316
8
原创 消除左递归及提取左公因子
消除左递归什么是左递归？如果一个文法中有一个非终结符号A使得对某个串α存在一个推导A=》Aα，那么这个文法就是左递归的。递归分为立即左递归和非立即左递归。立即左递归单步即可看出来，非立即左递归举个例子：立即左递归：A ——> Aα | β非立即左递归： 1）A→aB 2）A→Bb 3）B→Ac 4）B→d消除左递归消除立即左递归只需要遵循以下规律进行转换就ok。...
2019-04-19 11:32:39
35296
6
原创 微信小程序中对于数组的动态修改
开发过程中应该有同学已经注意到了，在setData时，有时候会涉及到数组的修改，对于修改某一个固定元素还比较好做，但是动态修改时，出现问题了/*静态修改*/this.setData({ a[1]:1})动态的时候该怎么写呢？这样？this.setData({ a[i]:1;})试一下就知道，肯定不行。因为并不能识别到 a[i] 是什么所以这里会用到一个比较巧妙的方法来处理...
2019-04-18 10:01:32
3080
原创 微信小程序之全局变量的使用和设置
通常我们会在app.js里面设置一些全局变量或是方法，设置完毕后，可以在各个页面对其进行赋值或是调用。今天来看一下怎么去调用这些首先是初始化//app.jsApp({ /** * 当小程序初始化完成时，会触发 onLaunch（全局只触发一次） */ onLaunch: function () { }, /** * 当小程序启动，或从后台进入前台显示，...
2019-04-18 10:00:55
7313
原创 微信小程序之页面路由
页面路由在小程序中所有页面的路由全部由框架进行管理。页面栈框架以栈的形式维护了当前的所有页面。 当发生路由切换的时候，页面栈的表现如下：路由方式页面栈表现初始化新页面入栈打开新页面新页面入栈页面重定向当前页面出栈，新页面入栈页面返回页面不断出栈，直到目标返回页Tab 切换页面全部出栈，只留下新的 Tab 页面重加载页面全部出栈，...
2019-04-18 09:59:44
728
原创 微信小程序之flex布局
flex布局在做前端的时候十分的方便快捷，这里学习了一下分享给大家flex（ flexible box：弹性布局盒模型）,是2009年w3c提出的一种可以简洁、快速弹性布局的属性。主要思想是给予容器控制内部元素高度和宽度的能力。目前已得到以下浏览器支持：简单解释一下概念图，就是说flex支持横向布局和纵向布局，然后有可以分为正向和反向微信小程序 View 支持两种布局方式：Block 和...
2019-04-18 09:59:02
650
原创 微信开发之旅———Day8（实战演练）
最近私事比较多，原定的一周一更也拖了许久，今天来给大家放几个项目来实战一下。以下是我整理到的一些还不错的示例源码，可在github下载然后导入到开发工具里面，然后去学习一下，毕竟实践才能出真知。话说微信开发者工具更新了，现在导入项目可以直接导入而不是像以前一样新建了。放源码：点击下载这几份源码里面的东西还是很多的，建议大家过年没事干可以多看一下，里面有很多值得去学的东西。之后的话可能不会有...
2019-04-17 20:16:53
187
vue简单示例.zip
2020-03-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人