编程干货
关注
分享
扫一扫
文章平均质量分 83
IT修真院
这个作者很懒，什么都没留下…
展开
-
什么是无人教学
欢迎来到IT修真院，来了解这种极具开创性和颠覆性的无人教学模式。在无人教学的模式中，并没有老师的角色，而是用一套智能教学的系统来代替“老师授课，学生听课”的方式，是的，我们通过任务分配的方式，让学员在完成任务的过程中主动学习。把被动听课，改成主动学习，仅仅是一个开始，要完善这种学习模式，还需要完善以下的教学体系：1 界定技能边界，确保能达到正式工作的要求2 分解任务，保证所有的任务都来自真实项目3 明确验收标准，来确定任务能否通关4 提供操作步骤，引导学员按步骤完成学习...转载 2021-04-13 11:51:54 · 695 阅读 · 0 评论 -
Vue 骚技巧，策略模式实现动态表单验证
策略模式（Strategy Pattern）又称政策模式，其定义一系列的算法，把它们一个个封装起来，并且使它们可以互相替换。封装的策略算法一般是独立的，策略模式根据输入来调整采用哪个算法。关键是策略的实现和使用分离。注意：本文可能用到一些编码技巧比如 IIFE（Immediately Invoked Function Expression, 立即调用函数表达式），ES6 的语法 let/const、箭头函数、rest 参数，短路运算符 等，如果还没接触过可以点击链接稍加学习 ~1...转载 2020-07-23 21:20:16 · 1008 阅读 · 0 评论 -
由浅入深，66条JavaScript面试知识点
钱昱多年前端工作经验 《JavaScript 设计模式精讲》 作者，主要分享前端方面技术博客公众号：前端下午茶HTML&CSS： 浏览器内核 盒模型、flex布局、两/三栏布局、水平/垂直居中； BFC、清除浮动； css3动画、H5新特性。 JavaScript： 继承、原型链、this指向、设计模式、call, apply, bind,； new实现、防抖节流、let, var, const 区别、暂时性死区、eve...转载 2020-07-22 22:47:22 · 1355 阅读 · 0 评论 -
进击的 JAMStack
作者简介：李中凯八年多工作经验 前端负责人，擅长JavaScript/Vue。掘金文章专栏：https://juejin.im/user/57c7cb8a0a2b58006b1b8666/posts公众号：1024译站什么是JAMStack概念JAMStack中的JAM其实是三个词的缩写，它们分别是JavaScript, APIs以及Markdown。而Stack用中文的说法就是技术栈（Tech Stack），也就是我们在构建应用的时候具体使用到的技术的集合。举个例子，国外现在比.转载 2020-07-21 21:53:29 · 685 阅读 · 0 评论 -
Vue.js 组件复用和扩展之道
作者简介：李中凯八年多工作经验 前端负责人，擅长JavaScript/Vue。掘金文章专栏：https://juejin.im/user/57c7cb8a0a2b58006b1b8666/posts公众号：1024译站软件编程有一个重要的原则是 D.R.Y（Don't Repeat Yourself），讲的是尽量复用代码和逻辑，减少重复。组件扩展可以避免重复代码，更易于快速开发和维护。那么，扩展 Vue 组件的最佳方法是什么？Vue 提供了不少 API 和模式来支持组件复用和扩展，你.转载 2020-07-20 20:44:01 · 814 阅读 · 0 评论 -
深入理解Java的接口和抽象类
作者简介：工会10年后端工作经验，主要记录分享：java学习方法、学习心得等。内容包含Java技术、前后端、数据库、编程感悟等干货。公众号：java工会对于面向对象编程来说，抽象是它的一大特征之一。在Java中，可以通过两种形式来体现OOP的抽象：接口和抽象类。这两者有太多相似的地方，又有太多不同的地方。很多人在初学的时候会以为它们可以随意互换使用，但是实际则不然。今天我们就一起来学习一下Java中的接口和抽象类。一、抽象类 在了解抽象类之前，先来了解一下抽象方法。抽象方法..转载 2020-07-17 21:02:40 · 581 阅读 · 2 评论 -
一篇文章了解并发数据结构
作者简介：工会10年后端工作经验，主要记录分享：java学习方法、学习心得等。内容包含Java技术、前后端、数据库、编程感悟等干货。公众号：java工会CopyOnWriteArrayList的内部实现与Vector不同。它是当对象进行写操作时，复制该对象；若进行的是读操作，则直接返回结果，操作过程中不进行同步。CopyOnWriteArrayList很好地利用了对象的不变性，在没有对对象进行写操作前，由于对象未发生改变，因此不必加锁。而在试图改变对象时，总是先获取对象的一个副本，然后对副本.转载 2020-07-16 21:00:40 · 700 阅读 · 0 评论 -
Java多线程编程基础三（原子性，可见性和有序性）
作者简介：华哥10年+后端开发工作经验，主要分享：关于java体系的知识，如：java基础知识/数据结算/算法，Spring/MyBatis/Netty源码分析，高并发/高性能/分布式/微服务架构的原理，JVM性能优化等。公众号：java杂记在并发编程中，我们通常会遇到以下三个问题：原子性问题，可见性问题，有序性问题。一、原子性即一个操作或者多个操作，要么全部执行并且执行的过程不会被任何因素打断，要么就都不执行。原子性就像数据库里面的事务一样，他们是一个团队，同生共死。...转载 2020-07-14 21:33:43 · 574 阅读 · 0 评论 -
史上最全的 JavaScript 模块化方案和工具
作者简介：李中凯八年多工作经验 前端负责人，擅长JavaScript/Vue。掘金文章专栏：https://juejin.im/user/57c7cb8a0a2b58006b1b8666/posts公众号：1024译站模块化是大型前端项目的必备要素。JavaScript 从诞生至今，出现过各种各样的模块化方案，让我们一起来盘点下吧。IIFE 模块默认情况下，在浏览器宿主环境里定义的变量都是全局变量，如果页面引用了多个这样的 JavaScript 文件，很容易造成命名冲突。/.转载 2020-07-13 21:05:34 · 662 阅读 · 0 评论 -
10 个很实用的 JavaScript 技巧
作者简介：李中凯八年多工作经验 前端负责人，擅长JavaScript/Vue。掘金文章专栏：https://juejin.im/user/57c7cb8a0a2b58006b1b8666/posts公众号：1024译站编程语言通常暗藏着各种技巧，熟练使用这些技巧可以提高开发效率。JavaScript 就是一门技巧性很强的语言，掌握常见的语法技巧不但可以加深对语言特性的理解，还可以简化代码，提高编码效率。本文分享 10 个常用的技巧，希望能成为你的开发工具箱的一部分。1argument.转载 2020-07-09 19:56:40 · 609 阅读 · 0 评论 -
五分钟了解浏览器工作原理
作者简介：李中凯八年多工作经验 前端负责人，擅长JavaScript/Vue。掘金文章专栏：https://juejin.im/user/57c7cb8a0a2b58006b1b8666/posts公众号：1024译站Web 浏览器无疑是用户访问互联网最常见的入口。浏览器凭借其免安装和跨平台等优势，逐渐取代了很多传统的富客户端。Web 浏览器通过向 URL 发送网络请求来访问 Web 服务器资源，并以交互性的方式展示这些内容。基本操作包括获取、处理、显示和存储。常见的浏览器包括..转载 2020-07-08 19:50:11 · 782 阅读 · 0 评论 -
前端必备基础知识：window.location 详解
作者简介：李中凯八年多工作经验 前端负责人，擅长JavaScript/Vue。掘金文章专栏：https://juejin.im/user/57c7cb8a0a2b58006b1b8666/posts公众号：1024译站前端开发人员对window.location对象应该不陌生，通过它不但可以获取当前页面的地址信息，还可以修改某些属性，实现页面跳转和刷新等。我们以一个常见的 URL 为例，看看window.location包含哪些属性和方法。window.location.hre..转载 2020-06-19 20:17:10 · 3072 阅读 · 0 评论 -
ES6 箭头函数大起底：熟知这几个特点让你少踩很多坑
作者简介：李中凯八年多工作经验 前端负责人，擅长JavaScript/Vue。掘金文章专栏：https://juejin.im/user/57c7cb8a0a2b58006b1b8666/posts公众号：1024译站我们都知道，在 JavaScript 里定义函数有多种方式。最常见的是用function关键字：//函数声明functionsayHi(someone){return`Hello,${someone}!`;}//函数表达式consts...转载 2020-06-18 20:25:28 · 595 阅读 · 0 评论 -
Java原子类实现原理分析
作者简介：华哥10年+后端开发工作经验，主要分享：关于java体系的知识，如：java基础知识/数据结算/算法，Spring/MyBatis/Netty源码分析，高并发/高性能/分布式/微服务架构的原理，JVM性能优化等。公众号：java杂记在谈谈java中的volatile一文中，我们提到过并发包中的原子类可以解决类似num++这样的复合类操作的原子性问题，相比锁机制，使用原子类更精巧轻量，性能开销更小，本章就一起来分析下原子类的实现机理。悲观的解决方案（阻塞同步）我们知道，num+转载 2020-06-11 20:17:47 · 548 阅读 · 0 评论 -
详解Spring Retry实现原理
作者简介：华哥10年+后端开发工作经验，主要分享：关于java体系的知识，如：java基础知识/数据结算/算法，Spring/MyBatis/Netty源码分析，高并发/高性能/分布式/微服务架构的原理，JVM性能优化等。公众号：java杂记本文通过一个简单的例子演示Spring Retry的实现原理，例子中定义的注解只包含重试次数属性，实际上Spring Retry中注解可设置属性要多的多，单纯为了讲解原理，所以弄简单点，关于Spring Retry可查阅相关文档、博客。注解定义转载 2020-06-09 20:01:27 · 860 阅读 · 0 评论 -
五分钟了解CDN
作者简介：华哥10年+后端开发工作经验，主要分享：关于java体系的知识，如：java基础知识/数据结算/算法，Spring/MyBatis/Netty源码分析，高并发/高性能/分布式/微服务架构的原理，JVM性能优化等。公众号：java杂记一、什么是CDN？CDN全称Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础.转载 2020-06-05 20:43:27 · 583 阅读 · 0 评论 -
HTML5基本布局
作者简介：杨老师10年前端工作经验，主要分享：前端、UI设计、平面等。公众号：web前端开发HTML4HTML5<!DOCTYPE html><htmlang = "en"><head><meta charset = "utf-8"><title>HTML5 Demo</title><body><header><h1></h1><h2>.转载 2020-06-04 21:58:10 · 628 阅读 · 0 评论 -
HTML5的22小技巧
作者简介：杨老师10年前端工作经验，主要分享：前端、UI设计、平面等。公众号：web前端开发1. 新的文档类型（Doctype）<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>上面这个既麻烦又难记的XHTML文档类型你还在使用吗？ 如果还是这样的话，现在该切换到新的HTML5文档类型.转载 2020-06-03 20:07:37 · 525 阅读 · 0 评论 -
6分钟看懂 Node.js 武功精髓
作者简介小北9年前端开发工作经验，前端leade，主要分享：前端方面技术文章csdn：https://me.csdn.net/xllily_11公众号：前端你别闹Node.js是目前非常火热的技术，可是作为一个前端开发人员，为什么要学Node.js？说Node.js优劣的文章，网上一大堆，在这儿就不过多描述了。技术是服务于业务的，学技术最终目的就是为了更高的收入，咱们就是这么俗，那就从以下两点来看看，为什么要学Node.js从工作上来说首先第一点，很多大公司都在用Node.js，并且转载 2020-06-02 20:46:19 · 492 阅读 · 0 评论 -
阅完此文，Vue响应式不再话下
作者简介小北9年前端开发工作经验，前端leade，主要分享：前端方面技术文章csdn：https://me.csdn.net/xllily_11公众号：前端你别闹vue的双向数据绑定，众所周知是基于Object.defineProperty这个在浏览器的特性api来实现的。但是怎么从视图到数据，数据到视图，这个整个大过程，对于很多盆友来说，还有点不是很清楚。这篇文章，将会特别轻松的换个角度让你明白整个过程。just do it !!! ????????????Vue的响应式系统转载 2020-06-01 20:32:05 · 267 阅读 · 0 评论 -
五分钟看懂一致性哈希算法
作者简介：华哥10年+后端开发工作经验，主要分享：关于java体系的知识，如：java基础知识/数据结算/算法，Spring/MyBatis/Netty源码分析，高并发/高性能/分布式/微服务架构的原理，JVM性能优化等。公众号：java杂记一致性哈希算法在1997年由麻省理工学院的Karger等人在解决分布式Cache中提出的，设计目标是为了解决因特网中的热点(Hot spot)问题，初衷和CARP十分类似。一致性哈希修正了CARP使用的简单哈希算法带来的问题，使得DHT可以在P2P环.转载 2020-05-22 21:03:25 · 360 阅读 · 0 评论 -
前端新手 Vue应用部署到服务器的正确方式
作者简介：华哥10年+后端开发工作经验，主要分享：关于java体系的知识，如：java基础知识/数据结算/算法，Spring/MyBatis/Netty源码分析，高并发/高性能/分布式/微服务架构的原理，JVM性能优化等。公众号：java杂记页面出现空白现象，获取资源路径不对等，我相信以VueJs为技术栈来进行前端开发的小伙伴或多或少都会遇到这样的问题，我也遇到过，那现在我们就来一一解决这样的问题。很多时候我们发现辛辛苦苦写的VueJs应用经过打包后在自己本地搭建的服务器上测试没有什么问题转载 2020-05-21 20:27:00 · 449 阅读 · 0 评论 -
在聊Java中的equals方法
作者简介：华哥10年+后端开发工作经验，主要分享：关于java体系的知识，如：java基础知识/数据结算/算法，Spring/MyBatis/Netty源码分析，高并发/高性能/分布式/微服务架构的原理，JVM性能优化等。公众号：java杂记java规范中equals方法特征 自反性（对于任何非空引用x, x.equals(x) 返回true;） 对称性（对于任何引用x, y, 当且仅当y.equals(x) 返回true, x.equals(y)返回true;） .转载 2020-05-19 20:39:43 · 236 阅读 · 0 评论 -
这些常用组件完全不用 JavaScript，刚开始我还不信
作者简介：李中凯八年多工作经验 前端负责人，擅长JavaScript/Vue。掘金文章专栏：https://juejin.im/user/57c7cb8a0a2b58006b1b8666/posts公众号：1024译站我们已经习惯用 JavaScript 实现常见的 UI 功能组件，如手风琴、工具提示、文本截断等。但是随着 HTML 和 CSS 新特性的推出，不用再支持旧浏览器，我们可以越来越少用 JavaScript 来创建 UI 组件，更多地集中在代码的逻辑部分(验证、数据处理等..转载 2020-05-18 20:08:32 · 276 阅读 · 0 评论 -
Vue template 如何支持多个根结点
作者简介：李中凯八年多工作经验 前端负责人，擅长JavaScript/Vue。掘金文章专栏：https://juejin.im/user/57c7cb8a0a2b58006b1b8666/posts公众号：1024译站如果你试图创建一个没有根结点的 Vue template，像这样：<template> <div>Node 1</div> <div>Node 2</div></template>.转载 2020-05-15 20:27:25 · 1301 阅读 · 0 评论 -
Vue 组件单元测试究竟测试什么？
作者简介：李中凯八年多工作经验 前端负责人，擅长JavaScript/Vue。掘金文章专栏：https://juejin.im/user/57c7cb8a0a2b58006b1b8666/posts公众号：1024译站关于 Vue 组件单元测试最常见的问题就是“我究竟应该测试什么？”虽然测试过多或过少都是可能的，但我的观察是，开发人员通常会测试过头。毕竟，没有人愿意自己的组件未经测试从而导致应用程序在生产中崩溃。本文将分享一些用于组件单元测试的指导原则，这些指导原则可以确保在编写.转载 2020-05-14 19:47:12 · 592 阅读 · 0 评论 -
Vue.js 定义组件模板的 7 种方式
作者简介：李中凯八年多工作经验 前端负责人，擅长JavaScript/Vue。掘金文章专栏：https://juejin.im/user/57c7cb8a0a2b58006b1b8666/posts公众号：1024译站定义 Vue.js 组件模板有多种方式，据我所知，至少有7种不同的方法。本文将逐一介绍每种方法的示例，并讨论其优缺点，以便你了解在特定情况下使用哪种方法最好。普通字符串定义 Vue 组件模板最快也是最容易的方式就是给组件定义加上一个template属性，...转载 2020-05-13 19:18:58 · 630 阅读 · 0 评论 -
如何优雅地使用 ES6 箭头函数
作者简介：李中凯八年多工作经验 前端负责人，擅长JavaScript/Vue。掘金文章专栏：https://juejin.im/user/57c7cb8a0a2b58006b1b8666/posts公众号：1024译站箭头函数以其简洁的语法、没有烦人的this问题而广受欢迎，非常适合用作回调函数。本文将介绍5个最佳实践方法，帮你用好箭头函数。1箭头函数名称推断JavaScript 中的箭头函数是匿名函数：函数的name属性是空字符串''。( number =>...转载 2020-05-12 20:04:15 · 303 阅读 · 0 评论 -
Spring系列第3篇：Spring容器基本使用及原理
作者简介：路人老师11年后端工程师，前阿里P7，主要分享java，算法，数据库方面的技术干货公众号:路人甲Java 环境 jdk1.8 idea maven-3.6.1 spring-5.2.3.RELEASE IOC容器IOC容器是具有依赖注入功能的容器，负责对象的实例化、对象的初始化，对象和对象之间依赖关系配置、对象的销毁、对外提供对象的查找等操作，对象的整个生命周期都是由容器来控制。我们需要使用的对象都由ioc容器进行管理，不需要我们再去手动..转载 2020-05-08 20:12:14 · 329 阅读 · 0 评论 -
Spring系列第1篇：请问各位大佬为何要学spring？
作者简介：路人老师11年后端工程师，前阿里P7，主要分享java，算法，数据库方面的技术干货公众号:路人甲Java 环境 jdk1.8 idea maven-3.6.1 spring-5.2.3.RELEASE 整个spring系列使用官方最新版本5.2.3.RELEASE，会有大量案例，都是通过maven来管理的，所以maven...转载 2020-05-06 20:02:25 · 244 阅读 · 0 评论 -
前端新手 Vue应用部署到服务器的正确方式
作者简介：陈老师5年多前端工作经验，主要分享：vue.js,等前端技术，微信开发公众号：H5前端开发社区掘金专栏：https://juejin.im/user/5901d6210ce463006153c6cc页面出现空白现象，获取资源路径不对等，我相信以VueJs为技术栈来进行前端开发的小伙伴或多或少都会遇到这样的问题，我也遇到过，那现在我们就来一一解决这样的问题。很多时候我们发...转载 2020-04-30 19:34:50 · 1438 阅读 · 0 评论 -
React还是Vue：你该如何选择？
作者简介：陈老师5年多前端工作经验，主要分享：vue.js,等前端技术，微信开发公众号：H5前端开发社区掘金专栏：https://juejin.im/user/5901d6210ce463006153c6cc2016年React巩固了它作为前端框架之王的地位，这一年中可以看到它在Web端和移动端的快速成长，同时稳稳领先于它的主要竞争对手Angular。但是2016对...转载 2020-04-28 20:07:59 · 553 阅读 · 0 评论 -
一张图看懂JavaScript中数组的迭代方法：forEach、map、filter、reduce、every、some
作者简介：李晓伟9年前端工作经验，主要分享：Javascript、HTML5、CSS3、Vue、React、Angular、小程序、hybird、前后端开发协作、互联网、人工智能、用户体验等多方面知识公众号：前端之阶图解JavaScript中数组的迭代方法forEach、map、filter、reduce、every、some在日常处理JS的数组过程中, 我们...转载 2020-04-26 19:35:14 · 327 阅读 · 0 评论 -
ServiceLoader你知道吗？
作者简介：郑老师12年后端工作经验，主要分享:Java后端架构,其中也会掺杂一些前端、GO、Python、Linux公众号：互联网后端架构想必大家多多少少听过spi，具体的解释我就不多说了。但是它具体是怎么实现的呢？它的原理是什么呢？下面我就围绕这两个问题来解释：实现: 其实具体的实现类就是java.util.ServiceLoader这个类。 要想了解一个机制...转载 2020-04-22 20:34:36 · 349 阅读 · 0 评论 -
JAVA集合框架中的常用集合及其特点、适用场景、实现原理简介
作者简介：郑老师12年后端工作经验，主要分享:Java后端架构,其中也会掺杂一些前端、GO、Python、Linux公众号：互联网后端架构JDK提供了大量优秀的集合实现供开发者使用，合格的程序员必须要能够通过功能场景和性能需求选用最合适的集合，这就要求开发者必须熟悉Java的常用集合类。本文将就Java Collections Framework中常用的集合及其特点、适用场景、实...转载 2020-04-21 19:43:16 · 291 阅读 · 0 评论 -
10个小技巧助您写出高性能的ASP.NET Core代码
作者简介：孙老师8年.Net后端架构经验，Winform/Silverlight/MVC/WPF/WCF/Windows Workflow/系统架构深有见解，混迹于外企，Scrum敏捷开发倡导者。JAVA开源社区活跃者，SpringBoot/Spring Cloud，Consul/微服务/Docker/K8s狂热者。公众号：后端技术干货大全这里我们举一个例子：我们有多个搜索引擎...转载 2020-04-17 20:39:03 · 264 阅读 · 0 评论 -
「干货」细说 Javascript 中的浮点数精度丢失问题
作者简介：Jaked8年前端工作经验，主要分享：职业发展方面、前端技术、面试技巧等。公众号:超哥前端小栈掘金：https://juejin.im/user/5a5d4522518825732b19d364/posts最近，朋友 L 问了我这样一个问题：在 chrome 中的运算结果，为什么是这样的？0.55 * 100 // 55.000000000000010.56 * ...转载 2020-04-16 20:01:35 · 415 阅读 · 1 评论 -
「干货」CSS 不定宽高的垂直水平居中（最全 9 种）
作者简介：Jaked8年前端工作经验，主要分享：职业发展方面、前端技术、面试技巧等。公众号:超哥前端小栈掘金：https://juejin.im/user/5a5d4522518825732b19d364/posts垂直居中，在 CSS 中是一个老生常谈的问题，面试的时候也会时常被提及。所以，今天我们就来聊聊 9 种不同的居中方法。有常见的 flex、transform、...转载 2020-04-14 19:12:08 · 369 阅读 · 1 评论 -
干货」用 Vue + Echarts 打造你的专属可视化界面（下）
作者简介：Jaked8年前端工作经验，主要分享：职业发展方面、前端技术、面试技巧等。公众号:超哥前端小栈掘金：https://juejin.im/user/5a5d4522518825732b19d364/posts接上一篇文章《「干货」用 Vue + Echarts 打造你的专属可视化界面（上）》，今天着重介绍标记的用法，来实现下图中的效果。所用的 Ec...转载 2020-04-13 20:27:35 · 313 阅读 · 0 评论 -
「干货」用 Vue + Echarts 打造你的专属可视化界面（上）
作者简介：Jaked8年前端工作经验，主要分享：职业发展方面、前端技术、面试技巧等。公众号:超哥前端小栈掘金：https://juejin.im/user/5a5d4522518825732b19d364/posts在近期的项目中，有大量处理可视化数据的需求。说起处理数据的可视化，相信很多同学跟我一样，都会想到用 Echarts 来实现。没错，Echarts 拥有高度可定制化...转载 2020-04-10 19:30:21 · 2348 阅读 · 0 评论