自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Jack's Blog

Learning FE and enjoy it.

  • 博客(50)
  • 资源 (2)
  • 问答 (5)

原创 不想痛失薪资普调和年终奖?试试自动化测试!(基础篇)
原力计划

前言❝这篇文章是前端自动化测试系列的开始,自动化测试系列会从理论走向实践,真正带领大家学会使用前端自动化测试框架,并能在业务中落地。看完整个系列,还不会使用自动化测试工具为生产提效,请来找我!点赞数过两百,下周更新前端自动化测试与 React 的结合,如何在 React 项目中落地,欢迎大家多多点赞评论收藏!你们的赞赏是我写作最大的动力!之前发沸点说掘金发文只发精品文,阅读量最少 3k,看看这次行不行。悄悄说一句,文末有福利!❞众所周知的原因,前端作为一种特殊的 GUI 软件,做自动化测试困

2020-07-02 15:46:19 77

原创 写给跨端玩家:支撑淘宝上亿日活的跨端框架—— Rax 的入门教程(附 TODO Demo)
原力计划

一些废话沉寂了两个月,我又回来了。跟你们猜的一样,我已经到淘系实习了一段时间了,从上一篇文章之后就放了更多的心思在工作上。上篇文章发出去之后,我去腾讯实习了一段时间,等待阿里实习生入职流程开启。收到淘系的实习生 offer 后,我买了人生中的第一张机票,第一次坐上了飞机,来到了一个陌生的城市——杭州。干净的街道、宽敞的沥青马路,吸引了我这个来自小城市的年轻人。博客很久没更新了,不管是个人的网站还是掘金,都很少有更新了,偶尔上掘金看看一些好文,总想更新一下,但又没找到好的题材。现在实习了一段时间后

2020-07-02 15:45:16 259

转载 「前端」浅谈 React/Vue/Inferno 在 DOM Diff 算法上的异同

一、引言在现代的前端渲染框架中,Virtual DOM 几乎已经成了标配,通过这样一个缓冲层,我们已经能够实现对 Real DOM 的最少操作,在大家的广泛认知中,操作 DOM 是比较慢的,因此 Virtual DOM 可以实现应用程序的性能提升。毫无疑问,Virtual DOM 不可能全量同步到 Real DOM,因为那样就违背了设计 Virtual DOM 的初衷,那么Virtual DO...

2019-11-25 15:20:52 128

原创 「前端」给小白的阿里云轻量应用服务器使用指南

最近一直在捣鼓阿里云服务器,想着把自己写好的一些项目部署到服务器上供其他人访问,一路上踩了不少坑,也查了不少资料,最后解决了,写个博客记录下来,也为其他想要建站的同学一个指引。购买轻量应用服务器传送门:https://www.aliyun.com如果是在校学生,可以直接拉到最底下购买学生机:然后支付宝付款什么的我就不赘述了不过有一点,记住购买的时候选择应用镜像,选择宝塔Linux面板...

2019-10-06 15:26:34 9026

原创 曾经老师看不起的前端开发,如今却斩获多份 offer,最终走进阿里
原力计划

震惊:曾经老师看不起的前端开发,如今却斩获多份 offer,最终走进阿里相信大家看到这样疑惑的标题,一定会有很多的问号。什么是前端开发?为何会被老师看不起?又如何走进阿里的?别急,我们一个一个来回答。回答这些问题之前,我先做个自我介绍,我是来自中南林业科技大学计算机科学与技术专业的一个很普通的大三同学,可以称呼我 Jack Wang。我是一名很普通的前端玩家,凭借过人的运气,最终在 2020...

2020-04-29 17:25:59 440 2

原创 美团 2020 前端实习生面经
原力计划

笔试双行道时间限制:C/C++语言 1000MS;其他语言 3000MS内存限制:C/C++语言 65536KB;其他语言 589824KB题目描述:有一个 2*n 的网格,有一个人位于(1,1)的位置,即左上角,他希望从左上角走到右下角,即(2,n)的位置。在每一次,他可以进行三种操作中的一种:1. 向右走一格,即从(x,y)到(x,y+1);2. 向上右方走一格,即,如果他在(2...

2020-04-18 09:20:40 129

原创 「前端」CSS 制作动画常用技巧
原力计划

transitionCSS 中有一个transition属性,能够监听某个 CSS 属性的变化,通过属性变化的控制,实现简单的动画效果:transition CSS 属性是 transition-property,transition-duration,transition-timing-function 和 transition-delay 的一个简写属性。 —— 引用自 MDN&lt...

2020-03-11 11:30:33 238

原创 「前端」Vue 响应式原理

Vue 响应式原理ES5var data = { name: 'Jack Wang', age: 21, salary: 3500, array: ['Jack', 'should', 'fighting']}// 模拟渲染function render() { console.log('render')}// 定义需要重写的数组方法var method = [...

2020-03-10 22:47:28 45

原创 「杂谈」图形学复习资料

图形学复习名词解释C2连接:两条相邻曲线段在相交点处,有相同的一阶导和二阶导。C1连接:两条相邻曲线段在相交点处,有相同的一阶导。捕捉技术 :利用外部设备捕捉计算机能够理解的数据。消隐:在绘制图形时,消除被遮挡的不可见的线或者面。引力场技术:物体延伸到空间中对另一物体的产生的吸引效应的技术。灭点:立体空间各边延伸至同一相同点。实体:同时具有几何要素和视觉要素的对象。型值点:位于...

2019-12-30 22:46:44 77

转载 「前端」Vue首屏渲染优化的一次尝试

文章地址:https://segmentfault.com/a/1190000019499007前言之前用vuecli做了个博客,是一个单页面项目,大概有十个路由直接npm run build打包出来,有一个1M的巨大js文件先挂载到服务器上试试好家伙 这加载时间 仿佛过了半个世纪首屏页面整整加载了9s 光加载那个大文件就花了8s这必须得做个优化了,没有用户能忍受9s的白屏而不关闭页...

2019-12-29 13:54:35 112

原创 「前端」浅谈防抖与节流

依稀记得有一次面试的过程中面试官问到了防抖与节流的问题,然后自己当时没怎么关注这个问题,直到后来在学习Vue的过程中,偶然了解到了一个节流的概念,于是就好奇心驱使,把这部分的内容简单看了一下,大致了解了防抖与节流的概念和应用场景。防抖函数防抖指的是将在一定时间间隔内会被重新执行的函数,合并到一起进行执行:比较常见的应用场景:搜索框(等待用户输入停顿一定时间后再将用户输入的内容发送至后端)节...

2019-12-08 17:21:41 44

原创 「前端」Webpack多入口配置

上周去到了公司实习,在公司见识到了从来没有尝试过的Webpack多入口配置,能够实现不同HTML入口文件渲染不同内容的功能,简单写一篇博客记录一下。...

2019-12-08 13:33:00 49

原创 「前端」浅淡React组件性能优化(PureComponent)

前端项目的开发过程中,经常会遇到性能优化的问题。项目比较小型还没什么太大的影响,当项目的规模达到一定程度的时候,性能问题就显得比较突出了。之前在做项目的过程中,并没有怎么在意组件的性能问题,最近看了一些文章,发现组件的性能优化并不是一件特别复杂的事情,只需要在写代码的时候稍微注意即可实现性能的优化。React 15.3中新增加了一个PureComponent类,能够减少render函数的执行次...

2019-11-30 15:35:57 76

原创 「工程」Git常用操作

目前大多数互联网公司都采用git对代码进行管理,git确实是一个非常好用的代码管理工具,要成为一名合格的程序猿,git操作必会不可。这篇文章就用来简单记录一下一些常用的git操作:提交本地代码git add . # 将本地代码添加到一个缓冲区git commit -m 'commit info' # 将本地代码提交到gitgit push # 将本地代码推送到远程仓库拉取所有远程分...

2019-11-24 20:18:11 44

原创 「有感」2019.11.15

最近这些天面了几家公司,磕磕绊绊还挺难受的,尤其是猿辅导的二面,打击还挺大的,实习生问的也十分深入,很难受。面完了深信服,虽然最后顺利通过拿到了offer,但是自己心里总是知道自己几斤几两,总感觉自己这一辈子就望到了头。学校的课程也挺难受的,不知道自己学的都是什么东西,看书又一知半解的,12月份又要去实习了,害怕自己的期末会挂。春招再过两个月就开始了,自己的基础还十分薄弱,昨天面试百度居然一本...

2019-11-15 19:34:09 79 2

原创 「前端」new操作符究竟做了什么

开门见山的说,new操作符可能是大部分JavaScript初学者的噩梦,这篇文章就来简单详细地介绍一下使用了new操作符后,究竟会发生什么。先看一段代码:function Person(firstName, lastName) { this.firstName = firstName; this.lastName = lastName;}var member = new Person(...

2019-10-31 21:27:45 90

原创 「前端」2019.10 猿辅导实习生一面

面试官是个小姐姐,本来有些紧张的,后来突然好了。视频面试,时间大概50分钟的样子。自我介绍这个就不用说了,基本操作。基础知识1. 从URL输入到浏览器,到页面显示在浏览器中,这个过程你能说一下吗?老生常谈,实习生面应该不会问的太细,所以简单说了一下流程:URL经过DNS解析成IP地址:首先到浏览器缓存当中查找是否有缓存,没有则下一步到操作系统缓存当中去查找是否有缓存,没有则...

2019-10-25 12:59:37 2049

原创 「前端」2019.10 腾讯实习生一面

上来甩了4道算法题,算法确实薄弱,整蒙了:

2019-10-23 23:09:14 410

原创 「前端」蘑菇街2019届前端实习生笔试——圣杯/双飞翼布局

问答题:编写 HTML/CSS 代码,实现如下布局。注:如能实现 left bar、content、right bar 的高度,自适应为三者的最高高度,可享额外加分这题是比较经典的问题了,查了一下资料,有圣杯布局和双飞翼布局两种,不过我自己想到了一个也能解决的方法:HTML:<!DOCTYPE html><head> <meta charset="UT...

2019-10-17 12:30:05 76

原创 「前端」JavaScript中this绑定规则

近些天在阅读《你不知道的JavaScript》的过程中,解决了一个一直以来都很困惑的问题:this指向。这篇博客用来记录JavaScript中this的绑定规则备忘。绑定规则默认绑定function foo() { console.log(this.a);}var a = 2;foo(); // 2上面这段代码中,foo()中的this指向了全局对象(window),原因是什么...

2019-10-03 18:06:45 76

原创 「前端」[1, 2, 3].map(parseInt) 解析

这题比较基础,主要考察的是map()方法和parseInt()方法的了解。parseIntparseInt()方法解析一个字符串参数,返回一个指定基数的整数。const intValue = parseInt(string, radix);// 由此可见Number.parseInt()与全局环境下parseInt()是同一个方法Number.parseInt() === parseI...

2019-09-17 17:47:52 950

转载 「前端」前端数据请求的终极方案

贴上知乎账号:beyondxgb原文链接:https://zhuanlan.zhihu.com/p/57604760?utm_source=qq&utm_medium=social&utm_oi=651855282351771648前端开发的过程中数据请求的过程确实是一个很难处理的问题,在知乎上看到这篇文章于是决定码一下。...

2019-08-30 00:54:27 216

原创 「前端」FormData对象使用指南

最近在项目的开发过程中遇到了一个需求:前端向后端用POST方法发送数据的时候,需要用到FormData,因为在以往的项目中没有遇到过使用FormData传递数据的情况,因此特意补了一下这方面的知识,码起来备忘。文章参考自:https://developer.mozilla.org/zh-CN/docs/Web/API/FormDataFormData 接口提供了一种表示表单数据的键值对的构造方...

2019-08-30 00:41:42 202

原创 「前端」React中为组件设计遮罩层

最近在做项目的过程中,遇到了一个需求,在一个list中,当鼠标移动到某一项上的时候,为该项设置一个遮罩层,显示对该项的操作。废话不多说,直接上效果:对于鼠标移入后显示遮罩层的操作,很简单,该项加入鼠标事件监听就可以了,监听onMouseEnter和onMouseLeave两个时间,在组件的state中创建一个字段来对遮罩层的显示进行控制。组件源码:import React from '...

2019-08-29 23:59:59 800

转载 「前端」JavaScript 深入了解基本类型和引用类型的值

原文链接一个变量可以存放两种类型的值,基本类型的值(primitive values)和引用类型的值(reference values)。ES6 引入了一种新的原始数据类型 Symbol,表示独一无二的值。它是 JavaScript 语言的第七种数据类型,前六种是:Undefined、Null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。基...

2019-08-08 20:09:19 88

原创 「前端」使用react-router+redux实现项目中的登录校验

**实现原理:**在react-router配置中,加入登录权限验证,若redux中保存了登录信息,则使用<Redirect />组件,重定向至首页,否则,重定向至登录界面。...

2019-08-04 21:00:00 717

原创 「前端」React中限制输入框仅输入数字或手机号

很久没有写博客了,最近在自己做项目的过程中遇到了一些坑,踩完之后怕自己忘了,写下来记录一下。在React中,我们在修改输入框的内容是会调用到onChange函数,然后通过onChange函数实现修改state的功能,在这个过程中如何实现对输入内容的限制呢?例如在登录的时候,对手机号和验证码的输入做限制:解决办法1:直接使用antd中的Form组件,使用getFieldDecorator方...

2019-07-25 15:37:16 5720

原创 「前端」B站评论/弹幕过滤器

regexpTaobao = regexp.MustCompile(`¥([\w\s]+)¥`) regexpURL = regexp.MustCompile(`(?:http|https|www)(?:[\s\.:\/\/]{1,})([\w%+:\s\/\.?=]{1,})`) regexpWhitelist = regexp.MustCompile(`((acg|im...

2019-07-17 21:00:53 299

转载 「前端」一个合格的中级前端工程师必须要掌握的 28 个 JavaScript 技巧

转自掘金@yeyan1996:https://juejin.im/post/5cef46226fb9a07eaf2b7516?utm_source=gold_browser_extension前言文中代码对应的详细注释和具体使用方法都放在我的 github 上,源代码在底部连接1.判断对象的数据类型使用 Object.prototype.toString 配合闭包,通过传入不同的判...

2019-06-08 14:24:17 403

原创 「前端」2019夏 前端成长之路(书籍)

自己整理了一些暑假想看的书籍,先码住,暑假回来挖坟看看flag(10本书有点多QAQ)有没有实现。《图解HTTP》《图解TCP/IP协议》《你不知道的JavaScript(上中下三卷)》《图解CSS3:核心技术与案例实战》《图解设计模式》《深入浅出Vue.js》《Dart库教程》《Dart语言中文教程》...

2019-05-31 23:35:10 118

原创 「前端」运行React Native App踩坑

昨天从学长手里弄到一本React Native的书,今天试了一下在模拟器上运行。然后突然脑子一热想在真机上运行,于是连接上了我祖传的iPhone,开始了真机测试之路。...

2019-05-28 16:52:25 74

原创 「全栈」Node·Vue·React项目服务器部署

留着填坑

2019-05-08 10:09:19 319

转载 「前端」react-router 4 使用 history 控制路由跳转

原文链接:https://blog.csdn.net/sunshine215/article/details/78296404当我们使用react-router v3的时候,我们想跳转路由,我们一般这样处理我们从react-router导出browserHistory。 我们使用browserHistory.push()等等方法操作路由跳转。 类似下面这样import browserHi...

2019-04-14 16:11:15 460

原创 「前端」你不知道的JavaScript(学习笔记)

第一章 作用域是什么1.1 编译原理分词/词法分析:将代码分成对编译器有意义的词法单元解析/语法分析:将词法单元转换为抽象语法树代码生成:生成可执行的计算机代码(计算机内部部分操作)1.2 理解作用域遇到var a,编译器会询问作用域是否已经有一个该名称的变量存在于同一个作用域的集合中。如果是则会忽略声明,继续进行编译;否则会要求作用域在当前作用域的集合中声明一个新的变量并命名为...

2019-04-10 22:54:50 140

原创 「前端」在React中使用百度地图API

最近在项目开发的过程中,遇到了要获取经纬度的问题,由于本人菜的一批,多方询问的情况下,得到了思否大佬@asseek的解答,找到了百度地图的相关API,写个博客记录一下用法备忘。原问题链接:https://segmentfault.com/q/1010000018770746?_ea=9268580最近参与的一个项目开发中要求获取到一个仓库的经纬度,在整个项目是使用React框架的,废话不多数,...

2019-04-06 18:23:54 4174

转载 「杂谈」程序猿必备的1700个英语单词

转自博客:https://blog.csdn.net/z770816239/article/details/80043967 1. file n. 文件;v. 保存文件 2. command n. 命令,指令 3. use v. 使用,用途 4. program n. 程序 5. line n. (数据,程序)行,线路 ...

2019-04-03 17:32:20 758

原创 「算法」LeetCode 605. 种花问题(JavaScript版)

老规矩,题目链接:https://leetcode-cn.com/problems/can-place-flowers/这是一道简单题,解题最重要的部分就是抽象,将问题的解抽象为除法运算,求出两个1之间的0的个数,-1后/2并向下取整就能得到这两个1之间可以种的花的数目,最后做判断,即为题解。本人想到两种解法,基本原理类似,都是寻找大于1的最大公因数,如果别的小伙伴还有更好的解决办法或是觉得我...

2019-03-26 23:35:13 1398

原创 「前端」React中key值的问题

这段时间在做的一个项目中,遇到了一个表格删除的问题,引用了Ant Design的Table组件,删除的时候发现并没有删除选择的行,由此抛出了一个key值的问题。在React中哪些时候需要给定key值,哪些时候需要系统自动匹配key值?(留坑待填)...

2019-03-23 11:33:52 563

转载 「前端」fetch的用法

原文链接:https://www.cnblogs.com/libin-1/p/6853677.html在写项目的过程中遇到了需要使用fetch进行前后端联调的情况,贴上这篇博客巩固一下自己的知识空缺。...

2019-03-22 22:11:44 108

原创 「算法」LeetCode 914. 卡牌分组(JavaScript版)

老规矩,题目链接:https://leetcode-cn.com/problems/x-of-a-kind-in-a-deck-of-cards/submissions/这道题是一个简单题,看似复杂的问题实则是一个寻找最大公因数的问题,所有相同元素的个数求最大公因数,若最大公因数大于1,则说明至少能分成2个一组,返回true。本人想到两种解法,基本原理类似,都是寻找大于1的最大公因数,如果别的...

2019-03-20 13:22:47 914

NUC8 Mac OS 10.15 Clover:OpenCore.zip

NUC8 黑苹果 Clover/OpenCore,用法详见 README.md 用于修复经过自定义修改后损坏的 Clover/OpenCore

2020-03-10

SidecarCorePatch.zip

用于老Mac开启Sidecar(随航)功能,经测试可用,但有不稳定情况,具体用法解压后查看README.md。

2019-10-13

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