前端一点红

2020年5月24日

摘要： CSS vs. JS Animation: 哪个更快? 基于JavaScript的动画竟然已经默默地比CSS的transition动画快了？而且，Adobe和 Google竟然一直在发布可以媲美原生应用的富媒体移动站点？这篇文章将会逐点讲解基于JavaScript的DOM动画库，比如Velocit 阅读全文

posted @ 2020-05-24 11:38 前端一点红阅读(841) 评论(0) 推荐(0) 编辑

JS断点调试，必备的javaScript的debug调试技巧

摘要： 1.断点调试是啥？难不难？断点调试其实并不是多么复杂的一件事，简单的理解无外呼就是打开浏览器，打开sources找到js文件，在行号上点一下罢了。操作起来似乎很简单，其实很多人纠结的是，是在哪里打断点？（我们先看一个断点截图，以chrome浏览器的断点为例）步骤记住没？用chrome浏览器打开阅读全文

posted @ 2020-05-24 11:33 前端一点红阅读(41939) 评论(0) 推荐(11) 编辑

大厂前端带来css3动画transition的使用和介绍全新认识动画

摘要： CSS3中可以使用transition来做最简单动画效果，transition表示到一个元素的属性值发生变化时，我们可以看到页面元素从旧的属性慢慢变化为新的属性值的过程，这种效果不是立即变化的，而是体现出一种动画过程。在transition出现之前css是没有过渡效果的（时间轴），也就是所有的属性的阅读全文

posted @ 2020-05-24 11:20 前端一点红阅读(428) 评论(0) 推荐(0) 编辑

2020年5月23日

js事件冒泡和事件捕获详解

摘要： Javascript与HTML之间的交互是通过事件实现。一、事件流事件，是文档或浏览器窗口中发生的一些特定的交互瞬间。事件流，描述的是页面中接受事件的顺序。IE9，chrome，Firefox，Opera，Safari均实现了DOM2级规范中定义的标准DOM事件，而IE8和IE8以下版本仍然保留阅读全文

posted @ 2020-05-23 20:45 前端一点红阅读(2217) 评论(0) 推荐(0) 编辑

css3动画讲解，关于css3的@keyframes和animation

摘要：通过css3我们可以创建动画，它能取代gif图片、Flash、Js动画等,css3的animation动画是应用在html的DOM元素上的，通过样式来实现的。 @keyframes 规则 @Keyframes我们可以把他理解为“关键帧”，它的规则是：创建由当前样式逐渐改为新样式的动画效果。对于一个" 阅读全文

posted @ 2020-05-23 18:42 前端一点红阅读(625) 评论(0) 推荐(0) 编辑

浏览器缓存_HTTP强缓存和协商缓存

摘要：浏览器缓存浏览器缓存是浏览器在本地磁盘对用户最近请求过的文档进行存储，当访问者再次访问同一页面时，浏览器就可以直接从本地磁盘加载文档。所以根据上面的特点，浏览器缓存有下面的优点：减少冗余的数据传输减少服务器负担加快客户端加载网页的速度浏览器缓存是Web性能优化的重要方式。那么浏览器缓存的阅读全文

posted @ 2020-05-23 18:26 前端一点红阅读(501) 评论(0) 推荐(0) 编辑

通过原生js对DOM事件的绑定的几种方式总汇

摘要：在网页开发中经常会有交互操作，比如点击一个dom元素，需要让js对该操作做出相应的响应，这就需要对Dom元素进行事件绑定来进行处理，js通常有三种常用的方法进行事件绑定：在DOM元素中直接绑定；在JavaScript代码中绑定；绑定事件监听函数。直接在DOM元素绑定事件 1 <div id="bt 阅读全文

posted @ 2020-05-23 16:55 前端一点红阅读(6122) 评论(0) 推荐(0) 编辑

你需要了解的前端测试“金字塔”

摘要：如果您正在测试前端应用程序，则应该了解前端测试金字塔。在本文中，我们将看到前端测试金字塔是什么，以及如何使用它来创建全面的测试套件。前端测试金字塔前端测试金字塔是一个前端测试套件应该如何构建的结构化表示。理想的测试套件由单元测试，一些快照测试和一些端到端（e2e）测试组成。这是测试金字塔的改阅读全文

posted @ 2020-05-23 16:28 前端一点红阅读(469) 评论(0) 推荐(0) 编辑

理解css中Grid布局，在项目中如何实现grid页面布局

摘要：简介 CSS中Grid是一种二维网格式布局方式。我们常规使用table、float、position、inline-block等布局，但它们遗漏了很多功能，例如垂直居中。后来css3中flexbox的出现解决了很多布局问题，但是它也是一维布局，而不是复杂的二维布局，Grid是为了解决二维布局问题而创阅读全文

posted @ 2020-05-23 16:05 前端一点红阅读(953) 评论(0) 推荐(0) 编辑

css盒子模型的深入理解，在块级、行内元素的区别和特性

摘要： css盒子模型用于处理元素的内容、内边距、边框和外边距的方式简称。元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。内边距、边框和外边距都是可选的，默认值是零。但是，许多元素将由用户代阅读全文

posted @ 2020-05-23 15:57 前端一点红阅读(1070) 评论(0) 推荐(1) 编辑

豌豆资源网

开引网企业服务

服务外包网

公告

豌豆资源网 开引网企业服务 服务外包网

前端一点红

公告

豌豆资源网

开引网企业服务

服务外包网