IT教育任姐姐的博客

如何编写出高质量的 JavaScript 代码？有人说是一门玄学，但其实，凡事皆有法，可以从以下三个方面去考虑。易阅读的代码、高性能的代码、健壮性的代码。下面千儿妹将分别对这三个方面进行阐述。1️⃣易阅读的代码首先说一下，代码是写给自己或团队成员看的，良好的阅读方式是编写高质量代码的前提条件。这里总结了四点具体操作方式分享给大家。第一点：统一代码格式不要一会这样写，一会那样写，尽量统一写法，下面举例。人为去约定代码格式，是很不方便的，所以可以借助一些工具进行自动格式转换。第.

前端路由原理？两种路由的实现方式有什么区别？一般比较hash history abstract 前端路由主要应用在SPA（单页面开发）项目中。在无刷新的情况下，根据不同的URL来显示不同的组件或者内容。1.hash模式www.test.com/#/就是 Hash URL，当#后面的哈希值发生变化时，可以通过hashchange事件来监听到 URL 的变化，从而进行跳转页面，并且无论哈希值如何变化，服务端接收到的 URL 请求永远是www.test.com。Hash 模式相对来说更简单，并且兼

闭包一直是 JavaScript 中一个非常重要的概念。以前一直很难理解这个概念，主要是对 JavaScript 中的执行原理不熟悉。通过对前面执行上下文和垃圾收集的总结，终于可以对这个概念好好进行分析了。下面是我的一些理解和总结。定义闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的最常见的方式，就是在一个函数内部创建另一个函数。我们举一个例子：functionouter(){vara=1;functioninner(){console....

这篇文章主要介绍js取整、取余和取模的实现方法和它们之间的区别，以及Math对象的常用方法函数介绍。取整在项目开发过程中，有时要对小数取整操作，JavaScript也提供了4种方法，分别为round()、ceil()、floor()和parseInt()取整。其中round()是四舍五入取整，ceil() 是向上取整，floor() 是向下取整，parseInt() 只取整数部分。保留整数部分Math.parseInt() 方法就是仅取整数部分，也就是不管小数点后的数是否大于5，一律舍弃

今天这篇文章给大家总结一下我们日常开发中一些常用的Object的操作方法，希望可以对各位有所帮助。01、JavaScript对象有两种类型Native：在ECMAScript标准中定义和描述，包括JavaScript内置对象（数组，日期对象等）和用户自定义对象；Host：在主机环境（如浏览器）中实现并提供给开发者使用，比如Windows对象和所有的DOM对象；02、创建对象并添加成员最简单的方法（即Object Literal，对象字面变量），之后便可以向它添加属性。字面量：字面量表

在开发中，有时，我们花了几个小时写的Js 代码，在游览器调试一看，控制台一堆红，瞬间一万头草泥马奔腾而来。至此，本文主要记录Js 常见的一些错误类型，以及常见的报错信息，分析其报错原因，并给予处理方法。并且将介绍几种捕获异常的方法。注：本文使用的谷歌游览器验证，不同的游览器，报错可能会不一样。常见的错误类型 RangeError：标记一个错误，当设置的数值超出相应的范围触发。比如，new Array(-20)。 ReferenceError：引用类型错误，当一个不存在的变量被引用

前言在上一篇文章中，壹哥已经带大家实现了分布式环境下的Session共享功能，但之前的案例中，其实还是存在着一些问题，主要就是性能不够高效。现在开发时，分布式的Session共享功能都是基于Redis来进行实现的，简单又高效，那这个该如何实现呢？本篇教程中，壹哥就带大家基于Redis来实现Session共享功能。一. 基于Redis实现分布式的Session共享1. 创建web项目我们按照之前的经验，创建一个web程序，并将之改造成Spring Boot项目，具体过程略。2. 添..

一位35岁已经准备好退休的腾讯员工火了：1000W房产、1000万腾讯股票、加上300万的现金，也就是2300万的资产网友看着他的真实收入，对比自身的「寒酸」，除了羡慕还流下了没有技术含量的眼泪。但其实，哪有好赚的钱。每一个高薪背后，都有你不知道的巨大付出。995拼了10多年攒下来的工资，算下来虽然不少，但对于大厂程序员的收入来说并不夸张。有同学私信向我“像在腾讯这样的一线大厂，Java薪资一般拿多少？”了解到，在招聘网站上，腾讯Java开发工程师薪资20K~50K，不同

1、for循环：vara='Hi,myname\'sHanMeimei,aSOFTWAREengineer';//for循环functiontitleCase(s){vari,ss=s.toLowerCase().split(/\s+/);for(i=0;i<ss.length;i++){ss[i]=ss[i].slice(0,1).toUpperCase()+ss[i]...

预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中，访问者便可顺利地在你的网站上冲浪，并享受到极快的加载速度。这对图片画廊及图片占据很大比例的网站来说十分有利，它保证了图片快速、无缝地发布，也可帮助用户在浏览你网站内容时获得更好的用户体验。本文将分享三个不同的预加载技术，来增强网站的性能与可用性。方法一：用css和JavaScript实现预加载实现预加载图片有很多方法，包括使用css、JavaScript及两者的各种组合。这些技术可根据不同设计场景设计出相应的解决方案，十分高效。

这篇文章主要讲解js中阻止事件冒泡，阻止默认事件的方法，理解stopPropagation()，preventDefault()，return false的区别。1、event.stopPropagation()方法event.stopPropagation()方法阻止事件冒泡到父元素，阻止任何父事件处理程序被执行。不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一个连接，这个连接仍然会被打开。提示：请使用event.isPropagationSt...

一. 异常问题我一开始在SpringBoot中的resources/static/目录下创建了easeui、layui等静态资源目录，然后在html文件中我一开始如下图所示进行引用。结果访问页面的时候，就导致了如下效果：二. 原因分析这是因为Springboot默认的静态资源路径为static，我们不需要再添加/static/前缀，所以需要使用正确的方式来引用，否则就会导致404的问题。三. 解决办法 <link rel="stylesheet" href="/lay

二维码又称QR Code，是一个近几年来移动设备上很流行的一种编码方式它比传统的一维码（条形码）能存更多的信息，也能表示更多的数据类型。按照一定规律排列组成的几何图形构成，它巧妙地利用构成计算机内部逻辑基础的“0”、“1”比特流的概念生活中的应用也是非常的广泛人们的生活方方面面都离不开二维码，而且她也给人们带来了极大的便利。<br><br> (二维码自动识别)二维码有哪些优缺点：优点：1．高密度编码，信息容量大。 2．编码范围广。 3．容错能力强，..

从浏览器的控制台到运行Node.js的计算机终端，我们到处都会看到各类错误。这篇文章的重点是概述我们在JS开发过程中可能遇到的错误类型。1. RangeError当数字超出允许的值范围时，将抛出此错误。例如:constl=console.logconstarr=[90,88]arr.length=90**99我们有一个带有两个元素的arr。接下来，我们尝试使数组包含90**99 == 2.9512665430652753e+193元素。这个数字超出了大小数组...

第一种：原型链继承利用原型链的特点进行继承functionParent(){this.name='web前端';this.type=['JS','HTML','CSS'];}Parent.prototype.Say=function(){console.log(this.name);}functionSon(){};Son.prototype=newParent();son1=newSon();son1.Say();以上例...