如何将react项目部署到子目录
前后端分离后台管理系统 实现细粒度的权限控制
JavaScript 加密解密字符串
BFC 类似一个“结界”,如果一个 DOM 元素具有 BFC,那么它内部的子元素不会影响外面的元素;外面的元素也不会影响到其内部元素。
轮播图和tab其实是一回事,都是实现内容区域的手动切换或自动轮换。 使用方式: 引入html模板,css,js文件, 实例化Tab构造函数即可, 例子以及参数: new Tab({ triggerType: "click",// 触发切换的事件类型 click,mou
在每个列表里放入不可见的 input 输入框,然后选项卡按钮设置label元素,通过 label for 属性与input输入框的 id 相关联。
使用webpack封装打包一个原生JavaScript弹出框组件(popup)实践
利用文本替换 和toLocaleUpperCase() toLocaleLowerCase() 接口 替换下划线 并大小写转换
去掉字符串中的空格,传入不同的类型分别能去掉前、后、前后、中间的空格
递归生成指定长度指定元素范围的数组
图片懒加载的两种实现方式监听滚动事件和IntersectionObserver
浏览器滚动条美化
通过背景定位来实现 background-position 在线demo: https://demo.crazyming.com/?link=css3/gradientBg.html <style> * { margin: 0;
函数防抖: 将几次操作合并为一此操作进行。原理是维护一个计时器,规定在delay时间后触发函数,但是在delay时间内再次触发的话,就会取消之前的计时器而重新设置。这样一来,只有最后一次操作能被触发。 【触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间】 举例
定义一个矩形,将矩形的宽高设置为0,可以发现border的四个边都是一个三角形,要实现三角形只需将其中几个边background设置为transparent,即可得到三角形. <div class="triangle"></div> .triangle{