04 2021 档案
摘要：这次我们一起来研究下js中toString、valueOf方法的实现机制及意义，以便在未来的工作中能够更好的对其进行应用。 首先还是做些准备工作吧： c = console.log; 【1. 最常见也是最好理解的应用场景：值类型数据toString及valueOf方法的使用】 var str = "
阅读全文
摘要：Java程序员66条面试技巧汇总及注意事项，最近面试的小伙伴，你面试的怎么样？今天小编汇总了一下面试技巧以及面试注意事项，希望对于正在参加或者准备参加的小伙伴有所帮助。 一、行业周期-城市-团队 1、行业周期一，2001-2010是PC时代，2011-2020是移动互联网时代， 2021-2030是
阅读全文
摘要：2021年Java面试题目及答案汇总-多线程。针对目前求职旺季，很多Java程序员找工作都被“考问住”下面小编针对Java程序员多线程面试题目做详细的解答，希望对于面试的小伙伴有所帮助。 1、什么是进程？ 进程是系统中正在运行的一个程序，程序一旦运行就是进程。 进程可以看成程序执行的一个实例。进程是
阅读全文
摘要：同学们经常在制作网页的时候，会遇到ie6的兼容问题，下面这篇文章可以帮助大家规范代码和解决ie6中常见的一些兼容问题。 浏览器的兼容问题 浏览器兼容问题可以认为是相同的代码（css,js）在不同的浏览器中执行会产生不同的效果。 中国常见的3大内核： IE内核： IE浏览器、360浏览器（兼容模式）
阅读全文
摘要：什么是jQuery插件？ 首先，来看看我们一般是如何使用jQuery，第一种方式：$.trim(" hello world ")，直接使用jQuery中方法，第二种方式：$("#myinput").val()，获取页面中的元素，然后使用jQuery对象中方法。两种的区别在于，第一种方式调用方法一般不
阅读全文
摘要：在一些项目里面比如进销存系统，对一些过期图片的定时清理或者库存不足发出预警提示，就需要用到定时调度技术。 每当经过一段时间，程序会自动执行，就是定时调度。如果要使用定时调度，则必须保证程序始终运行才行哦，也就是说定时调度是在程序之外又启动了一个新的线程。那么怎样才能实现定时调度呢？ 方案一：可以使用
阅读全文
摘要：今天我们的目标是开发人生中的第一个Java程序，虽然可能会很简单，但是这小小的一步却是跨入IT行业的一大步！下面我们来一起来仔细的了解开发的流程。 准备工作 1，作为一名准程序猿自备一台电脑那是必不可少的，至于配置嘛，只要不是“小霸王”学习机就好。 2，请在电脑上建立如下的文件夹: D:\java\
阅读全文
摘要：Bootstrap介绍： Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。 Bootstrap的特点： 一、预处理脚本:虽然可以直接使用 Bootstrap 提供的 CSS 样式表，不要忘记 Bootstrap 的源码是基于最流行
阅读全文
摘要：设计模式 设计模式是一种在长时间的经验与错误中总结出来可复用的解决方案 设计模式主要分为三类: 创造型设计模式 : 专注于处理对象的创建 Constructor构造器模式、Factory工厂模式，Singleton单例模式、builder生成器模式 构造型设计模式 : 对象间组合，简历对象之间的关系
阅读全文
摘要：在前端的性能优化中，缓存可以说是性能优化中简单高效的一种优化方式了。缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷，今天就来聊一聊浏览器的缓存策略，下图是一个浏览器发送请求获取资源的图示： 其中用到的缓存机制分为强缓存和协商缓存： 强缓存 可
阅读全文
摘要：众所周知，js是用new来产生对象的，那么今天我们就来说说js里new产生对象的构造原理。 //人类构造函数 function People(){ } People.prototype.index = 1; //在原型上绑定一个index属性，值为1 var p1 = new People(); /
阅读全文
摘要：现在基于vue全家桶技术体系，基本上可以开发各端的各种应用，pc端的应用，开发完成以后，直接运行打包命令 yarn build 即可打包，部署到服务器端上线即可。那么，今天我们来聊一聊，开发好的vue移动端应用，如何打包成app，安装在自己的手机上呢？ 首先，基于vue开发的应用，现在主流的是使用v
阅读全文
摘要：最近几年，web前端越来越火，也诞生了非常多功能强大的框架，vue便是最近炙手可热的一个框架，不仅简单快速上手快，而且功能非常丰富，能完成各种常用项目！ 但是，很多coder对vue的了解都是’自动化’配置完毕的一个脚手架项目，其实vue项目也可以自定义非常多东西。@vue/cli3.x的脚手架项目
阅读全文
摘要：从零动手封装一个通用的vue按钮组件 我们在使用目前最主流的前端框架vue在开发过程中，组件是一个非常重要的组成部分，可以这么说，所有的vue应用，都是由一个一个的小组件拼装而成的。 正是由于vue组件如此重要，所以vue的生态中，也非常多的UI组件库，其中最著名的非Element-UI莫属，里面有
阅读全文
摘要：随着前端引用变得越来越复杂，前端的性能优化变得越来越重要。大家都有这样一种体验，如果打开一个网站的速度非常快，那么在的上面的停留时间相对较长，反之，则可以以后再也不想访问这个网站了。可见性能优化的重要性，决定的用户的去留。 那么具体如何来提高前端的性能呢？要提高前端网页的性能，首先你要对当前的网站性
阅读全文
摘要：大家对常见的创建启动线程的两种方式已经非常了解，今天咱们来了解下第三种方式线程池，Java提供了原生的线程池实现。 一、常见创建启动线程两种方式 <ignore_js_op> 1、继承方式，自定义线程类继承java.lang.Thread类，然后调用start方法启动线程。 2、实现方式，自定义线程
阅读全文
摘要：Jvm简介 JVM是Java Virtual Machine（Java虚拟机）的缩写，JVM是一种用于计算设备的规范，它是一个虚构出来的计算机，是通过在实际的计算机上仿真模拟各种计算机功能来实现的。 引入Java语言虚拟机后，Java语言在不同平台上运行时不需要重新编译。Java语言使用Java虚拟
阅读全文
摘要：对于Java初学者来讲，对于浮点数据类型会产生一些诸如，什么是单精度？什么是双精度？这一类的疑惑。这往往是对于这个知识点理解产生一些偏差。 单精度浮点类型，双精度浮点类型可以把它看作是一个名词，只不过是一种叫法。 他们都是用来表示小数。但是不能精确的表示一个小数。只是无限接近的一个数。 单精度浮点数
阅读全文
摘要：验证码的出现在一定程度上降低了程序被攻击的风险，也使得我们的软件安全性得到有效提高。Java发展至今，网上也出现了各种各样的验证码：有图像验证码，字符验证码，还有用于计算的验证码等等。接下来为大家介绍几个原始验证码的写法。效果如下： 第一款是基本的验证码，就背景颜色和字体颜色随机的。第二款是每个字符
阅读全文
摘要：作为前端程序员，无论是菜鸟还是老鸟，javascript的运行机制是绕不过的一个问题，理解这些，会让我们对js有更深的认知，减少在编码时候出现一些异步问题的bug。那么我们先来看一道题目，代码如下: 示例1 console.log(1); setTimeout(function() { consol
阅读全文
摘要：项目准备 一.1. 项目描述 该项目是基于vue和ts的后台管理系统 具体包含了登录、数据管理、账号管理模块 用户登录系统后，可以查看自己学习情况和添加最新的学习任务等 一.2. 项目功能界面 一.3. 开发环境与技术 开发环境 Window10 开发工具 vscode 技术栈 Vue + ts +
阅读全文
摘要：1. 需求详解 很多时候,我们在项目中会大量使用到可视化图表数据,在大量工作中,我们最熟悉的可视化数据一定是echarts这个工具,它非常好用并免费.听起来很香,对!它真的很香。 但是当我们在特定场景中,比如小程序,那它就是一个非常头痛的存在,为什么?在小程序中代码上传大小规定只有2M,而echar
阅读全文
摘要：2021年，TypeScript非常火热，前端的各大主流框架和工具，都在向TypeScript靠拢，TypeScript让前端开发复杂大型项目更加严谨。极大的降低了代码出现bug的几率，也大大增强了代码的可维护性和可读性，代码即文档，TypeScript的这一理念，让TypeScript在前端大放异
阅读全文
摘要：1.1 了解NodeJS 简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascr
阅读全文
摘要：一、计算 属性二、 方法三、侦听器一、计算 属性计算属性将被混入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例。 注意如果你为一个计算属性使用了箭头函数，则 this 不会指向这个组件的实例，不过你仍然可以将其实例作为函数的第一个参数来访问。
阅读全文
摘要：这个Demo中通过 v-bind绑定，实现了父子组件间的数据传递子组件往父组件传值 1、现在子组件中进行监听注册 @click='handleItemClick' 2、在子组件中的methods中注册 handleItemClick 3、this.$emit("delete"); 子组件 被点击时，
阅读全文
摘要：在我们开发的许多应用程序都会用到某种日期功能，无论是内容的创建日期还是活动的时间戳等等。处理日期和时间戳格式可能会很麻烦。在本文中，我们将一起学习如何在 `JavaScript` 中以各种格式获取当前日期。JavaScript的Date对象JavaScript具有一个内置 `Date` 对象，该对象
阅读全文
摘要：一,定位介绍 定位的基本思想很简单，它允许你定义元素出现在页面的任何位置. 是通过position属性配合left,right...等来实现的. 二,定位类别 1.相对定位 相对定位就是相对于自己以前在标准流中的位置来移动 语法: position: relative; 配合left, top, r
阅读全文
摘要：项目介绍 官方是这样介绍 kkFileView 的： kkFileView 是使用 spring boot 打造文件文档在线预览项目解决方案，支持 doc、docx、ppt、pptx、xls、xlsx、zip、rar、mp4、mp3 以及众多类文本如 txt、html、xml、java、proper
阅读全文
摘要：数据结构 Memcached：主要支持简单的 key-value 数据结构，类似于 Redis 里的 String。 Redis：总共有9种，常见的5种，高级的4种： String：字符串，最基础的数据类型。 List：列表。 Hash：哈希对象。 Set：集合。 Sorted Set：有序集合，S
阅读全文
摘要：前言 Java 线程通信是将多个独立的线程个体进行关联处理，使得线程与线程之间能进行相互通信。比如线程 A 修改了对象的值，然后通知给线程 B，使线程 B 能够知道线程 A 修改的值，这就是线程通信。 wait/notify 机制 一个线程调用 Object 的 wait() 方法，使其线程被阻塞；
阅读全文
摘要：文档对象模型(DOM) JS 有很多地方让咱们吐槽，但没那么糟糕。作为一种在浏览器中运行的脚本语言，它对于处理web页面非常有用。在本中，我们将看到我们有哪些方法来交互和修改HTML文档及其元素。但首先让我们来揭开文档对象模型的神秘面纱。 文档对象模型是一个基本概念，它是咱们在浏览器中所做的一切工作
阅读全文
摘要：前言 JVM系列文章如无特殊说明，一些特性均是基于Hot Spot虚拟机和JDK1.8版本讲述。 下面这张图我想对于每个学习Java的人来说再熟悉不过了，这就是整个JDK的关系图： 从上图我们可以看到，Java Virtual Machine位于最底层，所有的Java应用都是基于JVM来运行的，所以
阅读全文
摘要：JVM 预热是一个非常头疼而又难解决的问题。本文讨论了在运行在 Kubernetes 集群中的 Java 服务如何解决 JVM 预热问题的一些方法和经验。 JVM 预热是一个非常头疼而又难解决的问题。基于 JVM 的应用程序在达到最高性能之前，需要一些时间来“预热”。当应用程序启动时，通常会从较低的
阅读全文
摘要：什么是观察者模式？ 观察者模式（Observer Pattern）定义了对象间的一种一对多的依赖关系，这样只要一个对象的状态发生改变，其依赖的所有相关对象都会得到通知并自动更新。 在观察者模式中，发生改变的对象叫做观察目标，而被通知更新的对象称为观察者，一个观察目标对应多个观察者，观察者一般是一个列
阅读全文
摘要：平时使用SpringBoot开发应用时，修改代码后需要重新启动才能生效。如果你的应用足够大的话，启动可能需要好几分钟。有没有什么办法可以加速启动过程，让我们开发应用代码更高效呢？今天给大家推荐一款SpringBoot官方的热部署工具spring-boot-devtools，修改完代码后可快速自动重启
阅读全文
摘要：用过vue的朋友大概对vuex也不陌生，vuex的官方解释是专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。说的简单点就是对vue的状态进行统一管理，如下图介绍了其管理模式： 最简单的使用方法长这样的： //
阅读全文
摘要：JavaScript的程序结构分为三大类: 顺序：程序默认都是从上到下逐行执行 分支：根据条件判断的结果，有选择的执行不同 循环：程序可以反复执行同一代码段，到达临界时退出 例子： 需求分析: input process output var price=prompt("please input t
阅读全文
摘要：同源策略 同源策略是浏览器的一个安全功能，同源即协议、域名、端口三者相同。它限制了从一个源加载的文档或脚本与另一个源进行数据交互，所以abc.com下的JS脚本请求xyz.com的数据会被拒绝。 注意：跨域限制访问，其实是浏览器的同源策略限制。 跨域 当协议、域名、端口任意一个不同时，都算不同域。不
阅读全文
摘要：文档对象模型(DOM) JS 有很多地方让咱们吐槽，但没那么糟糕。作为一种在浏览器中运行的脚本语言，它对于处理web页面非常有用。在本中，我们将看到我们有哪些方法来交互和修改HTML文档及其元素。但首先让我们来揭开文档对象模型的神秘面纱。 文档对象模型是一个基本概念，它是咱们在浏览器中所做的一切工作
阅读全文
摘要：JavaScript 中有很多种异步编程的方式。callback、promise、generator、async await 甚至 RxJS。我最初接触不同的异步模式时，曾想当然的觉得 promise 就是比 callback 好， async await 比就是比 promise 优雅，会把它们割
阅读全文
摘要：注册一个全局自定义指令 Vue.directive('upper-text', { bind: function (el, binding) { el.textContent = binding.value.toUpperCase() } }) 注册一个局部指令 directives: { 'low
阅读全文
摘要：前言 这里所要介绍的布局知识主要是在解决三列布局模式而出现的几种布局解法，其中包含了经典的圣杯布局，双飞翼布局，绝对定位的布局方式，还包含2009年W3C所提出的Flex布局方式和以CSS3所带来的calc计算函数来解决三列布局的方式。 本文会通过实例的方式讲解，带你了解为什么没有一种一劳永逸的方法
阅读全文
摘要：本文主要介绍一些JS中用到的小技巧，可以在日常Coding中提升幸福度，将不定期更新~ 1. 类型强制转换 1.1 string强制转换为数字 可以用 *1来转化为数字(实际上是调用 .valueOf方法) 然后使用 Number.isNaN来判断是否为 NaN，或者使用 a!==a 来判断是否为
阅读全文
摘要：一般清除浮动的三种方式 第一种给父元素添加overflow: hidden; 我们都知道overflow:hidden可以溢出隐藏，即当内容元素的高度大于其包含块的高度时，设置该属性即可把内容区域超出来的部分隐藏，使内容区域完全包含在该包含块中。 然而"overflow:hidden"还有另外一个特
阅读全文
摘要：事情的起因是这样的，在Review一位同事做的页面时，发现好几处字符之间写了很多空格，于是问他为什么这么做，他说设计要求这几个文本的呈现宽度必须一致，但它们的字符个数又不同，所以就在字符数少的文本中添加空格从而达到文本两端对齐（字符均匀分布）的效果，于是我对他表示了侮辱性的赞美。 用添加空格符的方式
阅读全文
摘要：我们都知道html5的拖放特性，利用它可以很方便的实现拖拽和放置功能，比如一些选择类操作的使用场景，让用户去拖拽比鼠标点击更容易接受和理解。今天我们就利用这一特性，结合vue的自定义指令，来实现一个简单但是实用的拖放插件。 为什么叫它插件？因为我们的目标不是开发一个vue组件，而是两个vue的自定义
阅读全文
摘要：作为前端，我们每天都在与CSS打交道，那么CSS的原理是什么呢？ 一、浏览器渲染 开篇，我们还是不厌其烦的回顾一下浏览器的渲染过程，先上图： 正如上图所展示的，我们浏览器渲染过程分为了两条主线： 其一，HTML Parser 生成的 DOM 树；其二，CSS Parser 生成的 Style Rul
阅读全文
摘要：解释一下为何[ ] == ![ ] // > true 首先看一张图 ！[ ] 是 false原式：[ ] == false根据第八条，false通过tonumber（）转换为0原式：[ ] == 0根据第十条，[ ]通过ToPrimitive()转换为' '原式：' ' == 0根据第六条原式：0
阅读全文
摘要：初学CSS,这些内容你都知道了吗？ CSS介绍 引入css样式表方法 CSS选择器 CSS常用属性 CSS介绍： CSS全称是（Cascading Style Sheet）层叠样式表； 层叠：层叠就是对一个元素多次设置同一个样式 特点： 1）丰富的样式定义 CSS提供了丰富的文档样式外观，以及设置文
阅读全文
摘要：背景 布局是我们前端开发中不可避免的，简单回忆一下 css 的布局方案，供大家参考以及自己参阅。 居中布局 这里的居中布局是不定宽度为前提，固定宽度情况也包含其中。 水平居中 inline-block + text-align .parent { text-align: center; } .chi
阅读全文
摘要：最近忙里偷闲，给自己加油充电的时候，发现自己脑海中布局这块非常的凌乱混杂，于是花了一些时间将一些常用的布局及其实现方法整理梳理了出来，在这里，分享给大家。 单列布局 单列布局是最常用的一种布局，一般是将一个元素作为容器，设置一个固定的宽度，水平居中对齐。 单列布局一般有两种形式： 一栏布局 一栏布局
阅读全文
摘要：在 Java 程序中，我们可以利用 synchronized 关键字来对程序进行加锁。它既可以用来声明一个 synchronized 代码块，也可以直接标记静态方法或者实例方法。 当声明 synchronized 代码块时，编译而成的字节码将包含 monitorenter 和 monitorexit
阅读全文
摘要：在应用开发的早期，数据量少，开发人员开发功能时更重视功能上的实现，随着生产数据的增长，很多SQL语句开始暴露出性能问题，对生产的影响也越来越大，有时可能这些有问题的SQL就是整个系统性能的瓶颈。 如果有不同意见，欢迎留言指正，一起学习！ SQL优化一般步骤 1、通过慢查日志等定位那些执行效率较低的S
阅读全文
摘要：String的不变性 String在Java中特别常用，相信很多人都看过他的源码，在JDK中，关于String的类声明是这样的： public final class String implements java.io.Serializable, Comparable<String>, CharSe
阅读全文
摘要：项目场景 项目中有个数据导出excel的需求，而且是批量，那么就要打包咯 解决步骤 基本实现如下： 生成文件 保存到临时目录 || 缓存到内存中 将文件打包下载 我不想废话了，上代码： 直接把文件输出流放到压缩流ZipOutputStream List<String> fields = new Ar
阅读全文
摘要：工作中我们通过搜索引擎或者官方文档很容易就会知道一个语法怎么使用，但是你知道其中的原理吗？我想有一部分同学应该做不到清楚的说明其实现原理。众所周知，如今技术更新迭代速度很快，据 Vue 作者尤雨溪表示 Vue3.x 在今年的下半年发布正式版本，视频地址在这里 VUE CONF 杭州之 3.0 进展
阅读全文
摘要：Vue与Webpack安装与使用 vue.js介绍 1、vue.js是什么？ Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整
阅读全文
摘要：强制刷新当前页面 1、reload -- 强迫浏览器刷新当前页面 location.reload([bForceGet]) //重新加载当前文档 bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F
阅读全文
摘要：一、CSS篇 1.1 元素默认蓝色边框 input标签元素（如button、text 、areatext）的一些事件（如click、focus等），在很多浏览器下默认会有蓝色边框出现，如把一个普通button的background和border都设置为none后，触发点击后样式如下： 这是由元素默认
阅读全文
摘要：使用TypeScript 这是你可以通过不编写JS来改善JS的第一件事。对于初学者来说，TypeScript（TS）是JS的“已编译”的超集（在JS中运行的所有内容都可以在TS中运行）。TS在原生JS体验的基础上增加了一个全面的类型静态检查系统。长期以来，整个生态系统中对TS的支持都不够好，所以以前
阅读全文
摘要：HTML元素嵌套问题 元素嵌套 块元素可以包含内联元素或某些块元素，但内联元素却不能包含块元素，只能包含其他的内联元素。 P元素嵌套问题 <p> <div></div> </p> 在P元素中嵌套div等块级元素，在浏览器中解析如下： 可以看到在元素最后会多出一个空的<p></p>。 通过查询，发现原
阅读全文
摘要：在学习JavaScript中，我们知道它是一种灵活的语言，具有面向对象，函数式风格的编程模式，面向对象具有两点要记住，三大特性，六大原则。 那么是哪些呢？具体的三大特性指的是什么？请记住三大特性：封装（Encapsulation），继承（Inheritance），多态（Polymorphism）。我
阅读全文
摘要：最近我在CodePen上发现了一个纯CSS实现，具有渐变倒影和3D旋转效果的栅栏动画，他的实现方式是：利用10个<div>元素创建10个栅条，接着再复制整份<div>元素，并创建一个渐变遮罩形成渐变效果，以此作为栅栏的倒影。 这听起来有点像用左脚的脚趾去抓你的右耳背部（译者理解：表达的意思应该是用了
阅读全文
摘要：数组对象 创建数组 数组可以存储任意数据类型的数据存储方式分为字面量方式存储、构造函数方式存储数据类型：5基1复5基本：number、string、boolean、null、undefined1复杂：object、function，array var now = new Date(); //构造函数
阅读全文
摘要：原生HTML的button只能保证功能存在，样式都不怎么好看。当然也可以通过编写css样式来改变原生HTML中的button显示，但是现在各个UI框架都很流行，也很方便，很多时候都是直接引入框架就能获得非常好看、好用的样式组件。那么此篇文章使用Vue也来实现一个好看、使用的Button小组件。 实现
阅读全文
摘要：css盒模型、元素类型 一、css盒模型的概念及组成 概念：盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间. 盒模型的组成：边框、外边界/外边距、补白/内填充、内容区。 二、盒子模型的相关元素 三、标准盒子大小计算方式
阅读全文
摘要：闭包，其实是一种语言特性，它是指的是程序设计语言中，允许将函数看作对象，然后能像在对象中的操作般在函数中定义实例（局部）变量，而这些变量能在函数中保存到函数的实例对象销毁为止，其它代码块能通过某种方式获取这些实例（局部）变量的值并进行应用扩展。 我们的理解： 其实闭包就是一个函数，一个外部函数通过调
阅读全文
摘要：在日常工作计算中，我们如履薄冰，但是 JavaScript 总能给我们这样那样的 surprise~ 0.1 + 0.2 = ？ 1 - 0.9 = ？ 如果小伙伴给出内心的结果： 0.1 + 0.2 = 0.3 1 - 0.9 = 0.1 那么小伙伴会被事实狠狠地扇脸： console.log(0
阅读全文
摘要：jquery的安装和语法，jquery的多种选择器，dom操作和jquery事件。 jQuery框架，简介，优势，安装，语法，jQuery选择器，id选择器，类选择器，标记选择器，属性选择器，位置选择器，后代选择器，子代选择器，选择器对象，选择器对象遍历，页面初始化，jQuery的dom操作，查找，
阅读全文
摘要：一名合格的web前端工程师必须得掌握HTML、CSS和JavaScript。 只懂其中一个或两个还不行，你必须对这三门语言都很熟悉。 也不是说必须对这三门语言都非常精通，但你至少要能够运用它们完成大多数任务，而无需地频繁地寻求别人的帮助。 今天给大家分享一些web前端工程师要掌握的基础知识和技能：
阅读全文
摘要：Javascript声明变量的，虽然用var关键字声明和不用关键字声明，很多时候运行并没有问题，但是这两种方式还是有区别的。可以正常运行的代码并不代表是合适的代码。 varnum=1; 是在当前域中声明变量。如果在方法中声明，则为局部变量（localvariable），如果是在全局域中声明，则为全局
阅读全文
摘要：坊间传闻，现在的前端面试者的简历都写精通JS，那就拿这些题考考，若不能全答对，就不要说精通了，这只是中高级前端的基础题而已。（注：文末附参考答案） JS选择题 1.请问JS中的基本数据类型有几种？（ ） A.5 B.6 C.7 2.下面代码的输出是什么？（ ） A: TJH 和 undefined
阅读全文
摘要：1. 需求 如果要你实现一个前端路由，应该如何实现浏览器的前进与后退 ？ 2. 问题 首先浏览器中主要有这几个限制，让前端不能随意的操作浏览器的浏览纪录： •没有提供监听前进后退的事件。•不允许开发者读取浏览纪录，也就是 js 读取不了浏览纪录。•用户可以手动输入地址，或使用浏览器提供的前进后退来改
阅读全文
摘要：众所周知，事件流分为三个阶段冒泡分为捕获阶段，目标阶段和冒泡阶段， 这三个阶段到底是如何运行的呢？如果给同一个事件绑定上冒泡和捕获的事件到底会怎样触发呢？ 下面我用dom2级事件函数来变换捕获和冒泡，用eventPhase来判断事件的是捕获，还是目标阶段，还是捕获， document.addEven
阅读全文
摘要：在工作中，为了提升工作效率与持续学习，常常会收集整理很多素材，有网站案例源码，有片段的代码特，在这里我收集的一些CSS小技巧。 1. 容器水平居中 先该容器设置一个明确宽度，然后将margin的水平值设为auto即可 div.horizontal-center { width: 760px; mar
阅读全文
摘要：首先开篇之前先提个问题： 为什么Flex box跟Grid box的是以start、end为排列规则，而不是常规的top 、right 、bottom 跟left？ 先不要急着往下翻，大家先思考一下。 这个问题的答案，鱼头会在文章中给出，欢迎大家带着这个问题往下翻阅，如果已经知道答案，也可以看看跟大
阅读全文
摘要：Parsley.js Parsley.js是一个轻量级且功能丰富的库，它使用DOM中嵌入的数据属性来实现相同的功能，而不是使用Javascript验证表单。令人惊讶的易于配置的插件还使您可以覆盖几乎所有默认行为，使其符合您的表单要求。 quickValidation.js quickValidati
阅读全文
摘要：常见的css样式操作 单行文本溢出掩藏 语法：white-space: nowrap| pre | pre-wrap | pre-line | inherit nowrap：单行文本不换行，文本显示一行； pre: 保留空白(在游览器显示时，保留空格)； pre-wrap: 保留空白序列，正常换行；
阅读全文
摘要：1. input中的placeholder 首先我们定义一个input： <input type="text" placeholder="你点我啊！" /> 12 当我们使用输入框input中的placeholder时经常需要调里面字体的大小和其他样式，（由于兼容性问题，对应浏览器不同，所以要针对浏
阅读全文
摘要：时间格式化在项目中使用频率是非常高的，当我们的 API 接口返回结果，需要对其中某一个 date 字段属性进行特殊的格式化处理，通常会用到 SimpleDateFormat 工具处理。 SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy-
阅读全文
摘要：1、DOCTYPE的作用 面试官：我们现在写HTML代码第一行通常是 !<DOCTYPE HTML>，请介绍一下DOCTYPE的作用（基础题） DOCTYPE标签是一种标准通用标记语言的文档类型声明，且必须声明在文档的第一行，来告知浏览器用何种文档标准来解析这个网页，不同的渲染模式会影响浏览器对CS
阅读全文
摘要：使用Java的小伙伴，对于Java的一些高级特性一定再熟悉不过了，例如集合、反射、泛型、注解等等，这些可以说我们在平时开发中是经常使用到的，尤其是集合，基本是只要写代码没有用不到的，今天我们先来谈谈泛型。 1. 定义 在了解一个事物之前，我们必定要先知道他的定义，所以我们就从定义开始，去一步一步揭开
阅读全文
摘要：1.静态布局（static） 1.1布局特点不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见于pc端。 1.2.设计
阅读全文
摘要：索引类似大学图书馆建书目索引，可以提高数据检索的效率，降低数据库的IO成本。MySQL在300万条记录左右性能开始逐渐下降，虽然官方文档说500~800w记录，所以大数据量建立索引是非常有必要的。MySQL提供了Explain，用于显示SQL执行的详细信息，可以进行索引的优化。 一、导致SQL执行慢
阅读全文
摘要：前几天在 code review 时发现有一段代码中存在滥用try catch的现象。其实这种行为我们也许都经历过，刚参加工作想尽量避免出现崩溃问题，因此在很多地方都想着 try catch一下。 但实际上这种习惯不仅会让代码很难看，更会影响代码的运行性能。有些人会觉得，不就是一个 try catc
阅读全文
摘要：在对Java代码进行优化的时候，想方设法的要提高整体的效率，使用JProfiler看代码的时间占比，然后，看看哪些部分是可以优化的，减少运行时间的。下面有这么几个方向。 1. 能使用构造函数一步到位的，就尽量使用构造函数，而不是使用一个个setter函数 2. 能使用数组的，就使用数组。替代list
阅读全文
摘要：简单回顾门面模式 slf4j是门面模式的典型应用，因此在讲slf4j前，我们先简单回顾一下门面模式， 门面模式，其核心为外部与一个子系统的通信必须通过一个统一的外观对象进行，使得子系统更易于使用。用一张图来表示门面模式的结构为： 门面模式的核心为Facade即门面对象，门面对象核心为几个点： 知道所
阅读全文
