摘要：
Ionic 框架开发团队近日宣布，2019年将推出正式支持 vue （目前处于 alpha 阶段）和 react 的 Ionic 版本，以让开发者在框架选择上更多样化。 Ionic 是一个高级的 html5 移动端应用框架，也是一个开发混合移动应用的前端框架，旨在让 Web 开发者更轻松地构建、测试 阅读全文
posted @ 2020-09-17 12:15
前端一点红
阅读(277)
评论(0)
推荐(0)
摘要：
一、前言 通常情况下，html 中的图片资源会自上而下依次加载，而部分图片只有在用户向下滚动页面的场景下才能被看见，否则这部分图片的流量就白白浪费了。 所以，对于那些含有大量图片资源的网站，会采用“按需加载”的方式，也就是当图片资源出现在视口区域内，才会被加载，这样可能会影响一丢丢用户体验，但是能大 阅读全文
posted @ 2020-09-17 12:14
前端一点红
阅读(150)
评论(0)
推荐(0)
摘要：
一、概述 FormData类型是XMLHttpRequest 2级定义的，它是为序列化表以及创建与表单格式相同的数据提供便利。 作用：1.利用一些键值对来模拟一系列表单控件：即将form中的所有表单元素的name和value组装成一个queryString；2.异步上传二进制文件。 与普通Ajax相 阅读全文
posted @ 2020-09-17 12:06
前端一点红
阅读(818)
评论(0)
推荐(0)
摘要：
一、前端进行网络请求的关注点 大多数情况下，在前端发起一个网络请求我们只需关注下面几点： 传入基本参数（url，请求方式） 请求参数、请求参数类型 设置请求头 获取响应的方式 获取响应头、响应状态、响应结果 异常处理 携带cookie设置 跨域请求 二、前端进行网络请求的方式 form表单、ifre 阅读全文
posted @ 2020-09-17 12:05
前端一点红
阅读(947)
评论(0)
推荐(0)
摘要：
app本地请求是http端口,后来升级https强制301跳转,设置如下 server { listen 80; server name www.XXX.com; rewrite ^/(.*)$ https://www.XXX.com/$1 permanent; } 问题描述及原因 强制把http请 阅读全文
posted @ 2020-09-17 11:55
前端一点红
阅读(806)
评论(0)
推荐(0)
摘要：
IPTABLES 是与最新的 3.5 版本 Linux 内核集成的 IP 信息包过滤系统。如果 Linux 系统连接到因特网或 LAN、服务器或连接 LAN 和因特网的代理服务器， 则该系统有利于在 Linux 系统上更好地控制 IP 信息包过滤和防火墙配置。 需要开80端口，指定IP和局域网.下面 阅读全文
posted @ 2020-09-17 11:49
前端一点红
阅读(1634)
评论(0)
推荐(0)
摘要：
引言 本来没想写这个题材的，为了某某童鞋能够更好的茁壮成长，临时写一篇负载均衡的。负载均衡，大家可能听过什么3层负载均衡、4层负载均衡、7层负载均衡什么的？那这是怎么分的呢，ok，是根据osi七层网络模型来分的，例如nginx是工作在应用层，应用层刚好是在第7层，因此nginx又可以称为7层负载均衡 阅读全文
posted @ 2020-09-17 11:21
前端一点红
阅读(179)
评论(0)
推荐(0)
摘要：
作为前端，我们每天都在与css打交道，那么css的原理是什么呢？ 一、浏览器渲染 开篇，我们还是不厌其烦的回顾一下浏览器的渲染过程，先上图： 正如上图所展示的，我们浏览器渲染过程分为了两条主线：其一，html Parser 生成的 DOM 树；其二，CSS Parser 生成的 Style Rule 阅读全文
posted @ 2020-09-17 11:19
前端一点红
阅读(606)
评论(0)
推荐(0)
摘要：
字体是如何渲染的 解码 Web 服务器返回的 HTTP 头中的 Content-Type: text/html; charset= 信息，这一般有最高的优先级； 网页本身 meta header 中的 Content-Type 信息的 charset 部分，对于 HTTP 头未指定编码或者本地文件， 阅读全文
posted @ 2020-09-17 11:18
前端一点红
阅读(673)
评论(0)
推荐(0)
摘要：
小当小程序开发完成后，就需要进行推广操作。当然推广的前提是核心功能是否能够满足用户需求，下面总结一些具体的运作方式。 1、微信搜索 和大多数APP的搜索个性一样,用户搜索小程序名称就能进入小程序界面。我们需要做好关键词优化，通过搜索-微信指数，找指数比较 高的词作为我们小程序才名称，这里指数越高代表 阅读全文
posted @ 2020-09-17 11:13
前端一点红
阅读(998)
评论(0)
推荐(0)
摘要：
安装openwebmail openwebmail提供了可视化的邮件管理系统，它运行在Apache环境下。 1、安装必备软件 [root@localhost ~]# yum install –y perl-TextIconv perl-CGI perl-CPAN perl-suidper perl- 阅读全文
posted @ 2020-09-17 10:30
前端一点红
阅读(385)
评论(0)
推荐(0)
摘要：
这是一款超酷css3 loading预加载动画特效。该loading特效共有4种不同的效果，分别通过不同的css3 keyframes帧动画来完成。 html结构 4种loading预加载动画的html结构分别如下： <!-- 效果一 --> <div class="spinner-box"> <d 阅读全文
posted @ 2020-09-17 10:27
前端一点红
阅读(711)
评论(0)
推荐(1)
摘要：
在描述CDN的实现原理之前，让我们先看传统的未加缓存服务的访问过程，以便了解CDN缓存访问方式与未加缓存访问方式的差别。 用户访问未使用CDN缓存网站的过程为: 1)、用户向浏览器提供要访问的域名；2)、浏览器调用域名解析函数库对域名进行解析，以得到此域名对应的IP地址；3)、浏览器使用所得到的IP 阅读全文
posted @ 2020-09-17 10:23
前端一点红
阅读(247)
评论(0)
推荐(0)
摘要：
1.onload事件 onload，页面加载后执行，所谓页面加载完成，指页面上所有的元素创建完毕，引用的所有的外部资源（js、css、图片）等下载完毕。 所以onload执行的比较晚，因为如果页面上有好多好多图片，它需要等这些图片完成下载后才能执行。而写在body后的< script >< /scr 阅读全文
posted @ 2020-09-17 10:22
前端一点红
阅读(584)
评论(0)
推荐(0)
摘要：
最近项目中需要前端播放 .ts 格式视频，捣鼓了几天学习到很多知识，也发掘了一种优秀的解决方案，分享给有同样需求的同学。 常见方案 在网上查找的大部分解决方案都是用诸如videojs等网页播放器，接收 .m3u8索引文件的方式来播放ts切片。这种方案的缺点是需要后端对原始ts切片做处理，生成 .m3 阅读全文
posted @ 2020-09-17 10:20
前端一点红
阅读(5573)
评论(0)
推荐(0)
摘要：
Web产品中很多时候需要在客户端，即浏览器中保存一些必要的数据。而面临这类需求时，你应当知悉对应的解决方案不仅仅只有一种。 Cookie 这是最早被使用，且至今仍被广泛采用的最简单的浏览器中保存数据方法。 Cookie使用键/值形式存储数据，且数据类型只能为字符串。 Cookie相关的CRUD操作： 阅读全文
posted @ 2020-09-17 10:18
前端一点红
阅读(1023)
评论(0)
推荐(0)
摘要：
去年，大前端开始出现。今年，大前端的趋势越来越明显。跨平台技术层出不穷。Qcon、GMTC等一线会议开始设置大的前端话题。阿里、京东、美联以及在哪里开始开展跨平台练习。所有这些都告诉我们，大前端即将到来。 一些来自媒体的评论开始关注非官方发展：“瞧，那个做Android的人挂了”和“我听说没有人想要 阅读全文
posted @ 2020-09-17 10:17
前端一点红
阅读(321)
评论(0)
推荐(0)
摘要：
前言 在开发静态页面时，类似vue的应用，我们常会调用一些接口，这些接口极可能是跨域，然后浏览器就会报cross-origin问题不给调。 最简单的解决方法，就是把浏览器设为忽略安全问题，设置--disable-web-security。不过这种方式开发PC页面到还好，如果是移动端页面就不行了。 解 阅读全文
posted @ 2020-09-17 10:14
前端一点红
阅读(356)
评论(0)
推荐(0)
摘要：
Pom文件引入以下依赖 注意,创建SpringBoot整合jsP,一定要为war类型,否则会找不到页面 不要把jsp页面存放在Resources目录下,resources目录是给springboot打jar包读取配置文件用的,产生的jsp会被别人访问到,这是存放资源目录的文件 1.创建War类型的s 阅读全文
posted @ 2020-09-17 10:11
前端一点红
阅读(197)
评论(0)
推荐(0)
摘要：
当使用文本编辑的时候，首先会使用 textarea ,但是，这个里面不能加入其它标签，也就是不能富文本化。 于是可以使用 contenteditable 就是给 div 加上该属性。就变得丰富起来。使用的时候，发现有两个问题。 1、placeholder 无法正常使用，解决办法，是加上一段css： 阅读全文
posted @ 2020-09-17 10:07
前端一点红
阅读(608)
评论(0)
推荐(0)
摘要：
属性值 对部分生僻的input属性值解释： type="reset"： 可以一键清空form表单里面所有的数据 <form> <input type="text" name=""> <input type="password" name=""> <input type="email" name="" 阅读全文
posted @ 2020-09-17 10:06
前端一点红
阅读(275)
评论(0)
推荐(0)
摘要：
网页中的动态GIF图片是非常受欢迎的，因为它们相比静态图片更生动，相比网页视频更简单。但是GIF图片通常具有较大的体积，就导致网页加载速度变慢，内存使用增加。通过使用html video，可以使浏览器中的GIF图片在减少98%体积的情况下，仍然具有相对较高的质量。 我们注意到这篇文章是Google 阅读全文
posted @ 2020-09-17 09:53
前端一点红
阅读(2522)
评论(0)
推荐(0)
摘要：
一 web框架 Web框架(Web framework)是一种开发框架，用来支持动态网站、网络应用和网络服务的开发。这大多数的web框架提供了一套开发和部署网站的方式，也为web行为提供了一套通用的方法。web框架已经实现了很多功能，开发人员使用框架提供的方法并且完成自己的业务逻辑，就能快速开发we 阅读全文
posted @ 2020-09-17 09:50
前端一点红
阅读(204)
评论(0)
推荐(0)
摘要：
这里的波浪只是侧面的，利用几个平面一部分弧旋转得到。 代码解读 定义 dom，容器中包含一行文本和3条做海浪特效的 <span>： <div class="sea"> <p class="title">the sea</p> <span class="wave"></span> <span clas 阅读全文
posted @ 2020-09-17 09:48
前端一点红
阅读(531)
评论(0)
推荐(0)
浙公网安备 33010602011771号