前端开发
主要是JS、HTML、CSS实际使用经验。减少在网上查找相关技术blog时间,提高开发效率。
developerFBI
人贵有志,学贵有恒
展开
-
npm install pubsub-js报错的解决汇总
npm install pubsub-js报错的解决汇总原创 2024-05-31 00:57:06 · 1074 阅读 · 0 评论 -
vue2引入brand.vue和brand-add-or-update.vue后重启项目报错解决方案
vue2引入brand.vue和brand-add-or-update.vue后重启项目报错解决方案原创 2024-05-18 17:02:19 · 388 阅读 · 0 评论 -
vue cmd执行报错 ‘vue‘ 不是内部或外部命令
vue cmd执行报错 'vue' 不是内部或外部命令解决方案。原创 2024-05-10 11:38:52 · 389 阅读 · 0 评论 -
解决Vue devtools插件数据变化不会自动刷新
解决Vue devtools插件数据变化不会自动刷新原创 2024-05-09 10:14:14 · 469 阅读 · 0 评论 -
jquery 下拉搜索列表适用于PC和移动端
1、先看下效果,在输入框内输入"s",显示如下图:2、直接贴代码:<HTML><HEAD><TITLE>jquery 下拉搜索控件适用于PC和移动端</TITLE><meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script src="http://www.jq22.com/jquery/jquery-1.10.2.js">&原创 2020-05-28 23:15:54 · 573 阅读 · 0 评论 -
JS正则表达式验证手机号和邮箱
1、手机号是11位,以1开头,以下正则表达式代码:function isPoneAvailable(poneInput) { var myreg=/^[1][3,4,5,7,8][0-9]{9}$/; if (!myreg.test(poneInput)) { return false; } else { return true; }}这里的重点是这个正则表达式:var myreg=/^[1][3,4,5,7,8][0-9]{转载 2020-05-28 15:46:00 · 552 阅读 · 0 评论 -
html中px em pt区别介绍
HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。px、em、pt之间的区别:一、代表单位不同。px代表的是像素单位,em代表的是相对单位,pt代表的是绝对单位。二、单位长度不同pt是72分之一英寸,px是数字化图像长度单位,em是字符宽度的倍数。下面我们来看一下HTML中的长度单位px、em、pt。 pt (point,磅):是一个物理长度单位,指的是..转载 2020-05-18 23:00:29 · 923 阅读 · 0 评论 -
JS addEventListener()方法的使用介绍
火狐和其他浏览器都支持W3C标准的addEventListener方法。addEventListener() 方法,事件监听。removeEventListener() 方法来移除事件的监听。如果要针对IE浏览器就要使用attachEvent(event,function)。如果你开发前端页面要兼容IE、Chrome、Firefox等浏览器,请参考:https://www.cnblogs.com/carriezhao/p/7270335.html。下面介绍addEventListener()的用法。...转载 2020-05-15 10:47:11 · 4003 阅读 · 0 评论 -
jq a标签动态绑定onclick事件
我使用的Jq的库版本:jquery-3.5.0.min.js.以下代码在PC和移动端都可以使用。1、JSP或HTML页面代码如下:<a href="javascript:void(0);" class="usepwdlogin" onclick="loginByPwd()">用密码登录</a>2、JS代码如下:/** * 设置密码div显示,输入验证...原创 2020-05-05 00:23:16 · 2027 阅读 · 0 评论 -
css3 rem的用法
rem这是个低调的css单位,近一两年开始崭露头角,有许多同学对rem的评价不一,有的在尝试使用,有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。rem是什么? rem(fontsizeoftherootelement)是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单...转载 2020-04-28 22:57:55 · 300 阅读 · 0 评论 -
手机版(兼容android和ios)用户登录界面H5
本文主要是开发的一个兼容android和ios的登录页面。1、接下来直接上HTML的代码<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0 us...原创 2020-04-26 18:17:36 · 1643 阅读 · 0 评论 -
JS 对this的理解解说
首先要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话有些问题,后面会解释为什么会有问题,虽然网上大部分的文章都是这样说的,虽然在很多情况下那样去理解不会出什么问题,但是实际上那样理解是不准确的,所以在你理解this的时候会有种琢磨不透的感觉),那么接下来我会深入的探讨这个问题。 例子1:...转载 2020-04-26 10:00:18 · 179 阅读 · 0 评论 -
div+css+jq实现弹出框兼容PC和H5页面
效果:点击弹出框按钮后,页面上显示一个弹出框,并且背景要变成灰色,原始页面不能被操作的,直到关闭弹出框。原理:在原页面的基础上添加两个div,一个是弹出层,一个是遮罩层,即背景层。这两个div和原始页面是在一个文件中,首先通过设置display:none;让这两个div不显示,然后通过给弹出框按钮和关闭按钮绑定事件来实现弹出框的显示和隐藏;实现:1、先实现页面布局;一个弹出框按钮...原创 2020-04-13 15:54:09 · 583 阅读 · 0 评论 -
图片轮播效果兼容PC和H5页面
实现的原理:首先把要轮播的图片通过ul li显示在一行。然后把ul li img图片全部隐藏起来.最后把图片按从左向右的顺序时行 显示,根据要显示的图片宽度作为距离来显示对应图片。1、直接上html代码<html><head><title>图片滑动</title><link rel="stylesheet" href="pi...原创 2020-04-13 10:39:17 · 419 阅读 · 0 评论 -
百度地图API之地图加载方式(同步、异步)
同步加载方式:<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";ICheckAttenceService checkAttenceServ原创 2013-04-13 22:45:13 · 21179 阅读 · 0 评论 -
学习Jquery的内核详解与实践总结一
1、jQuery对象和DOM对象相互转换$(function(){1)方法一: var $li = $("li"); var li =$li.get(2); alert(li.innerHTML);2)方法二: var li = document.getElementsByTagName("li"); var $li = $原创 2013-01-28 23:44:23 · 492 阅读 · 0 评论 -
js 获取浏览器IE、FF、Chrome、Opera、Safari
个人认为:在判断浏览器时用if(){..} else if(){....}可读性要高些,采用赋值方式,代码看起要简洁些,但可读性方面可能稍差些./***isVersionNumOrType:true(获取浏览器的类型+版本号) false(获取浏览器的类型)/* getBrowseInfo:function(isVerNumOrType){ v原创 2012-09-23 11:43:27 · 1437 阅读 · 0 评论 -
前台开发需要掌握的技术
WEB标准第一境界,会用CSS布局,可以脱离tableWEB标准第二境界,能够兼容流行的浏览器,IE5.x——IE7.0,Firefox1.5+,Opera跟Firefox差不多WEB标准第三境界,语义化的结构,搜索引擎优化初步,WAI(网站亲和力)基础,兼容打印,和手持设备WEB标准第四境界,模块化的网页编码,大型项目的开发模式,网站前端性能优化,向前向后兼容所有浏览器和设备,搜索引转载 2012-09-16 23:39:19 · 1447 阅读 · 0 评论