其实Js的onload加载事件与JQ的load()加载方法效果是一样的,只不过在jq中被封装改变了写法,虽然JQ中也可以使用原生JS的方法,但不推荐,因为JQ操作起来要比JS简化的多,为了让大家看的更清晰,...
在开发中有个需求是一个选择城市的列表,看了看做成三级联动好像不是特别方便 还是做成一整页可以按导航选取的就可以了 话不多说开始上码 我用的是vant这个ui框架中的IndexBar组件 其实这个组...
rem 布局 rem是根元素(html)中的font-size值。 rem布局不多赘述,有很多详细说明rem布局原理的资料。 简单的说,通过JS获取设备宽度动态设定rem值,以实现在不同宽度的页面中使用rem作为单位...
postcss-pxtorem是PostCSS的插件,用于将像素单元生成rem单位。 前端开发还原设计稿的重要性毋庸置疑,目前应用的单位最多还是rem,然而每次在制作过程中需要自己计算rem值,为了能够直接按照设...
光线投射法 使用three.js自带的光线投射器(Raycaster)选取物体非常简单,代码如下所示: var raycaster = new THREE.Raycaster(); var mouse = new THREE.Vector2(); function onMouseMove(e...
这篇文章主要介绍了JavaScript This指向问题详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 各位小伙伴在面试中被面试官问道this指...
在平时的业务开发中,数组(Array) 是我们经常用到的数据类型,那么对数组的排序也很常见,除去使用循环遍历数组的方法来排列数据,使用JS数组中原生的方法 sort 来排列(没错,比较崇尚JS原生的...
项目中使用的vue,刚好有需求要实现轮播图,突出显示当前图片,两边展示其他图片;通过查各种资料,实现了,故在此记录下来 下面我们来看下实现步骤: 第一步:首先在项目index.html中引入swi...
下面通过一段代码给大家介绍JS控制只能输入数字并且最多允许小数点两位,具体代码如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &...
在实际应用中,运营人员在编辑数据时不希望因不小心点击了浏览器的回退或刷新按钮导致花费了很长时间编辑的数据丢失。可以采用以下两种手段防止运营编辑时丢失数据: 在运营人员刷新页面或回退...
弹幕区的页面: <div class="content" v-show="doommData.length"> <div class="textLeft"></div> <div class="textItem"> <p class="text aon" v...
焦点事件: 在HTML页面中,每个元素都会得到焦点和失去焦点,我们的焦点事件就会在这个时候触发,利用这些事件与document.hasFoucs()方法及document.activeElement属性配合。可以知晓用户在页...
在我们日常生活和开发中最常用到的也就是鼠标点击事件了,比较鼠标是我们最重要的定位设备。有人说上网可以没有键盘,但是一定不能没有鼠标,事实上确实是这样,因为现在很多网站都设置的有虚拟...
文本和键盘事件也是我们平常用的比较少的,在用户输入键盘的时候会触发键盘事件,回车的时候有可能会触发键盘和submit的文本事件; 键盘事件 键盘事件类型 keydown:在用户按下键盘上的任意...
总结一下Ajax的其他几个对象,以及各个版本的Ajax用法和区别。 FormDate 现在Web中大家都会用到表单的数据序列化,XMLHttpRequest也提供了一个叫做FormData类型; var data=new FormData()...
javaScript里面内置了两个定时器,一个是setTimeout()一个是setInterval()。下面将由浅入深来理解一下定时器的工作原理。 使用方式: setTimeout()setTimeout 的语法非常简单,第一个参数为...
关于Jquery表单验证,这里写了一个简单的例子,大致思路分享一下。 首先获得页面的数据,然后去判断页面的元素,如果错误的话,就在DIV下面添加提示。 这里用到了$("input").blur去触发校...
用到的是ajax异步请求,在使用sendRedirect跳转的时候,根本跳出过去。因为服务器要控制页面跳转必须客户端提交请求,服务器接到请求后,将处理后的html返回至页面展示 AJAX是从服务端获取到...
前端的视图层和数据层有时需要实现双向绑定(two-way-binding),例如mvvm框架,数据驱动视图,视图状态机等,研究了几个目前主流的数据双向绑定框架,总结了下。目前实现数据双向绑定主要有以下...
cookie 优点:可以在同源内的任意网页内访问.生命期可以设置. 缺点:值长度有限制. Cookie是浏览器存储少量命名数据. 它与某个特定的网页或网站关联在一起. Cookie用来给浏览器提供内存,...