func main() { timer := time.NewTimer(3 * time.Second) fmt.Println(time.Now(),"炸弹将于3秒后引爆")​​ timer.Stop() fmt.Println("定时炸弹已拆除，定时器失效")​

时至 2021 年年底，React Hooks 已在 React 生态中大放异彩，席卷了几乎所有的 React 应用。而其又与 Function Component 以及 Fiber 架构几近天作之合，在当下，我们好像毫无拒绝它的道理。

前言esbuild 的大名相信大家也有耳闻，它是一个非常快的 Javascript 打包工具，用 GO 语言编写，是 figma 的 cto Evan Wallace 著作的，一个 30 min 的 webpack 项目用 esbuild 可以分钟级运行。本文将记录使用 esbuild 来打包一个 React 库。

PurgeCSS —— 删除无用css代码PurgeCSS可以删除 CSS 中未使用的代码。这个工具非常有用，尤其是当使用 CSS 框架时。因为大多数时候框架都带有很多我们并不真正需要的代码。 它可以是开发工作流程的一部分。当你正在构建一个网站时，你可能会决定使用一个CSS框架，如TailwindCSS, Bootstrap, MaterializeCSS, Foundation等...

预热在IOS11中Webkit新增了两个的css函数，分别是 env() 和 constant()，他们的作用是：用于设定安全区域与边界的距离，可以在 iPhone X 等的无边框显示屏上精美地显示您现有的网站，内容会自动插入显示屏的安全区域内，因此不会被圆角或设备的传感器外壳遮挡。

前端表单设计 -> 客户端校验数据(更人性化的提示) -> API 请求 -> 服务端校验数据(更强壮的逻辑) -> 数据库

使用name选项文件名选项是find命令最常用的选项，要么单独使用该选项，要么和其他选项一起使用。 可以使用某种文件名模式来匹配文件，记住要用引号将文件名模式引起来。 不管当前路径是什么，如果想要在自己的根目录$HOME中查找文件名符合*.log的文件，使用~作为 'pathname'参数，波浪号~代表了当前用户的家目录。

在关于Spring的面试中，我们经常会被问到一个问题，就是Spring是如何解决循环依赖的问题的。这个问题算是关于Spring的一个高频面试题，因为如果不刻意研读，相信即使读过源码，面试者也不一定能够一下子思考出个中奥秘。本文主要针对这个问题，从源码的角度对其实现原理进行讲解。1、过程演示关于Spring bean的创建，其...

BeanFactory和FactoryBean的区别BeanFactory是接口，提供了OC容器最基本的形式，给具体的IOC容器的实现提供了规范，FactoryBean也是接口，为IOC容器中Bean的实现提供了更加灵活的方式，FactoryBean在IOC容器的基础上给Bean的实现加上了一个简单工厂模式和装饰模式(如果想了解装饰模式参考：修饰者模式(装饰者模式，Decor...

是的，不用任何框架，用我们朴素的 Java 编程语言就能实现定时任务。今天，栈长就介绍 3 种实现方法，教你如何使用 JDK 实现定时任务！1、 sleep这也是我们最常用的 sleep 休眠大法，不只是当作休眠用，我们还可以利用它很轻松的能实现一个简单的定时任务。实现逻辑：新开一个线程，添加一个 for/ while 死循环，然后在...

StringTokenizer 被废弃了吗？栈长翻阅了一些资料，原来在 Oracle JDK 官方文档中已经有了描述，这是最新的 Oracle JDK 15 的官方文档关于 StringTokenizer 的说明：

Spring框架是由于软件开发的复杂性而创建的。Spring使用的是基本的JavaBean来完成以前只可能由EJB完成的事情。然而，Spring的用途不仅仅限于服务器端的开发。从简单性、可测试性和松耦合性的角度而言，绝大部分Java应用都可以从Spring中受益。

这是 Spring Boot 最最最核心的注解，用在 Spring Boot 主类上，标识这是一个 Spring Boot 应用，用来开启 Spring Boot 的各项能力。

标题中的substring方法指的是字符串的substring(int beginIndex, int endIndex)方法，这个方法在jdk6,7是有差异的。

奇怪的不等于(≠)最近，栈长用 IntelliJ IDEA 看源码时发现：咦～这是什么鬼？Java 不等于的写法不是一直都是 != 么？什么时候可以写 ≠ 了？？不科学啊～以为我是老花眼了，认真看了几遍，觉得应该是 IDEA 的特效吧，然后去点那个符号，发现也还原不了原样。。。然后互联网网冲浪了一翻，终于被我找到了这个开关：Prefere...

最近遇到一个貌似很简单，但写起来也不简单的问题。对于多行文字，超出...显示。通过css可以实现，但受限于浏览器兼容问题，有时候还需要依赖JS来实现。通过js实现，就需要考虑到文字大小，中英文、数子、标点符号所对应的字节长度不一致，如果考虑的不全面，对于不同的文字内容，总会有点差距。

//Shorthandlet [a, b, c] = [5, 8, 12];复制代码巧用三元运算符简化if else//Longhand let marks = 26; let result; if (marks >= 30) { result = 'Pass'; } else { result = 'Fail'; }

1.验证码如下图，一般的后台管理系统都会在登录的时候设计一个验证码，这个验证码是前端生成的，点击canvas可以切换验证码。二维码的类型是数字或者字母自己可以根据需要设置，

1、mock.js 拦截ajax请求，生成随机数据新学到的东西，以我的方式分享一下，我们在开发中，需要后端提供api接口，然后拿到接口去遍历生成数据，渲染到页面上显示。在有的时候，还没拿到后端提供的接口时，前端可以自己模拟后台制作简单的json格式数据进行开发工作

可怕的启动时间公司的产品是一个比较大的后台管理系统，而且使用的是webpack3的vue模板项目，单次项目启动时间达到了70s左右启动个项目都够吃一碗豆腐脑了，可是没有豆腐脑怎么办，那就优化启动时间吧！考虑到升级webpack版本的风险还是比较大的，出了一点问题都得找我，想想还是先别冒险，稳妥为主，所以我选择了通过插...

万丈高楼平地起，地基打的牢，才能永远立于不败之地。今天给大家带来的是10个常见的 JavaScript 手写功能，重要的地方已添加注释。有的是借鉴别人的，有的是自己写的，如有不正确的地方，欢迎多多指正。

重新搭建项目进入以个文件夹：cd vuewebpackapp初始化这个项目：vue init webpack vuexapp一系列的选择确认后就会创建好文件在搭建好的环境中操作父组件传递数据给子组件在components新建parent.vue（父组件）和一个son.vue子组件；在父组件内引入子组件import son from './son',并传msg给子组件

你一定经常见到一个两三千行的 controller 类，类之所以发展成如此庞大，有如下原因：长函数太多类里面有特别多的字段和函数量变引起质变，可能每个函数都很短小，但数量太多1 程序的modularity你思考过为什么你不会把all code写到一个文件？因为你的潜意识里明白：相同的功能模块无法复用复杂度远超出个人理解极限一个...

<img src="../assets/images/avatar.png" width="100%">复制代码但是这样会有2个弊端：

WebP 是什么？WebP 是一种同时提供了有损压缩与无损压缩的图片文件格式。可以大大压缩图片的大小，并且图片的质量和 png、jpeg 等相同。WebP 的无损压缩比 png 格式的文件平均少了 45％ 的大小。

Xcode13上统计启动时长的变量DYLD_PRINT_STATISTICS失效了。团队中需要保留每次的启动时间以作检验优化标准。在网上找到下面文章，写了个获取启动时间工具类。

Tipes: 封装弹框组件使用了Teleport，避免了组件嵌套可能导致的定位层级的隐患，还使用了defineProps，defineEmits，插槽增加了组件的拓展性。

一般来说，做PC端的页面并不像移动端那样对分辨率及屏幕大小有的特别强的要求，但是针对数据大屏这种展示型的页面来说，就需要考虑适配的方案了，毕竟要尽可能的保证大部分的主流显示器都能正常展示。

前言前两天在工作当中遇到一个问题,在vue3中使用reactive生成的响应式数组如何清空,当然我一般清空都是这么写:let array = [1,2,3]; array = [];复制代码不过这么用在reactive代理的方式中还是有点问题，比如这样:let array = reactive([1,2,3]); watch(()=>[...array],()=>{ console.log(array); },) array = rea...

定义SPA单页面应用（SinglePage Web Application） ，指只有一个主页面的应用（一个html页面），一开始只需要加载一次js、css的相关资源。所有内容都包含在主页面，对每一个功能模块组件化。单页应用跳转，就是切换相关组件，仅仅刷新局部资源。