Web前端

提供web前端技术学习,包括html5、css3、javascript、jquery、ajax、bootstrap以及一些流行的vue、angular等技术或框架。

最新文章

个人站点引用bilibili、优酷视频资源网站视频的方法

个人站点引用bilibili、优酷视频资源网站视频的方法

最近潘老师想在自己的个人博客中添加视频内容,主要为了以后用于展示一些Java视频教学内容、学生的毕设项目效果演示等,这样网站内容就可以更加丰富。对于个人网站空间、流量、带宽有限的情况下,最好的方法就是将视频传到bilibili(哔哩哔哩)、优酷等视频资源网站,然后使用外链进行引用即可,今天潘老师就来演示下如何引用B站、优酷等视频资源站的视频内容。第一步:找……

潘老师 2个月前 (12-09) 152 ℃ (0)(2)

Chrome浏览器桌面通知实现币安合约价格预警案例

Chrome浏览器桌面通知实现币安合约价格预警案例

Chrome浏览器桌面通知是Chrome浏览器提供给我们的一个API,使用此API可以轻松实现桌面通知提醒功能,不仅可以实现访问网站通知提醒公告内容,也可以帮助我们监控网站的一些数据变化,比如今天潘老师就给大家演示下如何使用该API实现对币安比特币合约数据的监控与提醒。第1步:打开需要监控的网站页面我们首先要打开需要监控的网站页面,比如我这里需要监控币安……

潘老师 2个月前 (12-08) 120 ℃ (0)(1)

vue-router路由拦截实现将未登录请求跳转到登录页面

vue-router路由拦截实现将未登录请求跳转到登录页面

我们在使用vue-router开发前端项目时,经常需要保证有些页面不需要登录就可以访问,但有些页面必须登录后才能访问,那我们该如何才能方便地实现这样的需求呢?其实,使用vue-router中的路由拦截可以轻松实现一些收保护的页面如果在未登录状态下被请求访问,可以直接跳转到登录页面。我们实现如上需求只需要两个步骤:1)在router目录下的index.js……

潘老师 3个月前 (10-12) 388 ℃ (0)(3)

使用ElementUI实现简单的后台管理首页布局

使用ElementUI实现简单的后台管理首页布局

在使用ElementUI实现后台管理首页布局是比较常见的一个需求,下面潘老师就带大家来实现简单的后台管理布局。我这里使用的是vue-cli脚手架整合ElementUI来搭建的环境,如果你还不会整合请参考博文:第1步:实现如图整体布局1)首先我们在components文件夹中新建一个Home.vue组件,作为我们的后台管理首页组件,我们参考Element……

潘老师 4个月前 (10-08) 412 ℃ (0)(6)

Nginx服务器介绍、安装与配置(Windows)

Nginx服务器介绍、安装与配置(Windows)

一、Nginx介绍1、Nginx服务器官网:http://nginx.org/2、Nginx (engine x)是一款轻量级的Web 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,在BSD-like 协议下发行。其特点是占有内存少,并发能力强,事实上nginx的并发能力在同类型的网页服务器中表现较好,是apache服务器不错的代替品……

潘老师 4个月前 (10-05) 303 ℃ (0)(4)

什么是跨域?产生原因是什么,有哪些解决方案规避跨域问题?

什么是跨域?产生原因是什么,有哪些解决方案规避跨域问题?

在进行前端网页开发尤其是在调用接口时经常会遇到跨域问题,导致接口调用失败(浏览器端类似报错如下图),接下来潘老师带大家来了解下到底什么是跨域,为什么会产生跨域问题,以及我们有哪些方法可以规避跨域问题。一、什么是跨域跨域的概念很简单,即当一个请求URL的协议、域名、端口三者之间任意一个与当前页面URL不同则视为跨域,而跨域问题产生的原因主要是由浏览器的“……

潘老师 4个月前 (10-04) 289 ℃ (0)(5)

使用css实现包裹式阅读全文样式效果

使用css实现包裹式阅读全文样式效果

有时候我们的博客文章列表需要阅读全文按钮,怎么做才能炫酷有好看?今天特地给自己别搞了个包裹式类似别针一样卡在文章列表上,下面直接贴代码:1、html代码如下:<div class="read-all">阅读全文 >></div>2、css代码如下:<style> ……

潘老师 4个月前 (09-24) 170 ℃ (0)(0)