[github地址：https://github.com/ABCDdouyae…] striptags 剥去字符串中的html标签，和php里面的strip_tags函数一样 普通用法 用法：striptag…

一面 笔试题 1 实现一个函数，判断输入是不是回文字符串。2 两种以上方式实现已知或者未知宽度的垂直水平居中。3 实现效果，点击容器内的图标，图标边框变成 border 1px solid red，点击空白处重置。4 请…

什么是sticky footer布局 我们常见的网站页面都会把一个页面分为：头部区、内容区、页脚区,当头部区和内容区内容较少时,页脚区能固定在网页底部,而不是随着文档流排布。当页面内容较多时，页脚能随着文档内容自动撑开,…

我发现即使都是用css3的transition做动画，有的属性在动画播放时却会不流畅，出现定格动画的效果，这里做个比较，方便我以后做动画。 transition支持的属性类型 首先说一下transition支持的属性类型…

转自自己的 Github/Wizard67 根据 MDN 中 CSS参考 归纳整理。 summary ┌── 布局定位 | ├── 元素定位 | | └── position... | └── 元素浮动 | └── fl…

制作生成icon-font步骤 准备好图标的SVG文件 进入icomoon 在网页的右上角找到 IcoMoon App 的按钮，点击进入 进入之后，将之前准备的Icon的SVG文件在左上角的 Import Icons 按…

本文主要介绍“关键渲染路径”与“网络”两个方面的性能优化并提供demo，篇幅较长建议电脑观看。 前端优化的方面太多，本文介绍的仅仅是其中的一部分，力求涵盖“关键渲染路径”的方方面面，及一些不常被提到的“网络优化”部分。 …

1、 减少dom操作：类数组是实时更新的类数组集合, 在脚本中 document.images、document.forms、getElementsByTagName()返回的都是HTMLCollection类型的集合，…

  单页应用的原理从早起的根据url的hash变化，到根据H5的history的变化，实现无刷新条件下的页面重新渲染。那么在单页应用中是如何监听url的变化呢，本文将总结一下，如何在单页页面中优雅的监听url的变化。 单…

Resource Uploader 一站式前端资源 CDN 上传工具（使用阿里云 OSS） 安装 npm install -g resource-uploader 特性 支持 ES6/7/8 转译 ES5 支持 Java…

1 前 言 1.1 场 景 我们在页面展示时，为了更好的效果，一般使用了自定义的字体 @fant-face 。 之前在开发的时候使用了一些自定义字体，这里总结下自己寻找的的一些处理办法。 本文只列出了引入本地字体，网络的…

按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 内容切换的交互效果https://codepen.io/jcoulterde… 报价卡片的交互效果https://codepen.io…