摘要：
html5的新特性 1.语义化标签 有利于seo，有助于爬虫抓取更多的有效信息，爬虫是依赖于标签来确定上下文和各个关键字的权重。 语义化的html在没有css的情况下也能呈现较好的内容结构与代码结构 方便其他设备的解析 便于团队开发和维护 2.表单新特性 3.多媒体视频(video)和音频(audi 阅读全文
posted @ 2020-07-16 23:31
前端一点红
阅读(1109)
评论(0)
推荐(0)
摘要：
html中的链接，正确的说法应该称作”锚点“，它命名锚点链接（也叫书签链接）常常用于那些内容庞大繁琐的网页， 通过点击命名锚点，不仅让我们能指向文档，还能指向页面里的特定段落，更能当作”精准链接”的便利工具，让链接对象接近焦点。 便于浏览者查看网页内容。 类似于我们阅读书籍时的目录页码或章回提示。在 阅读全文
posted @ 2020-07-16 23:30
前端一点红
阅读(1089)
评论(0)
推荐(0)
摘要：
自定义可拖动的进度条，如下图效果： 代码分三部分 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
前端一点红
阅读(2891)
评论(0)
推荐(0)
摘要：
当我写一个功能模块方法时，我在想些什么 // 无论什么方法，都是这样一个结构 const fn = () => { }; 比比如，我要写一个接口，查询组织下的设备列表 /api/device/list 地基 const deviceList = (params) => { // 传入一些参数 ret 阅读全文
posted @ 2020-07-16 23:07
前端一点红
阅读(230)
评论(0)
推荐(0)
摘要：
网站重构： 在不改变外部行为的前提下，简化结构、添加可读性，而在网站前端保持一致的行为。 也就是说是在不改变UI的情况下，对网站进行优化，在扩展的同时保持一致的UI。 对于传统的网站来说重构通常是： 表格(table)布局改为div+css 使网站前端兼容于现代浏览器(针对于不合规范的css、如对I 阅读全文
posted @ 2020-07-16 22:37
前端一点红
阅读(579)
评论(0)
推荐(0)
摘要：
小小的字体其实有大大的学问，可能与字体相关的很多知识都偏设计，不过俗话说技多不压身，艺高人胆大，多了解了解总归没错。 字体的分类 就 Web 常用的一些字体而言，经常听说的字体类型，大致可以分为这几种： serif(衬线) sans-serif(无衬线) monospace(等宽) fantasy( 阅读全文
posted @ 2020-07-16 22:36
前端一点红
阅读(3119)
评论(0)
推荐(0)
摘要：
一. 字体属性：(font) 1. 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 2. 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 3. 行高 阅读全文
posted @ 2020-07-16 22:31
前端一点红
阅读(996)
评论(0)
推荐(0)
摘要：
写css时发现，图片加起来刚好是900px的多张图片，不能在一个900px宽容器放下，因为图片之间有间隔，我猜是浏览器把两个img标签之间的空格当成了空白节点。 在网上整理了一些解决多个img标签存在间隙的方法。 1、多个img标签写在一行 <img src="/i/eg_tulip.jpg" he 阅读全文
posted @ 2020-07-16 22:29
前端一点红
阅读(1138)
评论(0)
推荐(0)
摘要：
在 PC 端，视口指的是浏览器的可视区域，其宽度和浏览器窗口的宽度保持一致。在 css 标准文档中，视口也被称为初始包含块，它是所有 css 百分比宽度推算的根源，给 css 布局限制了一个最大宽度。 而移动端则较为复杂，它涉及到三个视口：布局视口（Layout Viewport）、视觉视口（Vis 阅读全文
posted @ 2020-07-16 22:05
前端一点红
阅读(380)
评论(0)
推荐(0)
摘要：
分享一些和设计师成为好朋友的个人经验，注意，这些经验技巧只适用于技术开发人员。 1. 不要站在设计师的背后 如果有事情找设计师商量，千万不要站在设计师的背后，因为会给人一种你即将要指点江山的感觉，会唤起设计师过往一些糟糕的不好的回忆。 所以正确的做法是，搬个椅子，坐在设计师的旁边，记得把座椅高度调到 阅读全文
posted @ 2020-07-16 22:03
前端一点红
阅读(220)
评论(0)
推荐(0)
摘要：
瀑布流的布局自我感觉还是很吸引人的，最近又看到实现瀑布流这个做法，在这里记录下，特别的，感觉flex布局实现瀑布流还是有点懵的样子，不过现在就可以明白它的原理了 1.multi-column多列布局实现瀑布流 先简单的讲下multi-column相关的部分属性 column-count设置列数 co 阅读全文
posted @ 2020-07-16 21:52
前端一点红
阅读(2266)
评论(0)
推荐(0)
摘要：
HTTP状态码是用以表示网页服务器HTTP响应状态的3位数字代码,其中第一位数字表示响应类别，响应类别从1到5分为五种 一、http状态返回代码 1xx（临时响应） 表示临时响应并需要请求者继续执行操作的状态代码。 http状态返回代码 代码 说明100 （继续） 请求者应当继续提出请求。 服务器返 阅读全文
posted @ 2020-07-16 21:49
前端一点红
阅读(1063)
评论(0)
推荐(0)
摘要：
最近使用到了html和js的表格插件Handsontable， 例子代码如下 var hot=new Handsontable(table_div, { data: null,//表格数据 一般是二维数组[[]] colHeaders: true,//显示列头 rowHeaders: true,// 阅读全文
posted @ 2020-07-16 21:43
前端一点红
阅读(1774)
评论(0)
推荐(0)
摘要：
一般遮罩 background : #000； 在body标签的最后加上div标签作为遮罩，如下： <div class="mask"></div> 其css样式： .mask{ position:fixed; top : 0; left : 0; bottom : 0; right : 0; ba 阅读全文
posted @ 2020-07-16 21:41
前端一点红
阅读(8824)
评论(0)
推荐(0)
摘要：
package.json是什么？ npm安装package.json时 直接转到当前项目目录下用命令npm install 或npm install --save-dev安装即可，自动将package.json中的模块安装到node-modules文件夹下。 package.json就是管理你本地安 阅读全文
posted @ 2020-07-16 21:24
前端一点红
阅读(4649)
评论(0)
推荐(0)
摘要：
在项目的实际开发中，我们总会遇到前后端分离的项目，在这样的项目中，跨域是第一个要解决的问题，除此之外，保存用户信息也是很重要的，然而，在后台保存用户信息通常使用的session和cookie结合的方法，而在前端的实际情况中，跨域产生的ajax是无法携带cookie信息的，这样导致了session和c 阅读全文
posted @ 2020-07-16 21:22
前端一点红
阅读(1155)
评论(0)
推荐(0)
摘要：
前言 随着 Web 的发展，用户对于 Web 的实时推送要求也越来越高 ，比如，工业运行监控、Web 在线通讯、即时报价系统、在线游戏等，都需要将后台发生的变化主动地、实时地传送到浏览器端，而不需要用户手动地刷新页面。本文对过去和现在流行的 Web 实时推送技术进行了比较与总结。 本文完整的源代码请 阅读全文
posted @ 2020-07-16 18:51
前端一点红
阅读(1021)
评论(0)
推荐(0)
摘要：
我们都知道，撸页面的时候当我们的内容超出了我们的div，往往会出现滚动条，影响美观。 尤其是当我们在做一些导航菜单的时候。滚动条一出现就破坏了UI效果。 我们不希望出现滚动条，也不希望超出去的内容被放逐，就要保留鼠标滚动的效果。我们都知道overflow:hidden是可以隐藏滚动条的，但存在的问题 阅读全文
posted @ 2020-07-16 18:48
前端一点红
阅读(1861)
评论(0)
推荐(0)
摘要：
作为个人开发者，为自己的辛苦开发的项目配上支付功能，才有盈利的盼头！但是目前大部分都需要企业资质，那对应个人而言如何在网站、应用中接入支付功能呢？这里找了一些不需要企业资质的第三方支付平台。 1、PayPal 个人，企业都可以接入，作为一款主打跨境支付的产品，主打境外收付款，那么对于做外贸的朋友来说 阅读全文
posted @ 2020-07-16 18:46
前端一点红
阅读(8517)
评论(0)
推荐(0)
摘要：
在html中一个table表单主要由tr、td、th元素组成,比较复杂一点的表单还会包含caption、 col、 colgroup、 thead、tfoot、 tbody等元素. 一、table内标签含义: <tr>:表格的行标签,有多少对<tr></tr>就有多少行.<td>:普通单元格标签,位 阅读全文
posted @ 2020-07-16 18:32
前端一点红
阅读(11256)
评论(0)
推荐(0)
摘要：
css3可以改变图片的颜色了。从此再也不用设计出多张图，而且随时可以修改。下面就简单介绍下css3中是如何做到改变背景图片的颜色效果的。 方式一：利用css3滤镜filter中的 drop-shadow 代码如下： <style> .icon{ display: inline-block; widt 阅读全文
posted @ 2020-07-16 18:28
前端一点红
阅读(12661)
评论(0)
推荐(0)
摘要：
前几天，在写完一个功能模块上线测试的时候，出现了一个诡异的问题。input 框在输入查询内容之后，按回车键居然有两种不同的表现形式（input 框没有绑定键盘事件），谷歌和火狐功能正常，但IE在按了回车键以后居然自动调用方法。 页面结构：标签上没绑定任何键盘事件，控制器内也没有给元素绑定键盘事件。 阅读全文
posted @ 2020-07-16 18:27
前端一点红
阅读(488)
评论(0)
推荐(0)
摘要：
The web has evolved. Finally, testing has too. 事实上对于 UI 自动化测试来说，许多所谓框架之间并没有太多差别，也从来不是影响整套测试用例是否健壮的关键性因素。相比之下，如何提高测试用例稳定性以及出现错误时 debug 的便捷性才是让 UI 自动化测试 阅读全文
posted @ 2020-07-16 18:21
前端一点红
阅读(727)
评论(0)
推荐(0)
摘要：
css3 动画给 Web 的用户体验带来了巨大提升，本文将尝试从浏览器渲染的角度，来解析动画优化的原理及其技巧。为大家提供一些动画性能优化的参考。 60fps 与设备刷新率 目前大多数设备的屏幕刷新率为60fps（Frame per Second），即每秒60帧。因此，如果在页面中有一个动画或渐变效 阅读全文
posted @ 2020-07-16 18:18
前端一点红
阅读(766)
评论(0)
推荐(0)
摘要：
不管是浏览器的开发者还是普通web应用的开发者，他们都在做一个共同的努力：让Web浏览有更快的速度感觉。有很多已知的技术都可以让你的网站速度变得更快：使用css sprites，使用图片优化工具，使用.htaccess设置页面头信息和缓存时间，JavaScript压缩，使用CDN等。我曾经介绍过本站 阅读全文
posted @ 2020-07-16 18:16
前端一点红
阅读(502)
评论(0)
推荐(0)
摘要：
css3非常强大，我们可以利用css3相关特性绘制很多平面图形，并且可以制作很多简单的动画。今天要分享的是一款用纯css3实现的可爱表情动画，一共有7组表情动画。 这些表情图实在太可爱了，哈哈CSS真的是太强大了 效果如下： pixabayhttps://www.wode007.com/sites/ 阅读全文
posted @ 2020-07-16 18:15
前端一点红
阅读(765)
评论(0)
推荐(0)
摘要：
什么是css sprites? css sprites：精灵图（雪碧图）：把一堆小图片整合在一张大图上，通过背景图片相关设置（背景图片、背景图是否重复、背景图定位），显示图片，减轻服务器对图片的请求数量 css sprites优点： 1、减少网页的HTTP请求，提高页面性能2、图片命名上的困扰3、更 阅读全文
posted @ 2020-07-16 18:12
前端一点红
阅读(835)
评论(0)
推荐(0)
摘要：
作为网页内容的一部分，图像和视频通常要消耗很多资源加载。要提高网页应用的性能，如何避免资源浪费在加载图像和视频上就很重要了。但是，很多时候我们都不愿意减少网页上的媒体资源，所以我们经常无从下手。幸运的是，我们有懒加载这个绝招，它可以帮助我们减少加载时间和降低负载，而不在内容上偷工减料。 什么是懒加载 阅读全文
posted @ 2020-07-16 18:11
前端一点红
阅读(6141)
评论(0)
推荐(0)
摘要：
本文主要列举在如今前后端分离、手机App大行其道的现状下，用户认证、授权的几种做法及对比。PS. 本文假设你已经理解了各种认证模式的具体细节。 OAuth2.0的几种模式 OAuth2.0是一个被广泛采用的事实标准，它同时包含认证和授权两种模式，我们来看一下它有几种模式： Grant typeCli 阅读全文
posted @ 2020-07-16 18:07
前端一点红
阅读(437)
评论(0)
推荐(0)
摘要：
Sass和Less这样的预处理器，让我们的css代码保持良好的结构和可维护性。像变量、混合(mixins)、循环控制等特性，增强了动态编写css的能力，从而减少重复代码，也加快了我们开发速度。 近年来，一些动态特性开始作为规范的一部分，出现在css语言中。css变量(css variables)，或 阅读全文
posted @ 2020-07-16 18:04
前端一点红
阅读(585)
评论(0)
推荐(0)
摘要：
本本节课讲解在webpack v4中的 Scss 提取和懒加载。值得一提的是，v4和v3在 Scss 的懒加载上的处理方法有着巨大差别。Scss 是 Sass 3 引入新的语法，其语法完全兼容 css3，并且继承了 Sass 的强大功能。也就是说，任何标准的 css3 样式表都是具有相同语义的有效的 阅读全文
posted @ 2020-07-16 17:32
前端一点红
阅读(322)
评论(0)
推荐(0)
摘要：
html中的空格的规则 在html中内容中的多个空格一般会被视为一个，连续的多个空格符被自动合并了。同时内容前后的空格也会被清除， 如下： <p> fly63 com </p> 显示效果为： fly63 com 备注：浏览器的这种机制处理，同样适用于除了普通的空格键，还包括制表符（\t）和换行符（\ 阅读全文
posted @ 2020-07-16 17:28
前端一点红
阅读(2972)
评论(0)
推荐(0)
摘要：
css中:focus-within是什么 在css中 :focus-within 是一个伪类，现在已经被列入到css选择器中（css Level 4 selector）。css中伪类:focus-within能非常方便处理获取焦点状态， 当元素本身或其后代获得焦点时，:focus-within伪类的 阅读全文
posted @ 2020-07-16 17:26
前端一点红
阅读(815)
评论(0)
推荐(0)
摘要：
网站的加载速度不仅影响着用户体验，也会影响搜索引擎的排名，在百度推出“闪电算法”以来，将网站首屏打开速度被列入优化排名行列，并明确指定打开时间为 2 秒。作为前端开发的我们需要如果来优化网站的打开速度呢？下面就整理挖掘出很多细节上可以提升性能的东西分享给大家 优化网站性能的14条规则： 1. 尽可能 阅读全文
posted @ 2020-07-16 17:25
前端一点红
阅读(1730)
评论(0)
推荐(0)
摘要：
用户体验一直是前端开发需要考虑的重要部分，在数据请求时常见到锁屏的loading动画，而现在越来越多的产品倾向于使用Skeleton Screen Loading(骨架屏)替代，以优化用户体验 Skeleton Screen Skeleton Screen(骨架屏)就是在页面数据尚未加载前先给用户展 阅读全文
posted @ 2020-07-16 17:24
前端一点红
阅读(744)
评论(0)
推荐(0)
摘要：
一、什么是Sass Sass(Syntactically Awesome StyleSheets)是css的一个扩展开发工具，它允许你使用变量、条件语句等，使开发更简单可维护。这里是官方文档。 二、基本语法 1）变量 sass的变量名必须是一个$符号开头，后面紧跟变量名。 //sass 样式 $re 阅读全文
posted @ 2020-07-16 17:15
前端一点红
阅读(2273)
评论(0)
推荐(0)
摘要：
BFC的定义： (Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。 我们常说的文档流其实分为==定位流、浮动流和普通流== 阅读全文
posted @ 2020-07-16 17:11
前端一点红
阅读(1870)
评论(0)
推荐(0)
摘要：
为了让网页内容更好的适应各类屏幕尺寸，一般都需要用到height:100%。但是会发现，height百分比失效并没有生效，这是什么原因造成的呢，以及我们需要如何解决呢？ height百分比失效的原因 你让div的height="100%"，执行网页时，css先执行到，而整个网页中的内容还没有完全载入 阅读全文
posted @ 2020-07-16 17:09
前端一点红
阅读(2868)
评论(0)
推荐(0)
摘要：
问题产生的原因 当我们为div标签声明了宽度，但是仍然会出现文本越界的情况，不知道大家有没有发现，只有文本内容为单词或者纯数字的时候才会出现这种情况。原因是由于：浏览器在解析我们页面的时候，给这一串数字当成一个词了，这样就不会自动切断字符串而进行换行。 解决方法 需要使用css中的word-wrap 阅读全文
posted @ 2020-07-16 17:08
前端一点红
阅读(6163)
评论(0)
推荐(0)
摘要：
css的pointer-events属性 auto：与 pointer-events 属性未指定时的表现效果相同。 none：该元素永远不会成为鼠标事件的 target。但是，当其后代元素的 pointer-events 属性指定其他值时，鼠标事件可以指向后代元素，在这种情况下，鼠标事件将在捕获或冒 阅读全文
posted @ 2020-07-16 17:06
前端一点红
阅读(608)
评论(0)
推荐(0)
摘要：
一、PageRank算法定义 PageRank，网页排名，又称网页级别、Google左侧排名或佩奇排名，是一种由根据网页之间相互的超链接计算的技术，而作为网页排名的要素之一，以Google公司创办人拉里·佩奇（Larry Page）之姓来命名。Google用它来体现网页的相关性和重要性，在搜索引擎优 阅读全文
posted @ 2020-07-16 17:05
前端一点红
阅读(4014)
评论(0)
推荐(0)
摘要：
目前前端三大框架（vue.js, Angular.js, react.js）都在引领着前端的组件化开发方向，组件化的前端开发方式的确为业务实现带来了前所未有的方便，其实组件化开发早已经具有（YUI），但如何封装一个优秀的组件，可能并不是每位前端开发者都能够做好的。 组件封装有一定的不确定性，更多时候 阅读全文
posted @ 2020-07-16 17:02
前端一点红
阅读(3188)
评论(0)
推荐(1)
摘要：
进程就是一个应用程序在处理机上的一次执行过程，它是一个动态的概念，而线程是进程中的一部分，进程包含多个线程在运行。 线程是最小的执行单元，进程是最小的资源管理单元。一简言之： 进程就是一个应用程序在处理机上的一次执行过程，它是一个动态的概念，而线程是进程中的一部分，进程包含多个线程在运行。 线程是指 阅读全文
posted @ 2020-07-16 17:00
前端一点红
阅读(782)
评论(0)
推荐(0)
摘要：
实现思路： 监听滑块的移动事件，获取它离左侧的距离，赋值给分离出来的验证模块就可以了，至于陷下去的模块，得到图片的大小，根据图片的长宽的一半随机赋值吧（因为这个模块一般都在右侧靠中间的位置） 这种滑动解锁应该是有两张图片，一张正常的，一张上面有解锁区域的（后端给），然后前端只用把用户释放鼠标后，滑动 阅读全文
posted @ 2020-07-16 16:58
前端一点红
阅读(1609)
评论(0)
推荐(0)
摘要：
一、css下兼容性的元素水平/垂直翻转实现 随着现代浏览器对css3的支持愈发完善，对于实现各个浏览器兼容的元素的水平翻转或是垂直翻转效果也就成为了可能。相关的css代码如下： /*水平翻转*/ .flipx { -moz-transform:scaleX(-1); -webkit-transfor 阅读全文
posted @ 2020-07-16 16:55
前端一点红
阅读(5213)
评论(0)
推荐(0)
摘要：
什么是Browsh? Browsh是一个纯文本浏览器，可以运行在大多数的TTY终端环境和任何浏览器。目前，终端客户端比浏览器客户端更先进。 TTY 客户端 终端客户端即时更新和交付，以便于体验新的功能，例如，你可以观看视频。它使用UTF-8半块技巧(▀)从每个字符单元中获取2中颜色，从而仿真基本图形 阅读全文
posted @ 2020-07-16 16:53
前端一点红
阅读(645)
评论(0)
推荐(0)
摘要：
初学者须知 我们来讨论html和DOM之间的区别。显然，一个普通<table>元素就是html。您可以在.html的文件中使用它。它有一组属性影响它的外观和行为方式。这就是html，不过它与JavaScript无关。 DOM是将JavaScript代码与文档中的html元素相关联的内容，因此您可以与 阅读全文
posted @ 2020-07-16 16:42
前端一点红
阅读(282)
评论(0)
推荐(0)
摘要：
做前端多年，虽然不是经常需要hack，但是我们经常会遇到各浏览器表现不一致的情况。基于此，某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的，要知道一名好的前端，要尽可能不使用hack的情况下实现需求，做到较好的用户体验。 可是啊，现实太残酷，浏览 阅读全文
posted @ 2020-07-16 16:37
前端一点红
阅读(709)
评论(0)
推荐(0)
摘要：
1、引号的使用，单引号' ' 优先（如果不是引号嵌套，不要使用双引号） 正常情况：console.log('hello there') ，双引号转码： $("<div class='box'>") 2、空格的使用问题：（关键字后 符号后 排版 函数 赋值符号= ）等 a 函数的括号：function 阅读全文
posted @ 2020-07-16 16:36
前端一点红
阅读(3240)
评论(0)
推荐(0)
摘要：
一 . 认识Phantomjs 1.Phantomjs：无界面的浏览器 Selenium： 可以根据我们的指令，让浏览器自动加载页面，获取需要的数据，甚至页面截屏，或者判断网站上某些动作是否发生。Selenium 自己不带浏览器，不支持浏览器的功能，它需要与第三方浏览器结合在一起才能使用。但是我们有 阅读全文
posted @ 2020-07-16 16:33
前端一点红
阅读(18565)
评论(0)
推荐(1)
摘要：
一般情况下，如果没有经过特殊处理，移动端浏览器在派发点击事件的时候，通常会出现300ms左右的延迟。也就是说，当我们点击页面的时候移动端浏览器并不是立即作出反应，而是会等上一小会儿才会出现点击的效果。在移动WEB兴起的初期，用户对300ms的延迟感觉不明显。但是，随着用户对交互体验的要求越来越高，现 阅读全文
posted @ 2020-07-16 16:27
前端一点红
阅读(906)
评论(0)
推荐(0)
摘要：
动态生成html元素的方法有三种： 第一种：document.createElement()创建元素，再用appendChild( )方法将元素添加到指定节点 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> 阅读全文
posted @ 2020-07-16 16:25
前端一点红
阅读(5297)
评论(0)
推荐(0)
摘要：
box-sizing用于更改用于计算元素宽度和高度的默认的 css 盒子模型。它有content-box、border-box和inherit三种取值。inherit指的是从父元素继承box-sizing表现形式，不再冗赘。 1. 属性讲解 content-box 默认值，也是css2.1中的盒子模 阅读全文
posted @ 2020-07-16 16:22
前端一点红
阅读(925)
评论(0)
推荐(0)
摘要：
说到Tab切换，你可能首先想到的就是使用jQuery，短短几行代码就可以轻松搞定一个Tab切换。而今天所要分享的，是使用 0 行js代码来实现Tab切换！ 方法一：模拟单选框原理 该方法大致原理如下：当用户点击label元素时，该label所绑定的input单选框就会被选中，同时通过使用css选择器 阅读全文
posted @ 2020-07-16 16:19
前端一点红
阅读(2654)
评论(0)
推荐(0)
摘要：
在移动端部分浏览器中点击了图片，变成了查看图片的效果，怎么防止img的图片被手机浏览器的图片查看器打开呢？下面整理了一些方法来实现。 1、1.在img元素上添加 onclick="return false" <img src="./img/tip.png" onclick="return false 阅读全文
posted @ 2020-07-16 16:10
前端一点红
阅读(1077)
评论(0)
推荐(0)
摘要：
微前端架构是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。 由此带来的变化是，这些前端应用可以独立运行、独立开发、独立部署。以及，它们应该可以在共享组件的同时进行并行开发——这些组件可以通过 NPM 或者 Git Ta 阅读全文
posted @ 2020-07-16 16:02
前端一点红
阅读(4343)
评论(0)
推荐(0)
摘要：
需求 textarea默认的高度不是对着内容变化，而是随着内容增多，出现了滚动条。目前的需求是实现一个能够输入的textarea，并且高度跟着内容变化。 发现了一个比较好用的插件flexText，但是这个基于jquery写的，目前的技术栈是react，所以简单看了下，然后用原生的js模拟了一个实现。 阅读全文
posted @ 2020-07-16 15:54
前端一点红
阅读(3098)
评论(0)
推荐(0)
摘要：
1.不要让你的代码脱离你的掌控，尽量简洁 别让你的代码脱离你的掌控 这是编程的一种通用建议，不仅仅适合css. 当你开始写代码的时候，先思考，思考以下几个问题： 我怎样实现？ 有其他方法实现么？ 怎样优化（简洁，可维护，等等）？ 急于编码会浪费时间，你有可能花了一个小时也没实现，不得不从头再来，这不 阅读全文
posted @ 2020-07-16 15:53
前端一点红
阅读(223)
评论(0)
推荐(0)
摘要：
网络加载类 减少 HTTP 资源请求次数 合并静态资源图片、JavaScript 或 css 代码，减少页面请求数和资源请求消耗 避免重复的资源，防止增加多余请求 减小 HTTP 请求大小 减少没必要的图片、JavaScript、css 及 html 代码 对文件进行压缩优化 使用 gzip 等方式 阅读全文
posted @ 2020-07-16 15:45
前端一点红
阅读(295)
评论(0)
推荐(0)
摘要：
登陆时需要发送短信验证码或者其他的验证方式来校验是否是本人操作，达到安全性的目的。本文主要以个人思考的实现方式做讲解，来看看常用的短信验证码的前台界面的实现。效果如图： 点击获取验证码时，倒计时，暂时设定倒计时的时间为180秒， 思路： 当点击【获取验证码】按钮时，发送请求到后台，根据自己的规则生成 阅读全文
posted @ 2020-07-16 15:43
前端一点红
阅读(3219)
评论(0)
推荐(0)
摘要：
使用 css 让元素不可见的方法很多，剪裁、定位到屏幕外、明度变化等都是可以的。虽然它们都是肉眼不可见，但背后却在多个维度上都有差别。 元素不可见，同时不占据空间、辅助设备无法访问、不渲染 使用 script 标签隐。例如： <script type="text/html"> <img src="1 阅读全文
posted @ 2020-07-16 15:41
前端一点红
阅读(385)
评论(0)
推荐(0)
摘要：
一、注释 在html中还有一种特殊的标签——注释标签。如果需要在html文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字，就需要使用注释标签。 注释内容不会显示在浏览器窗口中，但是作为html文档内容的一部分，也会被下载到用户的计算机上，查看源代码时就可以看到。 语法： <!-- 注释语 阅读全文
posted @ 2020-07-16 15:39
前端一点红
阅读(305)
评论(0)
推荐(0)
摘要：
需求： 需要把导航固定在底部？只能滑动内容，导航菜单固定不动的。效果如下： 这篇文章主要讲解三种实现方案，包括：fixed,absolute,以及css3的flex布局。 html结构如下： <div class="box"> <div class="roll">滚动区域</div> <footer 阅读全文
posted @ 2020-07-16 15:35
前端一点红
阅读(6105)
评论(0)
推荐(0)
浙公网安备 33010602011771号