![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
YuanlongWang
全栈开发工程师,热爱研究新技术,专注于数据研究领域,乐于分享
展开
-
JS插件分享:sHover 感应鼠标进入方向图片展示
sHover是一个简单的原生JavaScript插件,它可以让你的展示图片感应鼠标进入方向,从而让悬浮层做出不同的运动效果!它的使用和设置都非常方便,测试了一下他基本可以支持所有浏览器,所以就不用担心浏览器兼容问题啦。演示dome:sHover 感应鼠标进入方向图片展示使用简单 sHover是一个纯原生JavaScript编写的小组件,不需要引入JQuery或其他插件就可以使用。使用非常简单,引入原创 2017-07-13 11:14:50 · 961 阅读 · 0 评论 -
TypeScript学习心得总结(一)
为什么使用TypeScriptJavaScript的超集 支持所有原生JavaScript的语法强类型语言 现在很多主流语言都是强类型的,而这点也一直是JavaScript所被人诟病的地方。使用TypeScript之后,将会在代码调试、重构等步骤节省很多时间。 比如说:函数在返回值的时候可能经过复杂的操作,那我们如果想要知道这个值的结构就需要去仔细阅读这段代码。那如果有了TypeScrip原创 2017-12-24 11:53:33 · 1299 阅读 · 0 评论 -
ES6之Class 与ES5对比
类定义ES6:class Shape { constructor (id, x, y) { this.id = id this.move(x, y) } move (x, y) { this.x = x this.y = y }}ES5:var Shape = function (id,原创 2018-01-04 11:01:35 · 401 阅读 · 0 评论 -
$.inArray()方法介绍
$.inArray()函数用于在数组中搜索指定的值,并返回其索引值。如果数组中不存在该值,则返回-1;$.inArray(value,array) --value是要查找的值,array是被查找的数组。 有如下实例:<!DOCTYPE html><html><head><meta charset="utf-8"><...原创 2018-07-23 16:26:00 · 29559 阅读 · 0 评论 -
详情页返回列表页实现定位和缓存
实现目标浏览列表页面,点击进入详情页面,当从详情页面返回时,页面能定位到进入详情页时的位置,同时加载之前的缓存。实现思路当点击某个列表进入详情时,获取当前列表距离顶部的高度,并存入浏览器缓存,返回时判断是否存在该缓存,如果存在则加载该浏览器高度,实现定位到进入时的位置。实现方法<ul> <li><a onclick="god...原创 2018-07-30 08:53:56 · 7539 阅读 · 0 评论 -
setTimeout和setInterval的区别
setTimeout只在指定时间后执行一次,代码如下:<script>//定时器 异步运行function hello(){alert("hello");}//使用方法名字执行方法var t1 = window.setTimeout(hello,1000);var t2 = window.setTimeout("hello()",3000);//使用字符串执行方法w...原创 2018-07-27 17:07:40 · 226 阅读 · 0 评论 -
推荐几款目前最热门的前端框架
目前最热门的前端框架1、bootstrap 目前最流行的 HTML, CSS 和 JavaScript 框架,用于开发响应式,移动端先行的 web 项目gethub:https://github.com/twbs/bootstrap官网:http://getbootstrap.com/ 2、vue 一个用以创建用户接口的直观、快速、简洁的 MVVM 框架ge...原创 2018-08-15 10:00:05 · 14663 阅读 · 0 评论 -
Performance — 前端性能监控利器
Performance是一个做前端性能监控离不开的API,最好在页面完全加载完成之后再使用,因为很多值必须在页面完全加载之后才能得到。最简单的办法是在window.onload事件中读取各种数据。timing (PerformanceTiming)从输入url到用户可以使用页面的全过程时间统计,会返回一个PerformanceTiming对象,单位均为毫秒按触发顺序排列所有属性:(...原创 2018-08-13 17:37:02 · 850 阅读 · 0 评论 -
纯js实现的前端验证插件
之前有写过一个在C#后台实现的点击图上上文字实现安全验证的插件,相对于js验证来说更安全,缺点是只能在c#后台实现,最近发现一个纯js实现的安全验证插件,最大好处就是简洁,跨平台。下面直接把代码贴出来分享给大家:运行示例:http://img.lwpoor.cn/verify/login.html这里包含两个验证的控件:1、拖动滑块拼接图片完成验证 2、点击图片上的文字完成验证...原创 2019-03-21 12:16:40 · 2054 阅读 · 0 评论