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... ... »

web前端几个小知识点笔记

1、css实现宽度是百分比的盒子为正方形 只需要保证width的百分比值和padding-bottom的百分比值一样即可 2、手机端判断是横屏还是竖屏 3、不固定行数的文字垂直居中 需求:一个盒子div中有一段文字,文字行数不确定,如何实现该段文字在盒子内垂直居中方法1:在div盒子上使用两个css ... »

display:inline、block、inline-block的区别

display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 <div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。 display:inli ... »

布局神器display:flex

2009年,W3C提出了一种新的方案--Flex布局,可以简便、完整、响应式地实现各种页面布局。目前已得到所有现在浏览器的支持。 flex浏览器支持 一、Flex布局是什么? Flex是Flexible Box的缩写,翻译成中文就是“弹性盒子”,用来为盒装模型提供最大的灵活性。任何一个容器都可以指定 ... »