摘要：
box-sizing用于更改用于计算元素宽度和高度的默认的 css 盒子模型。它有content-box、border-box和inherit三种取值。inherit指的是从父元素继承box-sizing表现形式，不再冗赘。 1. 属性讲解 content-box 默认值，也是css2.1中的盒子模 阅读全文
摘要：
说到Tab切换，你可能首先想到的就是使用jQuery，短短几行代码就可以轻松搞定一个Tab切换。而今天所要分享的，是使用 0 行js代码来实现Tab切换！ 方法一：模拟单选框原理 该方法大致原理如下：当用户点击label元素时，该label所绑定的input单选框就会被选中，同时通过使用css选择器 阅读全文
摘要：
在移动端部分浏览器中点击了图片，变成了查看图片的效果，怎么防止img的图片被手机浏览器的图片查看器打开呢？下面整理了一些方法来实现。 1、1.在img元素上添加 onclick="return false" <img src="./img/tip.png" onclick="return false 阅读全文
摘要：
微前端架构是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。 由此带来的变化是，这些前端应用可以独立运行、独立开发、独立部署。以及，它们应该可以在共享组件的同时进行并行开发——这些组件可以通过 NPM 或者 Git Ta 阅读全文
摘要：
需求 textarea默认的高度不是对着内容变化，而是随着内容增多，出现了滚动条。目前的需求是实现一个能够输入的textarea，并且高度跟着内容变化。 发现了一个比较好用的插件flexText，但是这个基于jquery写的，目前的技术栈是react，所以简单看了下，然后用原生的js模拟了一个实现。 阅读全文
摘要：
1.不要让你的代码脱离你的掌控，尽量简洁 别让你的代码脱离你的掌控 这是编程的一种通用建议，不仅仅适合css. 当你开始写代码的时候，先思考，思考以下几个问题： 我怎样实现？ 有其他方法实现么？ 怎样优化（简洁，可维护，等等）？ 急于编码会浪费时间，你有可能花了一个小时也没实现，不得不从头再来，这不 阅读全文
摘要：
网络加载类 减少 HTTP 资源请求次数 合并静态资源图片、JavaScript 或 css 代码，减少页面请求数和资源请求消耗 避免重复的资源，防止增加多余请求 减小 HTTP 请求大小 减少没必要的图片、JavaScript、css 及 html 代码 对文件进行压缩优化 使用 gzip 等方式 阅读全文
摘要：
登陆时需要发送短信验证码或者其他的验证方式来校验是否是本人操作，达到安全性的目的。本文主要以个人思考的实现方式做讲解，来看看常用的短信验证码的前台界面的实现。效果如图： 点击获取验证码时，倒计时，暂时设定倒计时的时间为180秒， 思路： 当点击【获取验证码】按钮时，发送请求到后台，根据自己的规则生成 阅读全文
摘要：
使用 css 让元素不可见的方法很多，剪裁、定位到屏幕外、明度变化等都是可以的。虽然它们都是肉眼不可见，但背后却在多个维度上都有差别。 元素不可见，同时不占据空间、辅助设备无法访问、不渲染 使用 script 标签隐。例如： <script type="text/html"> <img src="1 阅读全文
摘要：
一、注释 在html中还有一种特殊的标签——注释标签。如果需要在html文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字，就需要使用注释标签。 注释内容不会显示在浏览器窗口中，但是作为html文档内容的一部分，也会被下载到用户的计算机上，查看源代码时就可以看到。 语法： <!-- 注释语 阅读全文