自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

似水流年的博客

前端,Java、笔经面经分享

  • 博客(49)
  • 资源 (1)
  • 收藏
  • 关注

原创 大四学年软件公司实习感悟

“人生的道路虽然漫长,但紧要处常常只有几步,特别是当人年轻的时候。”——柳青(路遥《人生》篇头)

2019-04-26 10:33:51 13630 9

原创 Scrum 敏捷开发

什么是敏捷开发敏捷开发是一个术语,用于描述迭代软件开发。迭代软件开发通过在短增量完成工作(通常称为冲刺, Sprint)来缩短 DevOps 生命周期。冲刺通常长达一到四周。敏捷开发通常与传统或瀑布式开发形成鲜明对比,后者会提前规划大型项目,并根据计划完成它们。每次冲刺交付生产质量代码都需要敏捷开发团队来加快速度。所有的编码、测试和质量验证都必须在每一次冲刺 (sprint) 中完成。除非团队已正确设置,否则结果可能低于预期。虽然这些失望提供了很好的学习机会,但开始之前,学习一些关键教训会很有帮助。

2023-01-17 15:48:15 3795 2

原创 渗透测试实战-BurpSuite 使用入门

近期笔者在学习 web 渗透测试的相关内容,主要是为了公司之后的安全产品服务。渗透测试本身在学习过程中还是很有意思的,有一种学习到了之前想学但是没学的黑客技术的感觉,并且对笔者已掌握的许多知识做了有益的补充。要学习渗透测试,首先需要明白什么是渗透测试,以及如何进行渗透测试,这其中很多资料可以在网上找到。渗透测试是一项在计算机系统上进行的授权模拟攻击,旨在对其安全性进行评估。渗透测试人员使用与攻击者相同的工具、技术和流程,来查找和展示系统弱点对业务带来的影响。渗透测试通常会模拟各种可能威胁您业务的攻击。

2022-12-14 16:41:43 2139

原创 JS中应优先书写函数声明还是函数表达式?

近期,笔者阅读了公司新制定的前端代码规范,发现其中有些内容适用范围在 ES6 出现之前,对于当下的 JS 开发环境来说,有些明显不适应了,比如关于在函数体定义时,到底应该优先使用函数声明还是函数表达式呢?代码规范中的描述首先我们先明确在 JS 中,什么是函数声明,什么是函数表达式。JS 中,函数声明和函数表达式都是用来定义函数的。函数声明是独立的语法结构,是单独存在的。但是函数表达式是作为表达式的一部分存在的。函数声明定义了一个具名的且不需要赋值的“函数变量”,它是独立的语法,只能用在全局和函数体内。...

2022-08-18 09:05:14 629

原创 ThingJS 开发使用感悟

ThingJS 隶属于北京优锘科技有限公司,是优锘科技旗下物联网三维可视化开发平台。ThingJS采用JavaScript开发语言,主要面向前端程序员和实施人员。ThingJS平台让传统企业无需组建3D可视化开发团队,也能开发3D可视化应用。以上解释来自百度百科,我相信应该是由其官方人员编写的。简单的说,ThingJS 是由国人开发的(北京优锘),需要付费使用的,基于ThreeJS封装的一个 3d 可视化开发平台。.....................

2022-08-11 14:28:06 6611 7

原创 JS 中防抖函数形成闭包的相关处理及思考

在匿名函数 A 中,timeout 被用来作为 setTimeout 函数的返回值,因为防抖函数要实现的效果是在高频次尝试触发某个行为时,阻止该行为发生,而在一段时间(wait)后都没有尝试触发该行为时,再执行该行为(生活中这样的例子很常见,比如公交车司机停车后等待乘客全部上车后关门),因而我们需要 timeout 变量保存之前的 id 值(有 id 值存在则说明在此之前有尝试触发过该行为)。当然,这是一个 vue 文件。在 JavaScript 中,每当创建一个函数,闭包就会在函数创建的同时被创建出来。.

2022-08-04 16:43:32 463

原创 2021我的前端开发年度总结

入职离职,离职入职,循环往复,生生不息。天下无不散之筵席,我也到了要和当下公司说再见的时候了。其实有时候挺羡慕有些同事一毕业之后就一直在一家公司工作很久,首先说明这家公司的业务比较稳定,其实个人在这家公司能够得到较为长足的发展,最直接的是工资可以稳步提升,技能也会越来越扎实,这其实对我们程序员来说还是比较难得的,反正我个人从实习到现在工作近三年的时间,已经换了很多份工作了,其中有些是公司的原因,也有些是个人的原因,兜兜转转,走来走去其实现在想来不是很好,尤其是在工作前几年经验不是很丰富的情况下,频繁跳槽

2022-01-28 15:45:16 11552

转载 移动端真机调试--weinre

一、安装首先确保你的电脑上有node环境,然后使用cnpm或npm 安装windows下npm install weinre -g --registry=https://registry.npm.taobao.orgmac下sudo npm install weinre -g --registry=https://registry.npm.taobao.org安装成功后会提示安装的位置(留意这个地址,下文还会用到)【nodejs安装】1 、下载nodejsnode

2021-08-20 11:15:11 400

原创 关于 JS 中的 reduce 函数的常见用法

一、前言如题,JS的数组中有许多十分常用的内置函数,它们大多被封装在 Array.prototype 原型上,比如 map, concat, filter, find, push, splice 等等常用函数。今天笔者想要介绍下 Array.prototype 上的reduce 函数。原因是相比于前面列举的那些函数来说, reduce 函数不是那么常见却又非常实用用,不管是在面试还是在实际开发中都会见到。二、reduce 函数用法简介reduce,在英文中有“归纳为……”的意思,它出现的本意

2021-07-09 14:16:06 3117

原创 JS 深拷贝方法收集

JS 深拷贝实现

2021-04-22 09:38:25 148

原创 JS 单例设计模式解读与实践(Vue 中的单例登录弹窗)

前言在之前笔者发布的一篇文章中(Vue全局手动挂载组件封装(Message, Loading, Spin类组件))有介绍到在 vue 中实现全局手动挂载登录组件的实现,这样做的好处是可以在任何页面的业务逻辑中轻松调用一行代码便拉起了登录弹窗(this.$loginPopup())。但是当时在设计的时候还有一个问题没有考虑就是这个登录弹窗组件的调用生成方法并不是单例的,这就意味着在某些时候可能在页面上会同时弹出好几个一样的登录弹窗,而在我们的业务逻辑中一般认为登录弹窗是唯一的;因此需要对这段组件的生成代码

2021-04-16 16:14:32 3183 4

原创 在 uniApp 项目中使用 echarts tooltip 无法解析 html 标签的问题及解决

前言如题,最近笔者所在项目组正在开发一个需要有 web,h5及App版本的项目。那么在技术选型的时候我们自然是想到了目前国内比较火的 uniApp 了,根据其官网介绍是一次开发到处使用啊,而且uni本身也是基于 vue 生态开发的,对我们之前一直使用 vue 全家桶开发的前端人员来说也是比较容易过渡(仔细一想目前如果是要开发一个同时带有 web h5和 app 的项目,除了 uni 的话,可能就是React Native(主要是开发App), weex(类似RN但是用的更少),最有前景的 Flutter

2021-02-02 16:23:54 6857 26

原创 Vue全局手动挂载组件封装(Message, Loading, Spin类组件)

前言之前一段时间笔者因为换城市发展换工作等一系列不愉快的原因博客停更了==|,原本的计划是每个月至少写一篇原创的文章出来了,现在也是断了几个月;当然在过去的几个月时间里笔者也没闲着,主要学习了React框架的一些基础知识,不过现在学习的还不是很熟练,所以暂时也是出不了成体系的文章出来。反倒是一直在使用的vue.js(2.x)框架因为业务需求再加上看之前同事写的项目研究了一下全局手动挂载组件的开发(当然了,最近 vue 3.0 也是发布了 Beta 版本,也不知道以后这一块的写法是否会发生变化)。.

2020-12-01 16:08:56 3645

原创 何处春江无月明

再见,深圳。我曾经想过离开深圳的那一天,我觉得那时候我应该是满载而归的。现实是我有收获,学到了很多东西,意识到了自己的很多问题,但是却不是那么“满”。当初和同学一起来到深圳,其实更多的是冲着它“北上广深”的名号来的。毕竟没有在一线城市生活过当然也很想体验一下,所以更多的时候,我是以一个旁观者的身份来看这座城市的。怎么说呢,白岩松有一句话很万能,化用一下是“中国怎么样,深圳就怎么样”,没有什么太多的差别——至少对于生活在社会底层的工农阶级没什么两样;当然,上层阶级的生活,我们可能连想都想不到;当然,

2020-06-16 20:11:46 465

转载 React Hooks 入门教程

React 是主流的前端框架,v16.8 版本引入了全新的 API,叫做React Hooks,颠覆了以前的用法。这个 API 是 React 的未来,有必要深入理解。本文谈谈我的理解,简单介绍它的用法,帮助大家快速上手。阅读本文需要有 React 基础。如果你还没学会 React,可以先看一下它的教程。一、组件类的缺点React 的核心是组件。v16.8 版本之前,组件的标准写法是类(class)。下面是一个简单的组件类。import React, { Component .

2020-06-01 09:57:26 454

原创 CSS面试高频题之什么是BFC

css中的BFC是什么?怎样触发?

2020-04-30 17:10:54 1184 1

原创 【Java学习笔记】面向对象基础

1.this关键字① 当成员变量和局部变量重名时,在方法中使用this时,表示的是该方法所在类中的成员变量。(this是当前对象自己)② 把自己当作参数传递时,也可以用this.(this作当前参数进行传递) class A { public A() { new B(this).print();// 调用B的方法 } public void pri...

2020-02-28 15:01:41 1550

原创 【Java学习笔记】Java开发之线程池

虽然最近一年以来笔者的主要的开发内容都是前端开发方面的,Java相关的开发做的比较少,但是这些学过的知识也不能忘的一干二净,温故而知新,可以为师矣。下面来介绍一下笔者在2018年整理的关于Java线程池方面的知识。当然,这也是一个Java面试中常考的问题。一. 池化技术在介绍线程池之前首先需要了解的是池化技术(思想),这是一个开发领域中很常见的技术。简单点来说,池化技术就是提前保...

2020-01-18 16:19:47 1030

原创 Element(饿了么) Vue组件库内置过渡动画主要源代码

我们在开发一些Vue项目的时候经常会引入Element这个组件库,简洁美观又好用。有时候我们自己会根据项目的需要自己写一些公共的组件(造轮子),有很多组件都会用到CSS的过渡、动画效果使得组件的展示更加美观、平滑。这时候可以参考Element组件的过渡动画源码。动画效果演示可以在Element组件库的内置动画过渡找到:fade 淡入淡出在Vue组件中这种特效的使用是借助于tran...

2019-12-20 15:31:57 26947 2

原创 【Vue组件封装】之简单分页组件的研究与实现

如题,笔者最近在闲余之时一直在研究vue的常用公共组件的开发,参考的是element和iview组件库的样式,另外通过参考github上的Xue-ui组件和自己的一些想法最近新学习制作了一个简单的Vue分页组件,下面笔者将详细介绍这个组件的设计思路。首先我们可以先看看最终的组件显示效果:图1:简单的分页组件如上图,这里大致展示了我们要开发的分页组件的具体样式,而之所以说是简单的分页...

2019-12-05 09:38:20 7903

原创 在 JS 文件和 Vue 组件中使用防抖节流函数

如题,最近笔者发现如果将防抖节流函数写成工具类函数放在公共文件中进行调用的话,在一般的JS文件里调用和在Vue组件中调用是有不同的区别的。首先我们参考网上其他资料写一个防抖函数和一个节流函数:防抖函数(debounce):function debounce(func, wait, immediate) { var timeout return function () {......

2019-11-13 10:14:20 12429 6

原创 JS中数组的map函数需要注意的一点细节(处理含引用类型的数组元素时)

如题,今天笔者在使用map函数时发现很多教程文档并没有说清楚其中的一个细节,比如对于map函数的说明,菜鸟教程提到注意:map() 不会改变原始数组。比如以下例子:var array1 = [1, 4, 9, 16];// pass a function to mapconst map1 = array1.map(x => x * 2);console.log...

2019-10-31 11:02:00 2530

原创 2019上半年前端面经总结(前端开发实习生)

【2019.10.24更新,这是一篇最早在今年3月份就开始写的文章了,但是但是只写了一半不到就落在了草稿箱里==|,然后就一直没管了,趁着今天1024把这篇面经发出来,顺便蹭个徽章^_^】笔者从今年2月下旬来到深圳开始投递简历进行前端开发实习岗位的应聘,直到3月初才慢慢找到了当前市场对于前端开发实习生的要求的规律和节奏,最终在3月10号之后收获了两个小公司的offer,当时也是结合自己的...

2019-10-24 14:17:18 20457 9

转载 安装mysql8.0.11及修改root密码、连接navicat for mysql的思路详解

1.1. 下载:官网下载zip包,我下载的是64位的:下载地址:https://dev.mysql.com/downloads/mysql/下载zip的包:下载后解压:(解压在哪个盘都可以的)我放在了这里 E:\web\mysql-8.0.11-winx64 ,顺便缩短了文件名,所以为 E:\web\mysql-8.0.11。1.3. 生成data文件:以管理员身份运行...

2019-10-24 09:03:50 1678

转载 JavaScript中的逻辑运算的返回值(逻辑与&&,逻辑或||,逻辑非!)

原文链接:https://blog.csdn.net/kevinhjing/article/details/48206787在JavaScript中,逻辑与非或经常用在条件判断语句中:if( a || b ){//same code.}直观的感觉是逻辑或运算会返回一个布尔值:true和false但常常也会看到这样的条件赋值写法:var x=a||b;这会让一些...

2019-09-10 16:30:08 2524

原创 JS中的this指向情况汇总

对于我们开发人员来说,this这个关键字可以说是再熟悉不过了,几乎所有主流的程序开发语言都带有this关键字。今天我们来说说在JavaScript中的this指向都有哪些情况(这也是面试中常常会问到的问题)。JS中的this指向对于刚刚学习这门的语言的同学来说,有时往往会让人感到很困惑:明明觉得自己在很多时候应该是知道this的指向的,可真正要你回答this的指向到底有哪几种情况时,又往往说...

2019-09-09 17:26:29 12080

原创 【工作周报】2019年7月 前端开发工作周报汇总

以下记录的是今年7月笔者在公司进行web前端工作的每周工作总结,其中隐去了项目的具体名称、人名、公司名等。2019.7.1-2019.7.5本周工作内容:更新了一些后台管理系统和经纪商系统的页面学习到的内容:本周笔者主要还是通过对上述静态页面的开发,巩固和强化了html和css的相关知识,提高了页面开发的熟练度。另外,也对vue + element ui的开发模式更加的熟悉...

2019-08-13 13:14:46 17305 3

原创 【实习周报】2019年6月 前端开发实习工作周报汇总

以下记录的是今年6月笔者在公司进行web前端工作的每周工作总结,其中隐去了项目的具体名称、人名、公司名等。2019.6.3-2019.6.6本周工作内荣:本周笔者首先是学习了一些React的基础知识和语法,同时也看了一本React的书籍,另外也是复习了一下HTML5和CSS3方面的基础知识,再就是为野牛期货客户端加入了指标弹窗功能,现在指标便可以修改了,但是在具体持久化上面还存...

2019-08-13 13:12:19 15796 7

原创 【实习周报】2019年5月 前端开发实习工作周报汇总

以下记录的是今年5月笔者在公司进行web前端工作的每周工作总结,其中隐去了项目的具体名称、人名、公司名等。2019.5.20-2019.5.24本周工作内容:本周笔者完成了野牛期货的快捷键设置的大部分工作,如今只剩下几个快捷效果的难点需要解决学习到内容:本周笔者通过快捷键的开发工作认识到了快捷键的分类问题,快捷键可分为本地快捷键和全局热键;学习了Electron的项目结构和...

2019-08-13 13:10:19 9571 2

原创 【实习周报】2019年4月 前端开发实习工作周报汇总

以下记录的是今年4月笔者在公司进行web前端工作的每周工作总结,其中隐去了项目的具体名称、人名、公司名等。2019.4.1-2019.4.3本周工作内容: 本周主要完成了训练场(Training)页面的静态显示;实现了其拖拽用户元素的效果不足之处:本周笔者在工作上的不足之处主要是css布局和vuex方面上 首先是css的布局问题,虽然笔者在编写页面时发现了使用纯比例宽度布局...

2019-08-13 13:08:53 11132 1

原创 【实习周报】2019年3月 前端开发实习工作周报汇总

以下记录的是今年3月笔者在公司进行web前端工作的每周工作总结,其中隐去了项目的具体名称、人名、公司名等。2019.3.12-2019.3.15周报本周工作内容:配置安装了自己工作电脑上的开发环境 初步了解了野牛期货这个项目的PC客户端前端源代码和使用的技术 初步完成了野牛期货客户端的设置功能中的基本设置之常规设置 操作确认,交易设置之交易确认功能; 开始开发野牛期货PC客户端的...

2019-08-13 13:05:17 15098

原创 【工作日报】2019年7月 前端开发工作日报汇总

以下记录的是今年7月笔者在公司进行web前端工作的每日工作内容,其中隐去了项目的具体名称、人名、公司名等。2019.7.1虽然已经不是实习了,但是每天还是可以记录一下遇到的问题备忘。今天完成的任务:添加了大部分的echarts图表遇到的问题:根据原型图的设计来讲一些需要的统计图表转换成echarts图表时,需要对根据官方给的API来进行改装才能满足设计图的要求,但是这里也不能...

2019-08-13 13:00:36 10005

原创 【实习日报】2019年6月下半月 前端开发实习工作日报汇总

以下记录的是今年6月16日-6月30日笔者在公司进行web前端工作的每日工作内容,其中隐去了项目的具体名称、人名、公司名等。2019.6.17今天完成的任务:完成了经纪商管理系统的几个前端静态页面的显示遇到的问题:今天遇到了一个这样的问题:如下图,在dialog弹窗中的标题文字要求显示两种样式的问题,但是dialog只有一个title属性可以被赋值,因此笔者打算将html的<fo...

2019-08-13 12:56:31 4862

原创 【实习日报】2019年6月上半月 前端开发实习工作日报汇总

以下记录的是今年6月1日-6月15日笔者在公司进行web前端工作的每日工作内容,其中隐去了项目的具体名称、人名、公司名等。2019.6.3今天完成的任务:发布了一个野牛期货PC客户端的新版本,新增快捷键设置功能,已将代码提交至个人仓库中,暂未发起pull request请求。目前已知bug:当设置快捷键时,如果设置的快捷键是全局热键:也就是屏幕截图,老板键,打开/隐藏主窗口时,如果只键...

2019-08-13 12:50:38 3522

原创 【实习日报】2019年5月 前端开发实习工作日报汇总

以下记录的是今年5月1日-5月31日笔者在公司进行web前端工作的每日工作内容,其中隐去了项目的具体名称、人名、公司名等。2019.5.1·今天完成的任务:基本实现了快捷键设置的处理及其持久化遇到的问题:还是引用传递和值传递的区别的问题 如下图,系统报了一个这样的错误是说:vue.esm.js?efeb:591 [Vue warn]: Error in callback for ...

2019-08-13 12:45:46 6722

原创 【实习日报】2019年4月下半月 前端开发实习工作日报汇总

以下记录的是今年4月16日-4月30日笔者在公司进行web前端工作的每日工作内容,其中隐去了项目的具体名称、人名、公司名等。2019.4.16今天完成的任务:基本完成了野牛期货客户端的交易页面的light主题显示遇到的问题:今天在修改CSS样式代码时发现了之前在修改样式的代码时的冗余代码,主要在于使用:class指令将vuex中获取到的主题绑定到app.vue文件的最外围标签上即...

2019-08-12 23:24:59 5027

原创 【实习日报】2019年4月上半月 前端开发实习工作日报汇总

以下记录的是今年4月1日-4月15日笔者在公司进行web前端工作的每日工作内容,其中隐去了项目的具体名称、人名、公司名等。2019.4.1今天完成的任务:基本完成训练场页面(Training)的静态显示遇到的问题:今天遇到的主要问题还是和之前的一样也就是使用echarts图标库出现的问题,在从网上查到一些echarts中的类似的实例之后运用到本地项目中,需要修改一些样式,一开始不知道如...

2019-08-09 16:12:23 3774

原创 【实习日报】2019年3月 前端开发实习工作日报汇总

以下记录的是今年3月份笔者在公司进行web前端工作的每日工作内容,其中隐去了项目的具体名称、人名、公司名等。2019.3.12今天完成任务:安装好了编码环境,将野牛期货客户端源代码拉取到了本地,初步实现设置功能中的“红涨绿跌”“绿涨红跌”功能遇到的问题:在实现设置的“红涨绿跌” “绿涨红跌”功能是没有思路无从下手采取的措施:通过询问成哥解决明天的规划:继续实现野牛期货客户...

2019-08-09 15:55:03 6258

转载 js中forEach,for in,for of循环的用法

转载自:https://www.cnblogs.com/amujoe/p/8875053.html一、一般的遍历数组的方法:var array = [1,2,3,4,5,6,7]; for (var i = 0; i < array.length; i) { console.log(i,array[i]); } 二、用for...

2019-07-22 09:07:52 395

原创 使用setTimeout函数实现setInterval函数的效果,利用Promise来控制异步代码的执行顺序

如题,今天回顾了《JS高级程序设计》书中关于setTimeout函数和setInterval函数的描述,书中介绍到:可见,在使用超时调用时,没有必要跟踪超时调用 ID,因为每次执行代码之后,如果不再设置另一次超时调用,调用就会自行停止。一般认为,使用超时调用来模拟间歇调用的是一种最佳模式。在开发环境下,很少使用真正的间歇调用,原因是后一个间歇调用可能会在前一个间歇调用结束之前启动。 而像...

2019-07-18 17:11:01 12808

空空如也

空空如也

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

TA关注的人

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