H5 video标签视频加载存在的问题

客户发现上传的视频无法播放,然后主管让我解决这个问题,这个页面不是我负责的,我看了代码,发现视频用的h5标签video标签加载视频。我看了没问题,然后 我先用ie浏览器打开,视频加载没问题。然后我给主管说没问题啊,主管说他也不知道,让我再看看,肯定有问题。然后我让旁边的同事打开,旁边的同事说无法播放 ... »

Vue项目图片剪切上传——vue-cropper的使用

最近自己在研究vue,然后做了一个小型的后台管理系统用来练手,开发过程中,想到了剪切图片上传用户头像的需求。上网百度了一番,发现好多用的都是vue-cropper。我也就用了,个人感觉还是挺好用的。现在在这里用一个简单的小demo演示一下vue-cropper的使用方法。 ... »

深度理解盒子大小的计算问题

在HTML和css中,盒子的大小计算问题是一个比较重要的知识点,当我们从设计师的手上拿到设计稿时,就应该大概的了解到页面的布局,在布局时,就需要运用盒子来填充页面的各个板块。页面的宽高是固定的,盒子的个数是不固定的,这就需要前端人员合理的处理盒子与盒子之间的距离问题。 盒子的布局有两种模式:box- ... »

web前端--html/css/javaScript/jQuery学习总结

web三要素: 浏览器:向服务器发起请求,下载服务器中的网页(HTML),然后执行HTML显示出内容 服务器:接受浏览器的请求,发送相应的页面到浏览器 HTTP协议:浏览器与服务器的通讯协议. HTML的工作原理: HTML是部署在服务器上的文本文件 跟据HTTP协议,浏览器发出请求给服务器,服务器 ... »

VUE滚动条插件——vue-happy-scroll

最近自己在自学vue2.0,然后就自己摸索做一个简单的后台管理系统,在做的过程中,总感觉不同浏览器自带的滚动条样式不统一,也很难看,所以就在网上找一些使用vue的滚动条插件。最开始用的是Easy-scroll插件,可是在使用过程中,发现一个问题——由于在开发过程中,需要经常打开开发者选项进行调试,可... ... »

从前端开发看HTTP协议的应用

一、Chrome Developer Network Tab Cheome Developer作为现在前端开发者最常用的开发调试工具,其具有前端可以涉及到的各方面的强大功能,为我们的开发和定位问题提供了极大地便利。其中Network Tab是相当常用的一个功能板块。通过它的XHR、JS、CSS、Im ... »

百度编辑器上传视频音频的bug

前言:UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码,百度Ueditor 支持多种后台语言上传使用,php,java,net,nodejs,官网没有提供nodejs 的后台配置,如果使用koa ... »

解析Json字符串的三种方法

现在JSON格式在web开发中越来越受重视,特别是在使用ajax开发项目的过程中,经常需要将json格式的字符串返回到前端,前端解析成JS对象(JSON ),ECMA-262(E3)中没有将JSON概念写到标准中,还好在 ECMA-262(E5)中JSON的概念被正式引入了,包括全局的JSON对象和... ... »

Vue2学习小记-给Vue2路由导航钩子和axios拦截器做个封装

最近在学习Vue2,遇到有些页面请求数据需要用户登录权限、服务器响应不符预期的问题,但是总不能每个页面都做单独处理吧,于是想到axios提供了拦截器这个好东西,再于是就出现了本文。用户鉴权与重定向:使用Vue提供的路由导航钩子;请求数据序列化:使用axios提供的请求拦截器;接口报错信息处理:使用a... ... »

看漫画学Flux

原文地址: "A cartoon guide to Flux by Lin Clark" Flux在目前web开发中最受欢迎也较不被人理解,本文会以简单易懂的方式解释它。 出现问题 首先,我要声明Flux所解决的基本问题。Flux是一种帮助你处理数据的模式。Flux和React都由Facebook开 ... »

使用git工具快速push项目到github(精简)

Dear Weber ,相信有很多刚开始接触前端的程序猿,在刚接触到git工具传项目到github上时会遇到一些问题,那么下面的话呢,我就整理一下一个大致的思路提供给大家参考: 工具:git (自行下载安装即可) 1.先注册github账号,这个不用说。。。。 2.登录github - > New ... »

HTML5中的Web Notification桌面通知

大家在做一些浏览器端的聊天功能的时候,或者在一些网站跟在线客服咨询的时候,会看到一些消息通知的提示,常见的有浏览器标签页的闪烁和屏幕右侧的消息通知。本篇博客就在这里简单的介绍一下如何实现这样的功能。 ... »

img标签实现和背景图一样的显示效果——object-fit和object-positon

不知大家在做前端页面的时候,有没有遇到类似这样的问题:有一个不是正方形的图片,可能是宽度大于高度的,也可能是高度大于宽度的,而你又并不想用背景图的方式来做,要实现用img标签来让此图片显示出一个正方形的且不变形的效果。即如下图:只显示图片中间部分(红框部分) ... »

这些css高级技巧,你知道几个呢?

1. 黑白图像 这段代码会将彩色照片变为黑白照片 2. 使用 :not() 在菜单上应用/取消边框 该代码用在导航菜单非常的实用。 先给每一个菜单项添加边框: 然后再去除最后一个元素的边框: 现在可以使用:not()伪类来实现了: web前端JavaScript技术学习群640633433 3. 页 ... »

Web前端学习(4):显示图片、url与文件路径

本章主旨 介绍<img>标签及其基本属性;介绍URL和文件路径 在上一章中,我简单地介绍了HTML的一些基本标签及基本属性,例如,我们用<p>标签来标记文本段落,用<h1>~<h6>来设置多级标题,用<a>标签及其href属性来设置超链接。而在这章我将介绍如何在网页中显示图片图片,同时也会介绍有关于 ... »

2018年web前端学习路线图

前端的的技术一直在变化,更新和变革,现在基本是三驾马车(vue,angualr,react)主导整个前端框架,但是无论对于新人或者有经验的程序员,这些知识在必须掌握 前端必会技能 上图罗列了整个前端的一些技术架构,可能有些东西已经过时了,但是以下这些东西必须得了解和掌握。 html的语法、格局,常用 ... »

web前端学习(2):开始编写HTML

在第一章中,我们初步了解了上网的过程,同时也明白了所谓网页,其本质就是主要用HTML语言所写的一份文档。相信大多数人在了解HTML文件前,最先接触的是利用“记事本”所写的文档或者是利用办公软件“Word”所建的文档,身为初心者的你可能会问,HTML文档与这些文档又有何差别?在回答这个问题前,让我们尝 ... »

自实现PC端jQuery版轮播图

最近其他项目不是很忙,被安排给公司的官网项目做一个新的页面(之前没接触公司官网项目),其中有一个用到轮播图的地方,最开始想直接用swiper.js插件实现就好了,可是发现官网项目里之前都没有引入过swiper.js,后来想了想,就不引入它了,免得又得增加依次一次网络请求,项目里既然已经用到了jQue... ... »