前端一点红

2020年7月5日

摘要：这篇文章主要讲的是怎样制作流畅动画，特别是针对移动端。在这里我首先介绍制作动画的几种方法的优缺点；接着会着重介绍用css3制作动画的注意事项。 1、用canvas、css3、jquery制作动画 Canvas 优点：性能好，强大，支持多数浏览器（除了IE6、IE7、IE8），画出来的图形可以直接保存阅读全文

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

分享几个很实用的CSS技巧对前端技术很有帮助

摘要：创建剪切动画对于剪切动画，使用clip-path代替width/height，避免DOM重排导致性能过低。 .animate { width: 200px; height: 200px; background: #000; animation: 1s clip; } @keyframes clip 阅读全文

posted @ 2020-07-05 00:06 前端一点红阅读(362) 评论(0) 推荐(0) 编辑

2020年7月4日

为什么是link-visited-hover-active原理这样的特殊

摘要：前言通常我们在设置链接的一些伪类（link，visited，hover，active）样式时，要让不同的状态显示正确的样式，我们需要按一定的顺序设置这些伪类的样式。这里我就按css2规范中推荐的顺序进行介绍，即 link-visited-hover-active，可记为 LoVe-HAte 。要阅读全文

posted @ 2020-07-04 23:23 前端一点红阅读(374) 评论(0) 推荐(0) 编辑

HTML中<base>标签的正确使用

摘要： <base>的定义、作用 1. 定义：<base> 标签是 html 语言中的基准网址标记，是一个单标签。 2. 作用：规定页面上所有链接的默认 URL 和默认目标。例如： <!DOCTYPE html> <html lang="en"> <head> <title>base</title> <m 阅读全文

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

面试WEB前端如何才能通过？

摘要：从事web前端工作七年时间，因为一直是非常热爱编程的，从小就有兴趣，大学就是学计算机的，技术应该比一般同龄的都要好一些，今天我想给大家讲述一下，目前想要做web前端开发，面试成功应该如何去学习，要具备哪些技术。很多人说我们这行饱和了，说了至少有五六年了，但是以我的从业经验来看，我们这行永远都不会饱阅读全文

posted @ 2020-07-04 22:16 前端一点红阅读(482) 评论(0) 推荐(0) 编辑

前端将数据转化为弹幕效果的实现方式

摘要：前言这个需求如题，大体上是将文章的评论数据，在文章的首图上面以弹幕的形式出现。当时在做这个需求的时候，花了挺多精力的，踩了很多坑，现将弹幕的实现思路写出来，如果喜欢的话可以点波赞/关注，支持一下，希望大家看完本文可以有所收获。实现效果：实现原理：实现弹幕的原理，并不算太复杂，耗费一些时间，怼阅读全文

posted @ 2020-07-04 21:57 前端一点红阅读(1124) 评论(0) 推荐(0) 编辑

css圣杯布局的实现方式

摘要： css圣杯布局思路：外面一个大div,里面三个小div(都是浮动)。实现左右两栏宽度固定，中间宽度自适应。中间栏优先渲染。 css圣杯布局的实现：在这里，实现了左(200px) 右(220px) 宽度固定，中间自适应，container部分高度保持一致。 html代码中，middle部分首先要放阅读全文

posted @ 2020-07-04 20:44 前端一点红阅读(561) 评论(0) 推荐(0) 编辑

浏览器缓存问题原理以及解决方案

摘要：浏览器缓存问题：简单来说，浏览器缓存就是把一个已经请求过的Web资源（如html页面，图片，js，数据等）拷贝一份副本储存在浏览器中。缓存会根据进来的请求保存输出内容的副本。当下一个请求来到的时候，如果是相同的URL，缓存会根据缓存机制决定是直接使用副本响应访问请求，还是向源服务器再次发送请求。比阅读全文

posted @ 2020-07-04 20:41 前端一点红阅读(1554) 评论(0) 推荐(1) 编辑

微信分享图标设置，以及wx.config配置

摘要：最近公司要求我做一个关于页面分享微信显示小图和描述的功能，由于之前没有做过，所以说是从零开始，看jssdk说明文档，网上搜索各种资料，甚至连三四年前的内容都搜索出来了，也试过以前的简单方法，包括在页面设置一个隐藏的图片，宽高都是300像素，微信就会抓取这张图片做为分享图片，但经本人测试无法使用，后来阅读全文

posted @ 2020-07-04 20:36 前端一点红阅读(1408) 评论(0) 推荐(0) 编辑

css input checkbox复选框控件样式美化的多种方案

摘要： checkbox复选框可能是网站中常用的html元素，但大多数人并不满意它的默认样式，这篇文章就讲讲如何实现input checkbox复选框控件样式美化效果。方案一：纯css方法单选按钮和复选按钮都有选中和未选中状态。要设置这两个按钮默认样式稍微复杂点。该文通过:checked选择器配合其他阅读全文

posted @ 2020-07-04 19:18 前端一点红阅读(5334) 评论(0) 推荐(0) 编辑

豌豆资源网

开引网企业服务

服务外包网

公告

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

前端一点红

公告

豌豆资源网

开引网企业服务

服务外包网