随笔分类 - 前端经验
摘要：在目前的前端开发中，我们经常需要进行响应式的网站开发。提起响应式，大家应该想到三个概念： 弹性布局， 弹性图片， 媒体查询。本文着重介绍一下弹性图片，也就是响应式图片的解决方案。 一、js或服务端 通过js或者服务端来控制图片的加载，原理就是跟踪window的resize事件，然后修改图片的路径，代
阅读全文
posted @ 2020-07-17 21:41
前端一点红
摘要：在前端应用越来复杂的今天，为了监控前端应用是否正常运行，通常会在前端收集一些错误与性能等数据，最终我们会将这些数据上报到服务端。 上报的方式有很多，理论上我们只要能把数据发给服务端就行了。在浏览器中可以发送请求的方式非常多，包括不限于：xhr、fetch、script标签、img标签、link标签、
阅读全文
posted @ 2020-07-17 21:39
前端一点红
摘要：对于IE8及以上版本，例如： <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7" /> 强制浏览器按照特定的版本标准进行渲染。但不支持IE7及以下版本。如果用分号（；）分隔，对于不同的浏览器版本就有不同的兼容性，例如 <meta
阅读全文
posted @ 2020-07-17 21:24
前端一点红
摘要：web设计排版多种多样，如何更好的排版、设计出更符合美学的设计了？设计该如何更好的做好网页设计的布局排版了，今天给大家分享这几个小技巧，希望大家能有所用。 一、强调字体 字体的设计与强调在网页当中相当重要，合适的排版和适当的字体强调，不仅可以让用户快速的抓住网站中的重点，同样可以增强网站对用户的吸引
阅读全文
posted @ 2020-07-17 21:18
前端一点红
摘要：webpack管理的项目，我们希望用sass定义样式，为了正常编译，需要做如下配置。这里不讲webpack的入门，入门的文章，我推荐这篇《webpack入门》。 为了使用sass，我们需要安装sass的依赖包 //在项目下，运行下列命令行 npm install --save-dev sass-lo
阅读全文
posted @ 2020-07-17 19:39
前端一点红
摘要：当Web项目前后端分离开发的时候, 由于域名不一致, 会出现无法请求和无法维持会话的情况 OPTIONS 在前端Ajax请求后台的时候, 打开控制台可以看到, 每一次请求之前都会有一次OPTIONS类型的请求OPTIONS称为预检请求, 通过这个请求, 浏览器会告知服务器,接下来的请求的情况 Acc
阅读全文
posted @ 2020-07-17 19:37
前端一点红
摘要：/*向左移动并弹性显示*/ @-webkit-keyframes fadeToLeftTan{ 0%{ -webkit-transform:translateX(100%); opacity:0;} 70%{ -webkit-transform:translateX(-5%); opacity:1;
阅读全文
posted @ 2020-07-17 18:38
前端一点红
摘要：一、调试准备 Windows10 64bits IDE：Visual Studio Code1.28.2 安装插件：Chrome（安装方法：Debug -> Install Additional Debuggers... -> Debugger for Chrome，重新启动vscode即可。） 二
阅读全文
posted @ 2020-07-17 18:32
前端一点红
摘要：你有没有遇到过： 前端代码刚写完，后端的接口又变了。 接口文档永远都是不对的。 测试工作永远只能临近上线才能开始。 为什么前后端分离了，你比从前更痛苦？ 前后端分离早已经不是新闻，当真正分离之后确遇到了更多问题。要想解决现在的痛，就要知道痛的原因： 为什么接口会频繁变动？ 设计之初没有想好。 这需要
阅读全文
posted @ 2020-07-17 18:31
前端一点红
摘要：-webkit-tap-highlight-color 这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过JavaScript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜色。想
阅读全文
posted @ 2020-07-17 18:18
前端一点红
摘要：如今web服务随处可见，成千上万的web程序被部署到公网上供用户访问，有些系统只针对指定用户开放，属于安全级别较高的web应用，他们需要有一种认证机制以保护系统资源的安全，本文将探讨五种常用的认证机制及优缺点。 HTTP基本认证（HTTP Basic Auth） 在HTTP中，HTTP基本认证是一种
阅读全文
posted @ 2020-07-17 18:16
前端一点红
摘要：作为JavaScript替代，一种Web开发的新形式已经浮出水面：WebAssembly. Web开发与JavaScript开发向来是同义词。就是说，直到现在。但一种新的Web开发形式已然出现，声言会取代JavaScript。作为一个拥有15年Web开发经验的程序员，这个新方向瞬间吸引了我。 Web
阅读全文
posted @ 2020-07-17 18:08
前端一点红
摘要：块级元素：独占一行，对宽高的属性值生效；如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽；行内元素：可以多个标签存在一行，对宽高属性值不生效，完全靠内容撑开宽高！ 其中还有一种结合两种模式有点的显示模式： 行内块元素：结合的行内和块级的有点，不仅可以对宽高属性值生效，还可以多个标签存在一
阅读全文
posted @ 2020-07-17 16:42
前端一点红
摘要：概述 html几乎是平铺直叙的。css是一个伟大的进步，它清晰地区分了页面的结构和外观。JavaScript添加一些魅力。道理上讲是这样的。现实世界还是有点不一样。 在本教程中，您将了解在浏览器中看到的内容是如何实际呈现的，以及如何在必要时进行抓取。特别是，您将学习如何计算Disqus评论。我们的工
阅读全文
posted @ 2020-07-17 16:35
前端一点红
摘要：Web技术飞速发展的如今，我们在感受新技术带来的便捷和喜悦的同时，也时常在考虑着一个问题：老技术如何迁移。正如本文的主题一样，Flash技术在早年风靡在Web领域，曾经发挥着无尽力量的一个工具正逐渐失去了其重要性。由于性能，兼容性，版权问题，Flash的市场正在消退，曾经靠Flash实现的功能和特性
阅读全文
posted @ 2020-07-17 16:33
前端一点红
摘要：html5的新特性 1.语义化标签 有利于seo，有助于爬虫抓取更多的有效信息，爬虫是依赖于标签来确定上下文和各个关键字的权重。 语义化的html在没有css的情况下也能呈现较好的内容结构与代码结构 方便其他设备的解析 便于团队开发和维护 2.表单新特性 3.多媒体视频(video)和音频(audi
阅读全文
posted @ 2020-07-16 23:31
前端一点红
摘要：html中的链接，正确的说法应该称作”锚点“，它命名锚点链接（也叫书签链接）常常用于那些内容庞大繁琐的网页， 通过点击命名锚点，不仅让我们能指向文档，还能指向页面里的特定段落，更能当作”精准链接”的便利工具，让链接对象接近焦点。 便于浏览者查看网页内容。 类似于我们阅读书籍时的目录页码或章回提示。在
阅读全文
posted @ 2020-07-16 23:30
前端一点红
摘要：自定义可拖动的进度条，如下图效果： 代码分三部分 html <body> <div id="demo"> <div class="progress"> <div class="progress-bar"> <div class="progress-thumb"></div> </div> </div
阅读全文
posted @ 2020-07-16 23:09
前端一点红
摘要：当我写一个功能模块方法时，我在想些什么 // 无论什么方法，都是这样一个结构 const fn = () => { }; 比比如，我要写一个接口，查询组织下的设备列表 /api/device/list 地基 const deviceList = (params) => { // 传入一些参数 ret
阅读全文
posted @ 2020-07-16 23:07
前端一点红
摘要：网站重构： 在不改变外部行为的前提下，简化结构、添加可读性，而在网站前端保持一致的行为。 也就是说是在不改变UI的情况下，对网站进行优化，在扩展的同时保持一致的UI。 对于传统的网站来说重构通常是： 表格(table)布局改为div+css 使网站前端兼容于现代浏览器(针对于不合规范的css、如对I
阅读全文
posted @ 2020-07-16 22:37
前端一点红
浙公网安备 33010602011771号