前端开发-阿锋

摘要： 性能优化有很多块，我们这里要分享的是css的优化。css性能优化我们讲下面4点： 1. 内联首屏关键CSS（Critical CSS） 性能优化中有一个重要的指标——首次有效绘制（First Meaningful Paint，简称FMP）即指页面的首要内容（primary content）出现在屏幕 阅读全文

摘要： 欢迎关注前端早茶，与广东靓仔携手共同进阶 前端早茶专注前端，一起结伴同行，紧跟业界发展步伐~ crypto 模块提供了加密功能，包含对 OpenSSL 的哈希、HMAC、加密、解密、签名、以及验证功能的一整套封装。我们这里讲crypto AES算法加密 一、使用步骤 1.引入Crypto 1.1 使 阅读全文

摘要： 今天分享一下，怎么通过用css写出一个酷炫的loading。 meta: html: css: 阅读全文

摘要： Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入 阅读全文

摘要： 第一个： 链接：https://pan.baidu.com/s/1KdIs8EUcB9YTuK9VW1dC7g 密码：b68m 第二个： 链接：https://pan.baidu.com/s/1mi7jZcs 密码：nkp0 第三个：链接：https://pan.baidu.com/s/1pZceJ 阅读全文

摘要： 使用rem是为了界面响应不同尺寸的手机，引入下面的方法就可以使用rem了。 使用这个方法的代码： 阅读全文

摘要： 一些很偏门的css，用过一两次，很难记得牢，这里，我总结一些。 outline 当input选中的时候会出现一个边框 contenteditable 规定元素内容是否可编辑 webkit-playsinline video 都可以在页面中播放，而不是全屏播放 clearfix 清除浮动 user-s 阅读全文

摘要： 兼容IphoneX的显示，一般有两种方法，一种通过css的media来做兼容，一种是通过js来做兼容。 一、我们先讲CSS的方法，我们要做两步即可： 1. 全屏覆盖，html使用 2.通过对底部上移或者顶部下移进行处理 二、通过js来对IphoneX进行兼容 通过判断设配的宽度高度还有设备的像素是否 阅读全文

摘要： reduce() 方法接收一个函数作为累加器（accumulator），数组中的每个值（从左到右）开始缩减，最终为一个值。 返回值 最后一次调用回调函数返回的结果 reduce是如何工作的 reduce 的返回值是回调函数最后一次被调用的返回值（10）。 如果把初始值作为第二个参数传入 reduce 阅读全文

摘要： 左右摆动： -webkit-animation: roundRule 2.5s ease-in-out infinite; -webkit-transform-origin: top center; 放大缩小： -webkit-animation: scale 2.5s ease-in-out in 阅读全文