摘要： 前言 为了解决图片加载过慢的问题，我们的解决方法往往有雪碧图，icon图标，懒加载，预加载等，雪碧图的缺点在于首次加载较大且像素可能不清晰，所以现在更为常用的为icon图标，放大缩小不失真，加载速度快，这里首推阿里巴巴矢量图标库: https://www.iconfont.cn/。 问题 UI设计师 阅读全文

摘要： 前言 【典型例子】 给定一个只包含”（“，”）“，”[“，”]“，”{“，”}“的字符串，判断字符串是否有效，字符串有效需要满足如下条件：左括号必须用相同类型的右括号闭合；左括号必须以正确的顺序闭合。 注意：空字符串可以被认为是有效字符串。 代码 function isValid(s) { let 阅读全文

摘要： 前言 在ES5到ES11技术不断的更新中，关于数组的操作却始终没有像Java数组remove那么方便的API供我们使用，所以我特地查看了许多文章学习了一下，总结出最方便也最高效率的操作方式； 案例 Array.prototype.remove = function(from,to){//直接在Arr 阅读全文

摘要： 前言 异步操作对于前端开发而言必不可少，尤其和后端进行交互的时候，项目有时需要多个异步操作串联来进行运算，而我们通常会选择把其封装起来作为公用的方法，此时便要return返回值。 问题 function getProm() { return Promise.resolve(ajax_method() 阅读全文

摘要： 前言 之前经常在一些网站看到一些特别炫酷的特效，例如文字呈粒子状的特效，或图片的蒙太奇效果，刚巧找了相关的canvas动画研究了一些，因此在这里做一个简单的总结。 思路 一个像素点是由四个值组成的 RGBA： 第一个像素点 RGBA [data[0],data[1],data[2],data[3]] 阅读全文

摘要： 前言 休息的时候无意间看到群里有人发出了华为的校招题，一开始看题目的时候觉得很简单，于是晚上就试着写了一下，结果写的过程中打脸，不断的整理逻辑不断的重写，但我的性格又是不做出来晚上睡不好的那种，于是在做出来的时候就分享给大家(快凌晨三点了有木有，这校招题难度都达到这级别了？o(╥﹏╥)o) 题目描述 阅读全文

摘要： 前言 昨天下班的时候无意间听到了以前经常听的歌 “一起去看流星雨”(暴露年龄了，哈哈)，然后突发奇想的做了这个html设计； 最终展示图 第一步：流星雨背景 1.1 夜空 html, body { width: 100%; height: 100%; margin: 0; overflow: hid 阅读全文

摘要： 前言 有时候访问某些网站时鼠标移动或者点击出现一些较为炫酷的动画或特效，一般都是个人网站会炫酷些，公司的网站一般不会这么花里胡哨，今天就分享一下鼠标点击或移动出现简单的动画案例(复杂的动画思路也是一样，只不过要加算法)。 移动或点击出现爱心 效果图 画爱心的css .heart { width: 1 阅读全文

摘要： 前言 实名制是许多网站都必备的功能，因此用户经常需要输入身份证号，但是我们无法连通公安局的数据库进行验证身份证和姓名地址是否匹配，因此可以根据身份证生成的规则来进行身份证格式的验证，以下仅介绍二代身份证的验证。 计算公式 公民身份号码是特征组合码，由十七位数字本体码和一位校验码组成。 排列顺序从左至 阅读全文

摘要： 前言 面向切面编程(思想)AOP Aspect Oriented Programming，是面向对象基础上更关注最终目标，而不关注中间的小目标，简而言之，就是我们的目标(例如constroller)触发了我们关注的方法，此时就执行我们的观察者行为，例如在目标的方法触发前做事，触发后做事（如：编码处理 阅读全文