随笔分类 - HTML
摘要：前两天看到阮大神的一篇在css中使用变量的文章，整理了一下。 这个重要的 css 新功能，所有主要浏览器已经都支持了。本文全面介绍如何使用它，你会发现原生 css 从此变得异常强大。 一、变量的声明 声明变量的时候，变量名前面要加两根连词线（--）。 body { --foo: #7F583F; -
阅读全文
posted @ 2020-07-18 23:16
前端一点红
摘要：自定义域名访问本地WEB应用。本地安装了WEB服务端，怎样通过自定义域名方式实现从公网访问本地WEB应用？本文将介绍具体的实现步骤。 1. 准备工作 1.1 安装并启动WEB服务端 默认安装的WEB端口是80。 1.2 申请域名并完成域名备案 可以在万网、百度云、腾讯云、西部数码等等域名服务商注册并
阅读全文
posted @ 2020-07-18 23:12
前端一点红
摘要：前端能不能一直做，做前端能走多远？以后前端领域会不会被其他新的技术取代？又或者是面临着前端行业的萎缩，导致自己的失业？所有很多人对前端产生了一种“所谓的认为”：前端不能一直做下去。 说实话，一开始步入前端的我也是这么觉得呢，但当你真正的了解了前端的这个行业，你就会明白前端真的值得你去做，值得你去付出
阅读全文
posted @ 2020-07-18 23:11
前端一点红
摘要：form表单的enctype属性：规定了form表单数据在发送到服务器时候的编码方式 application/x-www-form-urlencoded：默认编码方式 multipart/form-data：指定传输数据为二进制数据，例如图片、mp3、文件 text/plain：纯文本的传输。空格转
阅读全文
posted @ 2020-07-18 23:10
前端一点红
摘要：虽然现代浏览器支持css3，但是一些过往的版本或是目前有些css3属性的应用还是离不开前缀的。一些牛逼且执着于web技术且乐于分享的仁兄(Lea Verou)就搞了个名叫prefixfree.js的插件可以自动补全前缀。首先在页面任意地方（能生效的方）插入插件: <script src="prefi
阅读全文
posted @ 2020-07-18 23:09
前端一点红
摘要：1.加载问题 背景图片会等到html结构加载完成才开始加载img标签是网页结构的一部分，会在html结构加载的时候加载在网页加载的过程中，背景图片会等到结构加载完成（网页的内容全部显示以后）才开始加载，而img标签是网页结构（内容）的一部分会在html结构加载的过程中加载，换句话讲，网页会先加载im
阅读全文
posted @ 2020-07-18 23:07
前端一点红
摘要：关于国际化 一个项目发展到一定的环境或者一开始就是为多国打造的，就需要考虑国际化了。简单来说，就是一套页面，多套语言。 前不久做了一个国际化的项目，基于react和antd，里面用到了国际化，使用方式也很简单 import zhCN from 'antd/lib/locale-provider/zh
阅读全文
posted @ 2020-07-18 22:40
前端一点红
摘要：前言：项目涉及到node的开发，为了便于管理，采用了nvm，安装方法和在mac下差不多 git依赖 看以下内容前，先确保你的git已经安装（需要git v1.7.10 +），如果没有看的话，请最新git。 安装脚本 在linux里面安装，这句话是没有任何安装的感觉，但是它其实是执行了，只是没有安装环
阅读全文
posted @ 2020-07-18 22:37
前端一点红
摘要：最近在做项目时，有一个需求是批量打印好多个合同，使用AJAX向后台传送数据，等待后台执行后，需要把生成之后的文件地址传送过来。 后台的处理时间比较长，根据合同的多少可能等待时间比较长，会达到10s左右，这个时候如果不加任何的提示，会导致用户因为没有看到是否执行而导致重复的操作，为了增加用户的体验感，
阅读全文
posted @ 2020-07-18 22:31
前端一点红
摘要：在移动端访问H5页面的时候，长按图片就会把图片保存起来，为了能够让用户体验更好一些，我们需要长按的时候也不保存图片。那该如何实现呢？下面给出3种解决方案。 方案一：使用 pointer-events:none img{ pointer-events:none; } 亲测有效，适用于微信客户端的手机页
阅读全文
posted @ 2020-07-18 22:30
前端一点红
摘要：在写测试代码时，以往我们需要翻阅文档，学习各种 API 才能明白如何操作断言。而现在我们可以透过 power-assert 的 assert 方法来减轻调试压力。不仅如此，它还提供更加直观，具体的运行效果，帮助 DEBUG。写测试代码，其实可以很容易。 例子 power-assert 提供的 ass
阅读全文
posted @ 2020-07-18 22:27
前端一点红
摘要：随着 Flash 的落寞 以及 移动设备的爆发性增长 ，越来越多的内容以 html5 视频的方式传递。在上一篇文章中你甚至能看到 使用 html5 视频替换 GIF 动图来优化网站访问速度 这样的技巧。然而事实上，视频格式本身就有一堆优化技巧可用来改善它们的性能表现。其中非常重要的一点，就是视频文件
阅读全文
posted @ 2020-07-18 10:06
前端一点红
摘要：什么是断点续传？ 就是下载文件时，不必重头开始下载，而是从指定的位置继续下载，这样的功能就叫做断点续传。 断点续传的理解可以分为两部分：一部分是断点，一部分是续传。断点的由来是在下载过程中，将一个下载文件分成了多个部分，同时进行多个部分一起的下载，当某个时间点，任务被暂停了，此时下载暂停的位置就是断
阅读全文
posted @ 2020-07-18 10:05
前端一点红
摘要：在web前端开发过程中，UI设计师经常会设计一些带渐变文字的设计图，在以前我们只能用png的图片来代替文字，今天可以实现使用纯css实现渐变文字了。下面就介绍3中实现方式供大家参考！ 基础样式： .gradient-text{text-align: left;text-indent:30px;lin
阅读全文
posted @ 2020-07-18 09:44
前端一点红
摘要：1、在不同设备上采用相似的设计 用户可以通过不同类型的设备访问你的网站，这些设备包括：电脑、平板、手机、音乐播放器、甚至是智能手表等。无论用户使用什么设备访问你的网页，确保他们具有类似的体验，这是用户体验设计中的一条重要标准。 2、导航的设计要简单易用、清晰明了 导航设计是网页可用性的基石。记住，如
阅读全文
posted @ 2020-07-17 23:37
前端一点红
摘要：1、localStorage 一个窗口更新localStorage，另一个窗口监听window对象的”storage”事件，来实现通信。注：两个页面要同源（URL的协议、域名和端口相同） // 本窗口的设值代码 localStorage.setItem('aaa', (Math.random()*1
阅读全文
posted @ 2020-07-17 23:34
前端一点红
摘要：有时候，我们需要使页面内容不可选择。首先想到的是一个css属性：user-select。user-select有两个值： none：用户不能选择文本 text：用户可以选择文本 禁用选择代码实现 html: <p>你可以选择我。</p> <p class="noselect">你不能选择我！</p>
阅读全文
posted @ 2020-07-17 23:27
前端一点红
摘要：创建一个没有背景的圆，然后声明透明度为0.1的黑色边框(看起来是灰色)，修改左侧边框颜色。此时会有一个静态的看起来只有左边框有颜色的空心圆。然后声明一个该元素逆时针旋转360度的动画，并让该动画无限播放(infinite)即可。 使用的css3 特性: transform属性的 rotate，共一个
阅读全文
posted @ 2020-07-17 23:23
前端一点红
摘要：在使用过一段时间的SVG动画之后，我相当清楚如何利用它来制作动画片段或者网页布局。一些动画库平台，例如Greensock，和原生的css动画简直是绝配。于是我便打算深入地研究一下，看看我能否用这些来制作一款简单的游戏。就像一个精美的工艺品一样，好的游戏拥有许多细致的动画细节。有一天夜里，我的脑海中突
阅读全文
posted @ 2020-07-17 23:17
前端一点红
摘要：这篇文章主要为回答这个问题：“做响应式网页，如何让一个div的高和宽保持比例放大或是缩小？”，这里不介绍媒体查询的实现。 那么css如何实现高度height随宽度width变化保持比例不变呢？即给定可变宽度的元素，它将确保其高度以响应的方式保持成比例(即，其宽度与高度的比率保持恒定)。 下面以高宽
阅读全文
posted @ 2020-07-17 22:10
前端一点红
浙公网安备 33010602011771号