前端经验

jquery实现二级菜单下拉效果

!doctype html html head meta charset = utf-8 title 无标题文档 / title script src = js/jquery-1.4.3.min.js type = text/javascript / script style /* reset */ body , ul { margin : 0 ; padding : 0 ; } li { list-style :none; } a { text-deco...

前端经验

CSS3绘制三角形,并实现翻转效果

首先,如何用CSS3来绘制三角形,下面介绍了四种朝向三角形的写法: div class = triangle /div CSS样式设计: .triangle { width : 0 ; height : 0 ; overflow :hidden; /*朝上的三角形*/ border-left : 6px solid t...

前端经验

css加载效果,加载中,请稍后....

!DOCTYPE html html head meta http-equiv = Content-Type content = text/html; charset=utf-8 / title 加载中,请稍后.... / title style type = text/css .load { width : 100% ; height : 100vh ; position : fixed; top : 0 ; z-index : 10000 ; ba...

前端经验

JavaScript 修改地址栏指定参数

假如当前地址栏链接为:https://test.com/?type=studentspage=3 //定义替换参数的方法 function changeURLArg ( url,arg,arg_val ) { var pattern=arg+ =([^]*) ; var replaceText=arg+ = +arg_val; if (url.match(pattern)){ var tmp= /...

前端经验

JavaScript 获取地址栏指定参数的两种方法

假如当前地址栏链接为:https://test.com/?type=studentspage=3 function UrlSearch () { var name, value ; var str=location.href; //取得整个地址栏 var num=str.indexOf( ? ); str=str.substr(num+ 1 ); //取得所有参数 stringva...

前端经验

vue监听手机键盘搜索事件

form action = javascript:return true !-- form ios手机上唤起搜索按钮(默认是换行按钮) -- input @ keypress = searchBtn type = search name = id = value = placeholder = 医生 v-model = put / / form searchBtn(event) {if (even...

前端经验

vue监听手机物理返回键(浏览器返回)

//1、挂载完成后,判断浏览器是否支持popstate mounted(){ if ( window .history window .history.pushState) { history.pushState( null , null , document .URL); window .addEventListener( popstate , this .goBack, false ); }}, //页面...