js - 随笔分类 - xxcxxc

cookie、sessionStoreage、localStorage

摘要：cookie、sessionStoreage、localStorage 作用与特性存储数量及大小 api cookie ● 存储用户信息，获取数据需要与服务器建立连接。 ● 可存储的数据有限，且依赖于服务器，无需请求服务器的数据尽量不要存放在cookie中，以免影响页面性能。 ● 可设置过期时间。阅读全文

posted @ 2021-04-12 21:37 xxcxxc 阅读(128) 评论(0) 推荐(0)

addEventListener兼容IE8及更早版本

摘要：addEventListener在IE8及更早版本是不支持的，所以我们可以做以下兼容 function addListener(target, type, handler) { if(target.addEventListener){ target.addEventListener(type, ha 阅读全文

posted @ 2021-03-20 17:06 xxcxxc 阅读(493) 评论(0) 推荐(0)

js正则高级函数（replace，matchAll用法），实现正则替换（实测很有效）

摘要：有这么一个文档，这是在PC端显示的效果，如果放在移动端，会发现字体大小是非常大的，那么现在想让这个字体在移动端能按照某个比例缩小，后台返回的数据格式是：那么只能选择用正则将字体缩小，比如是10px，如果缩小两倍，则把这个数字改成5px，在实现的过程中，发现了两种方法可以实现：第一种是String 阅读全文

posted @ 2019-09-19 14:10 xxcxxc 阅读(5484) 评论(0) 推荐(0)

轮播图采用js、jquery实现无缝滚动和非无缝滚动的四种案例实现，兼容ie低版本浏览器

摘要：项目源代码下载地址：轮播图以下为项目实现效果：（由于gif太大，所以只上传一张图片，但效果完全能实现，经测试，在ie各版本浏览器及chrome，firefox等浏览器中均能实现效果，可以实现点击切换图片，无缝滚动和非无缝滚动两种效果）页面源代码：index.html(以下注释自行切换，为了项目清阅读全文

posted @ 2019-04-29 22:21 xxcxxc 阅读(443) 评论(0) 推荐(0)

js实现仿华为手机计算器，兼容电脑和手机屏幕

摘要：效果图：电脑端：手机端：源码：小图标：阅读全文

posted @ 2019-01-17 11:37 xxcxxc 阅读(473) 评论(0) 推荐(0)

js 封装trim()方法，去掉空格

摘要：阅读全文

posted @ 2018-12-07 12:58 xxcxxc 阅读(943) 评论(0) 推荐(0)

变量声明提升

摘要：阅读全文

posted @ 2018-11-30 16:55 xxcxxc 阅读(176) 评论(0) 推荐(0)

js 实现全国省市区三级联动

摘要：效果： index.html area.js 阅读全文

posted @ 2018-11-24 15:09 xxcxxc 阅读(12842) 评论(2) 推荐(0)

js 正则表达式（reg）

摘要：一、RegExp对象方法： 1.exec() 检索字符串中指定的值，并返回值（找不到返回null）效果： 2.test() 检索字符串中指定值，返回true或false 效果： 3.属性 index、leftContext 、rightContext 在chrome中的效果：（index属性在ch 阅读全文

posted @ 2018-11-23 14:44 xxcxxc 阅读(13664) 评论(0) 推荐(1)

js实现checkbox全选，全部选和反选效果

摘要：效果：源码：阅读全文

posted @ 2018-11-22 21:02 xxcxxc 阅读(8574) 评论(0) 推荐(3)

js和jquery获取属性的区别

摘要：一、获取元素： js获取元素： jquery获取元素：二、事件 js的各种事件比jquery都多了一个on,比如说js的鼠标点击事件：onclick=function(){}; 而jquery只需要click(function(){}) 三、获取父节点、兄弟结点等 js获取结点：（js不能直接获取阅读全文

posted @ 2018-11-22 20:14 xxcxxc 阅读(1014) 评论(2) 推荐(1)

js 实现tab栏切换效果

摘要：效果图：源码：阅读全文

posted @ 2018-11-22 19:57 xxcxxc 阅读(496) 评论(0) 推荐(1)

仿淘宝商品放大镜效果

摘要：效果图：源码：阅读全文

posted @ 2018-11-22 19:34 xxcxxc 阅读(532) 评论(0) 推荐(1)

js 鼠标拖拽效果实现

摘要：效果：源码：阅读全文

posted @ 2018-11-22 18:29 xxcxxc 阅读(325) 评论(0) 推荐(1)

js实现小球碰撞游戏

摘要：效果图：效果图消失只是截的gif图的问题源码：阅读全文

posted @ 2018-11-22 16:35 xxcxxc 阅读(1634) 评论(0) 推荐(0)

js控制输入框只能输入数字不能输入其他字符

摘要：阅读全文

posted @ 2018-11-21 19:10 xxcxxc 阅读(1502) 评论(0) 推荐(1)

js中的substr和substring区别

摘要：js中的substr和substring区别 Substring：该方法可以有一个参数也可以有两个参数。（1）一个参数：示例： var str=“Olive”； str.substring(3); 结果：“ve” 说明：当substring只有一个参数时，参数表示从字符串的第几位开始截取，阅读全文

posted @ 2018-11-20 21:16 xxcxxc 阅读(968) 评论(0) 推荐(1)

js 继承

摘要：js如何实现继承阅读全文

posted @ 2018-11-20 20:35 xxcxxc 阅读(210) 评论(0) 推荐(1)

鼠标点击按钮控制图片移动或者键盘控制图片移动（解决问题：parseInt失效问题，用Number）

摘要：在测试用鼠标点击按钮，使图片左右上下移动：效果如下：代码如下：在上面如果我们吧Number（）改成parseInt（）我们会发现失效了，鼠标点击图片不会移动，反而会报错。如果我们想换成parseInt()那我们可以这样改把img图形的样式改为内联样式：阅读全文

posted @ 2018-11-20 19:25 xxcxxc 阅读(855) 评论(0) 推荐(1)

如何判断一个对象实例是不是某个类型，如Cat类型

摘要：阅读全文

posted @ 2018-11-19 19:03 xxcxxc 阅读(1000) 评论(0) 推荐(1)

随笔分类 - js