随笔分类 - 前端经验
摘要：这是一篇关于前端的技巧使用，或许你做前端很多年了，但是下面的这些你可能闻所未闻。现在这里给大家整理出来，分享给前端的小伙伴们。 浏览器URL地址栏运行html代码 在非IE内核的浏览器地址栏可以直接运行html代码！ 代码如下： data:text/html,<h1>Hello, world!</h
阅读全文
posted @ 2020-07-07 00:01
前端一点红
摘要：关于css的恶作剧 相信你看完以下代码后能够预料到会出现什么效果。 *{ cursor: none!important; } 简单的文字模糊效果 以下两行简单的css3代码可达到将文字模糊化处理的目的，出来的效果有点像使用PS的滤镜，so cool! p { color: transparent;
阅读全文
posted @ 2020-07-06 23:56
前端一点红
摘要：生成随机字符串 利用Math.random和toString生成随机字符串，这里的技巧是利用了toString方法可以接收一个基数作为参数的原理，这个基数从2到36封顶。如果不指定，默认基数是10进制。略屌！ function generateRandomAlphaNum(len) { var rd
阅读全文
posted @ 2020-07-06 23:52
前端一点红
摘要：增强现实（以下简称 AR）浪潮正滚滚而来，Web 浏览器作为人们最唾手可得的人机交互终端，正在大力发展 AR 技术。很多 Web 前端工程师也在寻求职业转型，于是我把我近半年的相关调研结果在此汇结成文。本文力求把目前前端方向的 AR 技术都罗列一遍，细节不赘述（保证文章篇幅不过长），只做概括和科普（
阅读全文
posted @ 2020-07-05 22:23
前端一点红
摘要：电商m站的首页，有一个需求是配一张大的banner图，然后指定某些区域是热区，点击之后跳转到不同的活动页。听起来简单明了，实现也比较容易，立刻就想起来有个map标签，简直就是为这个需求量身定做。 简单说下做法：我们首先会和后台约定一些规则，定义一个json对象。比如： { type: 1, widt
阅读全文
posted @ 2020-07-05 21:26
前端一点红
摘要：Favicon请不要忘记为你的网站加上它，它就好像是你的网站的 ID。无论你有没有 favicon.ico ，用户的浏览器依然会请求它。如果你忘记加上这个档案，你的网站就会返回 404 Not Found，这会让浏览器面红。。。所以你要小心一点，避免给予用户负面的第一印象。要解决这个问题，你可以透过
阅读全文
posted @ 2020-07-05 21:07
前端一点红
摘要：1、防止手机中网页放大和缩小，这点是最基本的，最为手机网站开发者来说应该都知道的，就是设置meta中的viewport 使用viewport使页面禁止缩放。 通常把user-scalable设置为0来关闭用户对页面视图缩放的行为。 <meta name="viewport" content="wid
阅读全文
posted @ 2020-07-05 21:01
前端一点红
摘要：在 html5 的本地存储中，有一种叫 indexedDB 的数据库，该数据库是一种存储在客户端本地的 NoSQL 数据库，它可以存储大量的数据。 web Storage可以方便灵活的在本地存取简单数据，但是对于大量结构化存储，indexedDB 的优势就更加明显。接下来我们来看看 indexedD
阅读全文
posted @ 2020-07-05 20:42
前端一点红
摘要：一、基础布局方式 0. 普通/文档流 布局 早期 <table>， 后来 <div> ，再后来 html5 语意化标签按照自上而下的方式顺次排布。 1. Float 布局 float: left/right 最初设计目的是用于图文环绕排版、不过目前常用于左右布局。 2. 绝对布局 position:
阅读全文
posted @ 2020-07-05 20:38
前端一点红
摘要：创建剪切动画 对于剪切动画，使用clip-path代替width/height，避免DOM重排导致性能过低。 .animate { width: 200px; height: 200px; background: #000; animation: 1s clip; } @keyframes clip
阅读全文
posted @ 2020-07-05 00:06
前端一点红
摘要：从事web前端工作七年时间，因为一直是非常热爱编程的，从小就有兴趣，大学就是学计算机的，技术应该比一般同龄的都要好一些，今天我想给大家讲述一下，目前想要做web前端开发，面试成功应该如何去学习，要具备哪些技术。 很多人说我们这行饱和了，说了至少有五六年了，但是以我的从业经验来看，我们这行永远都不会饱
阅读全文
posted @ 2020-07-04 22:16
前端一点红
摘要：前言 这个需求如题，大体上是将文章的评论数据，在文章的首图上面以弹幕的形式出现。当时在做这个需求的时候，花了挺多精力的，踩了很多坑，现将弹幕的实现思路写出来，如果喜欢的话可以点波赞/关注，支持一下，希望大家看完本文可以有所收获。 实现效果： 实现原理： 实现弹幕的原理，并不算太复杂，耗费一些时间，怼
阅读全文
posted @ 2020-07-04 21:57
前端一点红
摘要：浏览器缓存问题： 简单来说，浏览器缓存就是把一个已经请求过的Web资源（如html页面，图片，js，数据等）拷贝一份副本储存在浏览器中。缓存会根据进来的请求保存输出内容的副本。当下一个请求来到的时候，如果是相同的URL，缓存会根据缓存机制决定是直接使用副本响应访问请求，还是向源服务器再次发送请求。比
阅读全文
posted @ 2020-07-04 20:41
前端一点红
摘要：最近公司要求我做一个关于页面分享微信显示小图和描述的功能，由于之前没有做过，所以说是从零开始，看jssdk说明文档，网上搜索各种资料，甚至连三四年前的内容都搜索出来了，也试过以前的简单方法，包括在页面设置一个隐藏的图片，宽高都是300像素，微信就会抓取这张图片做为分享图片，但经本人测试无法使用，后来
阅读全文
posted @ 2020-07-04 20:36
前端一点红
摘要：checkbox复选框可能是网站中常用的html元素，但大多数人并不满意它的默认样式，这篇文章就讲讲如何实现input checkbox复选框控件 样式美化效果。 方案一：纯css方法 单选按钮和复选按钮都有选中和未选中状态。要设置这两个按钮默认样式稍微复杂点。该文通过:checked选择器配合其他
阅读全文
posted @ 2020-07-04 19:18
前端一点红
摘要：一、功能测试 1.1链接测试 链接是web应用系统的一个很重要的特征，主要是用于页面之间切换跳转，指导用户去一些不知道地址的页面的主要手段，链接测试一般关注三点： 1）链接是否按照既定指示那样，确实链接到了该链接的界面 2）测试该链接所链接的页面是否真的存在 3）保证系统中没有单独存在的页面（即没有
阅读全文
posted @ 2020-07-04 19:05
前端一点红
摘要：Sass是世界上最成熟、稳定和强大的专业级css扩展语言 ,除了Sass是css的一种预处理器语言,类似的语言还有Less,Stylus等。 这篇文章关于Sass快速入门学习笔记。 资源网站大全 https://55wd.com 1. 使用变量; Sass 让人们受益的一个重要特性就是它为css引入
阅读全文
posted @ 2020-07-04 19:04
前端一点红
摘要：前言 input是我们接受来自用户的数据常用标签，在前端开发中，相信每个人都会用到这个标签，所以在开发过程中也时候也会遇到一些问题，本文的内容是我在跟input相爱相杀过程中产生的，在此记录分享一下。如果喜欢的话可以点波赞/关注，支持一下，希望大家看完本文可以有所收获。 本文内容包括： 移动端底部i
阅读全文
posted @ 2020-07-03 23:54
前端一点红
摘要：如何修复我们会向你介绍，如何在 Linux VPS 上修复 WordPress 中的 HTTP 错误。 下面列出了 WordPress 用户遇到的最常见的 HTTP 错误，我们的建议侧重于如何发现错误原因以及解决方法。 1、 修复在上传图像时出现的 HTTP 错误 如果你在基于 WordPress
阅读全文
posted @ 2020-07-03 23:40
前端一点红
摘要：功能描述： 点击名片识别按钮，将名片上的个人信息扫描并解析出来显示。 实现步骤： 1.点击第一个页面上的名片识别按钮，调出手机摄像头和相册，让用户进行选择 2.获取照片或者图片的base64数据，传值到第二个页面 3.在第二个页面接受参数，调取第三方的orc接口进行图片解析，得到名片上的个人信息，并
阅读全文
posted @ 2020-07-03 20:47
前端一点红
浙公网安备 33010602011771号