- 博客(43)
- 收藏
- 关注
RSS订阅
原创 这些css技巧，你肯定不会全知道【建议收藏】
下面是总结的css技巧，建议大家收藏，以后用的时候就不用到处查资料了。当然这些也不是所有的，大家如果有什么好的css有趣样式技巧也可以发出来哦三角形最常见的一种形状了。切图，不存在的。/** 正三角 */.triangle { width: 0; height: 0; border-style: solid; border-width: 0 25px 40px 25px; border-color: transparent transparent rgb(245, 129,
2020-07-03 13:35:43
1696
2
转载 【面经分享】互联网寒冬，7面阿里，终获Offer!
这次去阿里面试的是我老东家的好朋友，我们之前都是一个项目组的，一起吃饭，一起洗脚，一起。。。他们公司最近也裁员了，不过他是裁员前去的阿里，不知道谁捞到他简历了，莫名就走了流程，他莫名的就面了7轮过了。他想着行情这么不好，要不就去了，去了之后，他们公司就裁员了。。。总之今年大环境真的很差，大家都时刻做好准备，我朋友简历上是写了精通dubbo的源码，所以你们会发现，面试中dubbo的问题很多，他面经写得算是比较简单，但是真实问的过程肯定会扣肯定细节。正文面试总共花费20天左右，包含4轮电话面试、1轮笔
2020-07-20 12:48:33
119
原创 比Redis还快5倍的中间件,为啥这么快?
今天给大家介绍的是KeyDB，KeyDB项目是从redis fork出来的分支。众所周知redis是一个单线程的kv内存存储系统，而KeyDB在100%兼容redis API的情况下将redis改造成多线程。线程模型KeyDB将redis原来的主线程拆分成了主线程和worker线程。每个worker线程都是io线程，负责监听端口，accept请求，读取数据和解析协议。如图所示：KeyDB使用了SO_REUSEPORT特性，多个线程可以绑定监听同个端口。每个worker线程做了cpu绑核，读取数据也
2020-07-17 14:23:03
127
原创 编程语言最新排名：Java最受欢迎、JS用户最多
IDE工具开发商JetBrains基于2万名开发者，对编程语言的最新情况进行了统计描摹。就受欢迎程度而言，Java高居第一位，但在使用人数上，JavaScript则名列榜首。欢迎程度的统计方法是，让参与的开发者选出三种立即觉得必要的语音，最后算结果。被访问时，JetBrains负责人指出，Java最后欢迎是因为很多项目都用JavaScript，但在后者身上并不花费很多时间。另外就使用情况而言，Python超越了Java，这可能与机器学习浪潮大热有关。最后是对于新语言的兴趣，Go、Kotlin、Ru
2020-07-15 16:49:38
2095
原创 面试了几个前端，给爷整哭了！
长沙这边面试了几个三年的前端，给我整哭了，简历简历不带，问点基础题，一问三不知，问个水平垂直居中布局，支支吾吾半天说不出来，还有个弟弟说你这样问我不知道怎么回答，累了。我只想说，这真的有三年的经验嘛？如果有收获？希望老铁们来个三连，点赞、收藏、转发创作不易，别忘点个赞，可以让更多的人看到这篇文章，顺便鼓励我写出更好的博客知乎可以观看更多我的优质文章：打造小白进阶web前端高级工程师资料库，看完学的更加快，知识更牢固。你值得拥有（持续更新）~...
2020-07-15 16:13:35
4440
5
原创 62道Java核心面试题，祝你一路披荆斩棘，拿到offer！
最近，我得粉丝快要找工作了，问我有什么面试题，给我准备一下。想要冲击一下大厂面试。这次我花了两周的时间，准备了 62 道 Java 核心面试题，希望能够帮助到这位亲爱的粉丝，以及其他和这位粉丝类似情况的读者朋友。请说出Java14版本中更新的重要功能请说出Java13版本中更新的重要功能请说出Java12版本中更新的重要功能请说出Java11版本中更新的重要功能请说出Java10版本中更新的重要功能请说出Java9版本中更新的重要功能请说出Java8版本中更新的重要功能请说出面向对象编程
2020-07-14 16:28:16
277
原创 前端还在切图？学完这些css，再也不用切图了！
标题开个玩笑，实际上CSS3有许多亮眼的特性，比如阴影shadow、动画animation、形变transform、渐变gradient、滤镜filter等，合理运用这些特性，可以实现许多高大上的效果。如果觉得有用请点个赞或者收藏。三角形利用border-color支持transparent这一特性，隐藏三条边框，实现三角形。<style>.triangle { width: 0; height: 0; border-style: solid; box-sizing: b
2020-07-14 14:39:02
484
原创 Java 10 大装 B 写法，装逼常用代码
想不想学习装 B 式的 Java 骚操作花式写法？没错，本文栈长来教你！1、集合初始化集合的创建、赋值一步到位，想不想学？来，上边跟我一起画个 List，在你下边画一个Map……List<String> list = new ArrayList<String>() {{ add("www."); add("javastack."); add("cn");}};Map<String, String> map = new HashMap<St
2020-07-13 19:24:17
4619
1
原创 纯 CSS 滚动进度条效果，你肯定都没想过！
前几天，有粉丝用javascript实现滚动条功能的时候，问我怎么实现滚动条功能，除了javascript实现以外，我还跟他说了用纯css实现滚动条的功能。那么到底如何使用 CSS 实现下述滚动条效果？[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SnPeg6K0-1594629381255)(https://user-gold-cdn.xitu.io/2019/1/9/168314f06c5dee8a?imageslim)]就是顶部黄色的滚动进度条，随着页面的滚动进度
2020-07-13 19:17:30
634
原创 10个最难回答的Java面试题，答出来了，BATM大厂随你进（附答案）
1.为什么等待和通知是在 Object 类而不是 Thread 中声明的？一个棘手的 Java 问题，如果 Java编程语言不是你设计的，你怎么能回答这个问题呢。Java编程的常识和深入了解有助于回答这种棘手的 Java 核心方面的面试问题。为什么 wait，notify 和 notifyAll 是在 Object 类中定义的而不是在 Thread 类中定义这是有名的 Java 面试问题，招2~4年经验的到高级 Java 开发人员面试都可能碰到。这个问题的好在它能反映了面试者对等待通知机制的了解,
2020-07-08 20:54:03
281
原创 字节一面，面试官问我Java中时间控制的几种解决方案？我懵逼了
面试官出了一个这样的题：需求是这样的，在与第三方对接过程中，对方提供了token进行时效性验证，过一段时间token就会失效。后台有定时任务在获取，但是偶尔会出现token失效，这是因为在获取的时候，定时任务正在跑，可能正在获取最新的token中，这个时候如何过一段时间(比如800毫秒之后)再请求呢？当时我听到这个题目的时候，顿时懵逼，就只说了一个线程解决方案，而且说得也不详细。最后面试完了以后，回去仔细的查阅资料，研究了一下。争取下次面试能够一举答出。下面是我写的几种时间控制的方案一：时间控制的几种
2020-07-08 20:29:25
273
原创 Java常用Json库很多，但是它的性能是最好的！
最近有很多网友再说这个库怎么怎么好，怎么碾压其他的库。口头说有什么用，咱们还是进行比较，写出来才知道哪个库好。JSON不管是在Web开发还是服务器开发中是相当常见的数据传输格式，一般情况我们对于JSON解析构造的性能并不需要过于关心，除非是在性能要求比较高的系统。目前对于Java开源的JSON类库有很多种，下面我们取4个常用的JSON库进行性能测试对比， 同时根据测试结果分析如果根据实际应用场景选择最合适的JSON库。这4个JSON类库分别为：Gson，FastJson，Jackson，Json-li
2020-07-08 19:27:23
194
原创 很多人css数值(百分比|负值)基准分不清，今天给你讲讲
今天为什么要给大家讲解这个东西呢，因为css这部分，尤其是数值这部分感觉非常简单，但是尤其是简单的，却很多人根本就没有弄懂。所以今天就来讲一下css的数值问题吧。大家还是好好听一下吧。width height 百分比当元素的height、width设置为百分比时，分别基于包含它的块级对象的高度、宽度。这个是常规百分比的含义。<div class="container"> <div class="inner">注意这里</div> <div class=
2020-07-08 16:22:06
382
原创 我：CSS垂直居中还有什么另类方法？求职者：不太了解了
今天面试了一个前端实习生，我问了一个比较简单的问题，就是css如何实现元素垂直居中的问题，但是要说出多种方案。其实他说的不错，基本上说到了flex布局，grid布局等下面提到的布局。还不错，但是这几种都是已经经常用的，老生常谈，但是我想听到他说一种用的比较少的解决方案，了解一下他学习的深度和广度。但是很遗憾他没有说出来。今天就给大家讲一讲这个解决方案吧众所周知，“css如何实现元素垂直居中？”已经是一个老生常谈的问题了，这个问题目前已经有了许多解决方案，这些方案也都有各自适用的场景以及优缺点，大致如下：
2020-07-08 15:31:19
323
2
原创 研究了一个月的「拓扑排序」，给大家说一说
前言Topological sort 又称 Topological order，这个名字有点迷惑性，因为拓扑排序并不是一个纯粹的排序算法，它只是针对某一类图，找到一个可以执行的线性顺序。这个算法听起来高大上，如今的面试也很爱考，比如当时我在面我司时有整整一轮是基于拓扑排序的设计。但它其实是一个很好理解的算法，跟着我的思路，让你再也不会忘记她。有向无环图刚刚我们提到，拓扑排序只是针对特定的一类图，那么是针对哪类图的呢？答：Directed acyclic graph (DAG)，有向无环图。即：
2020-07-07 19:47:43
224
原创 2020年7月程序员工资统计，平均14357元，又跌了，扎心
平均工资2020年7月全国招收程序员288685人。2020年7月全国程序员平均工资14357元。上个月是14404，又跌了50元。一顿午饭跌没了。总结看到今年七月份程序员的工资，大家有什么想说的呢。欢迎在评论区讨论。...
2020-07-07 17:27:40
246
原创 学Vue，就要学会vue JSX（大结局）
只能在render函数里面使用JSX吗当然不是，你可以定义method，然后在method里面返回JSX,然后在render函数里面调用这个方法，不仅如此，JSX还可以直接赋值给变量，比如下面这段代码 methods: { $_renderFooter() { return ( <div> <ElButton>确定</ElButton> <ElButton>取消</ElBut
2020-07-07 16:31:00
426
原创 学Vue，就要学会vue JSX（三）
是时候使用JSX代替createElement了接着上面的讲，当我们看到上面用createElement去实现组件，太麻烦了，别说工作效率提高了，就是那些嵌套可以嵌套正确就很赞了，所以我们需要用JSX去简化整个逻辑。当年我做项目的时候就遇到过这样的情况，嵌套太多，自己都快搞不明白了，在崩溃的边缘。methods: { $_handleInputUser(value) { this.formInline.user = value }, $_handleChangeRegion(valu
2020-07-07 16:11:46
1203
原创 学Vue，就要学会vue JSX（二）
学习JSX,先了解一下createElement提到JSX,不可避免的就要提到createElement,当你看完本节，你会发现，奇怪的知识又增多了。ok，我们接着上一部分继续讲。这一次的准备工作是了解createElement。从Vue编译后的代码看createElement你是否看过写的Vue代码经过编译之后的样子，比如下面这段代码<template> <div>我喜欢<span class="emphasize">前端</span></
2020-07-07 15:27:50
214
原创 学Vue，就要学会vue JSX（一）
最近在做一个项目，然后里面也用到了jsx。因为其实有一些功能也需要更加灵活的去处理。介绍一下JSXJSX 简介JSX是一种Javascript的语法扩展，JSX = Javascript + XML，即在Javascript里面写XML，因为JSX的这个特性，所以他即具备了Javascript的灵活性，同时又兼具html的语义化和直观性。应用场景为了让大家更方便的去理解JSX的作用及用法，我先为大家罗列了几个可能会用到JSX的应用场景。在消息框内添加html在开发过程中，经常会用到消息框，使用
2020-07-07 15:05:10
194
原创 给老弟讲解java8中的marge()方法，一顿骚操作
今天我弟弟在家里学习java的时候问我java8特性中的map.merge()方法，当时刚下班回来，准备洗个澡回来就睡的，但是我觉得这个还是很好用的，所以还是给他详细说了一下。毕竟学习这么努力，我也不好打击他嘛。merge() 怎么用？这么跟你说吧。假设我们有这么一段业务逻辑，我有一个学生成绩对象的列表，对象包含学生姓名、科目、科目分数三个属性，要求求得每个学生的总成绩。加入列表如下：private List<StudentScore> buildATestList() {
2020-07-06 20:28:52
244
原创 老婆竟然只知道几个css伪类，不行得惩罚她了
最近在教我老婆学习前端，她说想要学习前端，自己在家赚点外快，自己赚点家用。我也拗不过她，而且其实我也挺佩服的。所以就教她了。最近我想考一考她对css中伪类的了解，所以就问了她了解css多少个伪类，伪类是什么？她说css 伪类是用于向某些选择器添加特殊的效果，是动态的，指当前元素所处的状态或者特性。只有一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。我点了点头，答得不错继续。然后她慢慢的说了几个常用的伪类元素，答得还不错，但是她掌握的伪类还是太少了。所以我让她将接
2020-07-06 16:53:14
347
3
原创 同事帮我用css做出炫酷的卡券效果，深感崇拜啊
前言前几天，我接到了一个项目，模块中要写一个卡券效果，当时没有图片，也就是要用css来实现，当时我是懵逼的，也没有写过这样的，一时间不知道怎么写，毕竟要写的像UI设计的一样美观。我就只好求救我的大神级别的同事了。不仅css玩的溜，人家JavaScript玩的更溜，阁下实在是佩服。常见的卡券样式如下：同事二话没说，直接给我写了一种，那真的是快如闪电就给我实现了一个。是用伪元素实现的使用伪元素实现（Less 版本）ticket.less.ordinary-mixins-ticket-horizo
2020-07-06 15:50:44
758
原创 给徒弟说一下前端开发工程师的19个救生工具
今天看见徒弟写个css属性这么慢，是在是看不下去了，就问了他有没有用过一些辅助工具，他说没有，额。。。我也是很无语，没办法，谁叫我是他师傅呢。还是要尽到一个师傅的责任。所以就利用休息时间给他讲了19个辅助工具，满满的干货呀。我这也是第一次给别人说这么多，这么详细，想想还不错，教给别人东西的感觉是不一样的，别说是徒弟呢。CSS代码生成器我："你曾经是不是想记住如何声明渐变，文本阴影，Flexbox或Grid的CSS属性。徒弟：“是的”我：“那你还真是不容易呀，你如果不是一直在用某些css功能和属性，不
2020-07-06 14:40:16
236
原创 面试官问：说说MySQL的InnoDB的幻读问题，瞬间懵了
MySQL InnoDB事务的隔离级别有四级，默认是“可重复读”（REPEATABLE READ）。未提交读（READ UNCOMMITTED）。另一个事务修改了数据，但尚未提交，而本事务中的SELECT会读到这些未被提交的数据（脏读）。提交读（READ COMMITTED）。本事务读取到的是最新的数据（其他事务提交后的）。问题是，在同一个事务里，前后两次相同的SELECT会读到不同的结果（不重复读）。可重复读（REPEATABLE READ）。在同一个事务里，SELECT的结果是事务开始时时间点的
2020-07-04 17:17:35
206
原创 真会玩！竟然可以这样用IDEA通过数据库生成lombok版的POJO
前言最近写需求时需要新建许多新表，设计完表结构还要一一写成对应的 POJO，很麻烦，就 Google 了一下。网上相关资料不多，借鉴了一篇博客，并在其基础上进行了完善。前置步骤使用 IDEA 自带的插件 Database 连接数据库在数据库的表上右键 Scripted Extensions -> Go to Scripts Directory在打开的目录下放入脚本文件源码脚本用的 Groovy 语言，语法类似 Java，并能调用 Java 类库，自己修改也很方便。唯一的麻烦是执行入口
2020-07-04 17:00:25
360
原创 JS的所谓的第七种数据类型Symbol
首先，为什么说叫所谓呢？因为在2007年之前Js给予我们typeof解析数据类型的一共有六种（一直有争议，但是我们暂时就按typeof来算）‘function’‘Number’‘Object’‘boolean’‘String’‘undefined’但当我们去 typeof Symbol () 的时候，会惊奇的发现，返回了一个‘symbol’首先肯定要有疑问，这货是啥？当然第一种想法其实就是肯定很强大。因为前六种已经强大的一种地步了，这货肯定也一定非常强大。首先我们先带着我们的好奇心一
2020-07-04 15:29:20
249
原创 大多数都不知道display:none visibility:hidden opacity:0 区别
display: none;DOM 结构：浏览器不会渲染 display 属性为 none 的元素，不占据空间；事件监听：无法进行 DOM 事件监听；性能：动态改变此属性时会引起重排，性能较差；继承：不会被子元素继承，毕竟子类也不会被渲染；transition：transition 不支持 display。visibility: hidden;DOM 结构：元素被隐藏，但是会被渲染不会消失，占据空间；事件监听：无法进行 DOM 事件监听；性 能：动态改变此属性时会引起重绘，性能较高；
2020-07-04 15:00:39
240
原创 Java并发编程二：重排序问题
重点知识来了，建议收藏哦1. 重排序概念在执行程序时为了提高性能，编译器和处理器常常会对指令做重排序。从 java 源代码到最终实际执行的指令序列，会分别经历下面三种重排序：编译器优化的重排序。编译器在不改变单线程程序语义的前提下，可以重新安排语句的执行顺序。指令级并行的重排序。处理器将多条指令重叠执行。如果不存在数据依赖性，处理器可以改变语句对应机器指令的执行顺序。内存系统的重排序。处理器使用缓存和读/写缓冲区，使得加载和存储操作看上去可能是在乱序执行。举例：如下代码执行过程中，程序不一
2020-07-03 16:13:00
377
原创 Java并发一：Java并发编程三大核心
编写并发程序是比较困难的，因为并发程序极易出现Bug，这些Bug有都是比较诡异的，很多都是没办法追踪，而且难以复现。要快速准确的发现并解决这些问题，首先就是要弄清并发编程的本质，并发编程要解决的是什么问题。本文将带你深入理解并发编程要解决的三大问题：原子性、可见性、有序性。补充知识硬件的发展中，一直存在一个矛盾，CPU、内存、I/O设备的速度差异。速度排序：CPU >> 内存 >> I/O设备为了平衡这三者的速度差异，做了如下优化：CPU 增加了缓存，以均衡内存与CP
2020-07-03 16:00:11
288
原创 Spring Boot 2.3 中配置文件属性跟踪
背景当我们使用 spring boot 在多环境打包，配置属性在不同环境的值不同，如下：spring: profiles: active: @project.profile@ #根据maven 动态配置profile---spring: profiles: devdemo: lengleng_dev---spring: profiles: prddemo: lengleng_prd或者使用 spring cloud 配置中心 （nacos/config）等再有就
2020-07-03 15:34:40
278
原创 CSS 的 :is()和 :where() 即将在浏览器中和大家见面
现在，Safari（技术预览版106）和Firefox（版本78）的预览版均支持新的CSS :is() 和 :where() 伪类。 Chrome的实施仍然落后。使用 :is() 减少重复你可以使用 :is() 伪类来删除选择器列表中的重复项。/* BEFORE */.embed .save-button:hover,.attachment .save-button:hover { opacity: 1;}/* AFTER */:is(.embed, .attachment) .sav
2020-07-03 14:36:20
191
原创 快速发现bug ，用起来非常爽的七个神仙调试工具
接下来就好好介绍一下这七个开发调试工具，用起来是真的爽啊。建议收藏使用哦！Web浏览器中的开发工具任何现代的 Web 浏览器都配有功能强大的工具来调试应用程序。 如使用控制台语句cconsole.log()，使用alert()的弹出窗口，还可以使用debugger语句暂停代码执行，这些对于我们的调试都很有帮助。我们还可以使用网络检查器或CSS样式检查器让调试变得更轻松流畅。任何现代网络浏览器都配备了强大的工具来帮助调试您的应用程序。它可以简单到使用console.log()的控制台语句，使用aler
2020-07-03 14:18:43
732
原创 Mybatis Plus代码生成器是个好东西，时间管理器，你值得拥有！
1. 前言对于写Crud的老司机来说时间非常宝贵，一些样板代码写不但费时费力，而且枯燥无味。经常有小伙伴问我，胖哥你怎么天天那么有时间去搞新东西，透露一下秘诀呗。好吧，今天就把Mybatis-plus的代码生成器分享出来，让你也成为一个优秀的时间管理大师。2. 基本依赖以Spring Boot和MySQL为例，你需要下面这些依赖：<!-- lombok 如果不使用 需要修改代码生成器的相关配置 --><dependency> <groupId>org
2020-07-02 17:36:30
213
原创 JavaScript ES6代理的实际用例，快速教你用好ES6代理
元编程是一种强大的技术，使你能够编写可以创建其他程序的程序。ES6借助代理和许多类似功能，使在JavaScript中利用元编程变得更加容易。ES6 Proxy（代理） 有助于重新定义对象的基本操作，从而为各种可能性打开了大门。本指南可以帮助您理解为什么ES6代理如此之好，尤其是对于元编程而言：什么是ES6代理如何以及何时实施代理如何使用ES6代理执行访问控制，数据绑定和缓存ES6代理不是性能密集型任务的理想选择先决条件和结果本教程主要针对有JavaScript经验的开发人员，至少要熟悉ES
2020-07-02 16:05:52
147
原创 转行做前端的学习心得，深情交流
一、Why choose front-end2015.07毕业后，进了一家游戏公司做运营策划，写过营销方案、做过内容编辑、知道广告投放和换量，还得兼职产品经理画原型。每天9.30-23.00以后，周末经常加班，像无头苍蝇一样碰撞一年后，我没有任何成就感，我开始思考自己每天做的是什么，将来会做什么，做的这份工作是自己喜欢的吗？在这个领域上将来会有所成就吗？1、重复而繁杂 => No，我喜欢专心研磨一个东西，直到做好它2、各种会议和无数遍的方案修改 => No，我做事的时候不喜欢被打扰，但这
2020-07-02 15:19:45
994
1
原创 探秘隐藏在对象中的get和set方法
不知道大家有没有注意过对象中的一些通用方法，例如所有所有的对象都有 toString、constructor 等等一些方法。当然如果要仔细看的话，大家可以：var a = {}; console.log(a);我们可以清晰的看到他有很多的内置方法。当然，也可以看到最下面有两个比较怪的方法 get 和 set ，只要是对象就可以找到这两个方法，但是究竟怎么使用这两个方法呢？我自己研究了半天，发现可以这样使用，就拿最简单的对象 json 来举例。var Json = { set
2020-07-02 14:19:14
205
原创 JAVA中byte为负数处理
java中一定有人遇见过byte取值为负数情况，比如0xc0对应的值-64，其实应该是192，这里就需要我们转化处理 * Description: 负数byte转正int <BR> * * @author dsn * @date 2018年12月29日 下午3:29:38 * @param b * @return * @version 1.0 */public static Integer byteToInteger(Byte b) { return 0xff &am
2020-07-01 19:52:01
1090
原创 用了这么多年的 Java 泛型，你对它到底有多了解？
作为一个 Java 程序员，日常编程早就离不开泛型。泛型自从 JDK1.5 引进之后，真的非常提高生产力。一个简单的泛型 T，寥寥几行代码， 就可以让我们在使用过程中动态替换成任何想要的类型，再也不用实现繁琐的类型转换方法。虽然我们每天都在用，但是还有很多同学可能并不了解其中的实现原理。今天这篇我们从以下几点聊聊 Java 泛型：Java 泛型实现方式类型擦除带来的缺陷Java 泛型发展史Java 泛型实现方式Java 采用**类型擦除（Type erasure generics）**的方
2020-07-01 19:33:59
170
原创 大白话 Java 多线程，小白都能看的懂的哦
什么是线程说到线程我们应该先了解下什么是进程，下面这个图片大家应该都比较熟悉吧。我们看到的这些单独运行的程序就是一个独立的进程，进程之间是相互独立存在的。我们上面图中的360浏览器、百度云盘等等都是独立的进程。那么什么是线程呢？线程（英语：thread）是操作系统能够进行运算调度的最小单位。它被包含在进程之中，是进程中的实际运作单位。一条线程指的是进程中一个单一顺序的控制流，一个进程中可以并发多个线程，每条线程并行执行不同的任务。在Unix System V及SunOS中也被称为轻量进程
2020-07-01 17:28:25
350
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人