![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript 案例
实战演练,记录遇到的点滴案例
weixin_43297321
这个作者很懒,什么都没留下…
展开
-
js设备分发:判断不同的设备并分发到不同的链接
前端开发中,遇到需要通过判断客户端类型来跳转页面的情况时,这个时候就需要判断用户浏览该页面使用的设备类型,比如说是pc端还是手机端,然后根据设备不同来跳转到不同的页面。举个例子:现在有个index.html页面,还有一个pc.html页面,还有一个手机端展示页面phone.html。现在我想进入index.html页面,判断设备类型,然后跳转到pc.html或者phone.html。其实一句话就可以了。window.location.href = /Android|webOS|iPhone|iPod|原创 2020-07-09 11:40:14 · 503 阅读 · 0 评论 -
点击返回页面顶部(h5、js、jQuery 三种方式)
当页面过长时,通常会在滚动条到一定位置时设置按钮,点击可以快速返回顶部或者指定的位置处。参考文档:jQuery中页面返回顶部的方法总结方法一:锚点定位当点击a标签,会直接返回到顶部;如果p标签有id属性值,a标签href设置为该p标签的id属性值,则点击该a标签可以跳到此p标签处。//p*40{$} 回车 可以自动形成p标签,innerHTML为1~40。<p>1</p><p>2</p> . . .<p id="原创 2020-07-03 20:18:54 · 8352 阅读 · 1 评论 -
js懒加载&瀑布流
3.懒加载什么是懒加载:懒加载其实就是延迟加载,是一种对网页性能优化的方式,比如当访问一个页面的时候,优先显示可视区域的图片而不一次性加载所有图片,当需要显示的时候再发送图片请求,避免打开网页时加载过多资源。什么时候用懒加载:当页面中需要一次性载入很多图片的时候,往往都是需要用懒加载的。懒加载原理:我们都知道HTML中的标签是代表文档中的一个图像。。说了个废话。。标签有一个属性是src,用来表示图像的URL,当这个属性的值不为空时,浏览器就会根据这个值发送请求。如果没有src属性,就不会发送请原创 2020-07-02 17:08:59 · 292 阅读 · 0 评论 -
js 多选框&单选框
此多选框、单选框可以换按钮皮肤,只更改雪碧图的定位即可。没有使用自带的控件,是重新写的。用到了模块化开发,类的导出导入,类的继承。<!-- html部分 --><script type="module"> import Radio from "./js/Radio.js"; import CheckBox from "./js/CheckBox.js...原创 2020-02-23 22:57:34 · 614 阅读 · 0 评论 -
js || jQuery 元素收起展开
1、用jQuery来实现层叠关系,元素可以收起、展开;并且使用了slideUp、slideDown动画效果。$(".ul0").click(function (e) { // 为了阻止冒泡 e.stopPropagation(); // 点击的如果是ul就跳出 if (e.target.nodeName === "UL") return; // 如果点击的...原创 2020-02-23 20:36:59 · 495 阅读 · 0 评论 -
Promise封装
仅展示封装,详细看原生js 同步&异步的Promise板块。class Promise1 { status = "pending"; constructor(fn) { fn(this.resolve.bind(this), this.reject.bind(this)); } resolve(result) { if (t...原创 2020-02-21 08:53:50 · 101 阅读 · 0 评论 -
js 二叉树封装成类
转载文章:JavaScript 种一颗二叉树class Tree { left = null; right = null; root = null; constructor(_value) { this.value = _value;}}class Trees { constructor() { this.root = null; } i...转载 2020-02-20 08:53:11 · 239 阅读 · 0 评论 -
js 桶排序
(参考:JavaScript 对象数字键特性实现桶排序,大师兄用函数封装了一下。)数组桶排序:效率最低的一种排序方式,而且排序的数据不能有重复。根据对象的特征完成的排序。对象中,数字键按照升序排列,依据这一特性将数组的值作为对象的键和值存入对象实现排序。因为对象的键不重复,因此不支持数组有重复元素存在的排序场景,也可以看作是实现数组的去重排序。数组是由对象所建立的,数字优先;也就是说,数...原创 2020-02-20 08:24:37 · 160 阅读 · 0 评论 -
js 对象深复制
深复制:源对象的属性如果有对象,该对象属性修改后,不会引起复制后的对象各属性的改变,源对象的任何属性及子属性,与新对象的没有任何引用关系。简单来说就一句话,新对象与原对象,除了长得一样外,没有任何引用关系,两边更新修改互不影响。var obj = { a: 1, b: "a", c: true, d: function (a, b) { if (...原创 2020-02-18 19:59:59 · 104 阅读 · 0 评论 -
js 倒计时
能够简单实现倒计时的功能。计时的时候,进制输入内容;记完时,可以输入内容。<input type="text" id="hour" >小时<input type="text" id="minute" >分钟<input type="text" id="second" >秒<button id="bn">开始</button>&...原创 2020-02-10 09:22:09 · 69 阅读 · 0 评论 -
js 本地时间中文化
获取本地时间,然后转化为中文,用setInterval计时器来控制时间刷新间隔。效果是:中文时间随着本地时间的变化而变化。<div id="div0"></div><script>var arr=["零","一","二","三","四","五","六","七","八","九"]; //转化为中文所用到的中文元素init();function init...原创 2020-02-07 20:38:15 · 136 阅读 · 0 评论 -
js 计算程序运行时间
思路:用Date类的getTime()方法获取时间戳,程序运行时间===程序结束时时间戳-程序开始时时间戳。var dateManager = { date: {}, num: 0, start: function () { // 对象的方法中,如果调用了该对象的属性,就需要使用this this.num++; // dat...原创 2020-02-07 19:48:11 · 2097 阅读 · 0 评论 -
js 地址请求解析
例如这串地址:http://127.0.0.1:5500/class-review/20200102/a.html?id=1001&name=sky;他传递了一些信息,id=1001、name=sky;下面要做的就是把传递的信息从网址里面解析出来,为了便于理解,咱用的这是未加密传输。document.write(document.URL);//document.URL是地址请求// ...原创 2020-02-07 17:09:27 · 1285 阅读 · 0 评论