首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
浏览器
订阅
小菜菜菜菜菜菜菜
更多收藏集
微信扫码分享
微信
新浪微博
QQ
14篇文章 · 0订阅
用Vue-Awesome-Swiper实现旋转叠加轮播效果&平移轮播效果
引入Vue-Awesome-Swiper有两种方式,一种是全局引入,一种是组件内引入。如果你的项目里只有一个地方要用到这玩意,那就在用到的那个页面引入就行,如果多个地方要用到,那就全局引入吧。 配置参数那里,init我是设置的false,我是想在项目挂载完成后,获取到了接口数据…
使用Swiper快速实现3D效果轮播
最近经常接到轮播图3D效果的需求, 特在此记录一下以备之后使用。 在这里介绍两种使用方式, 一种原生的html+php后端渲染, 一种是使用vue。 首先我们介绍原生的使用方式,按照swiper官方文档引入swiper.min.css和swiper.min.js。 主要通过sl…
web性能优化(Lighthouse和performance):从实际项目入手,如何监测性能问题、如何解决。
一篇文章演示如何监测项目的性能问题,一步一步来解决发现的web性能问题。使用工具Lighthouse和performance
前端性能优化知识梳理
1.重要性 当我们面试的时候,前端性能优化方面算是必考的知识点,但是工作中我们又很少会重点的对项目进行前端优化,它真的不重要吗? 如果我们可以将后端响应时间缩短一半,整体响应时间只能减少5%~10%。
前端性能优化 24 条建议(2020)
性能优化是把双刃剑,有好的一面也有坏的一面。好的一面就是能提升网站性能,坏的一面就是配置麻烦,或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景,需要谨慎使用,请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出,或者放在文末。 1. …
京东PLUS会员项目前端性能优化实践
京东PLUS会员项目是国内第一个电商付费会员项目,正式开通的会员数量已破千万。
实战中学习浏览器工作原理 — HTML 解析与 CSS 计算
上一部分我们完成了从 HTTP 发送 Request,到接收到 Response,并且把 Response 中的文本都解析出来。 这一部分我们主要讲解如何做 HTML 解析 和 CSS 计算这两个部分。 根据我们上部分列出的一个完整的浏览器架构的话,蓝色背景的部分就是我们目前已…
CSS的解析和计算
通过上一篇《DOM的解析》,我们已经知道当浏览器接收到HTML文本后,会将它解析成Token,再构建成DOM树。下面我们继续分析浏览器渲染流程的样式计算,即CSS的解析和计算。一、收集CSS规则浏览器
前端工程师必备:从浏览器的渲染到性能优化
根据以上解析,DOM树和CSSOM树的构建对于页面性能有非常大的影响,没有DOM树,页面基本的标签块都没有,没有样式,页面也基本是空白的。所以具体css的解析规则是什么?js是怎么影响页面渲染的?了解了这些,我们才能有的放矢,对页面性能进行优化。 如果css从左向右解析,意味着…