原生JS
关注
分享
扫一扫
听听那晚风
这个作者很懒，什么都没留下…
展开
-
js Number类型常用数据操作方法汇总
常用一些数字类型操作方法原创 2024-01-12 17:09:03 · 1531 阅读 · 0 评论 -
jq封装树形下拉选择框组件
jq封装树形下拉选择框组件原创 2022-08-08 15:52:24 · 5175 阅读 · 0 评论 -
将对象数组中的所有对象合并为一个对象
let channelTabList = [ {1: '推荐'}, {2: '最新'}, {3: '快赚'}, {4: '高额'}]let lists = channelTabList.reduce((acc,value)=>{ return {...acc,...value}})lists = {1: "推荐", 2: "最新", 3: "快赚", 4: "高额"}扩展:将二维数组变成一维数组let arr = [[0, 1], [原创 2021-08-13 15:07:08 · 3016 阅读 · 0 评论 -
localStorage如何存取数组、对象
localStorage存取数组和对象不像存取字符串那样，需要序列化和反序列化rolePower=["a","b","c"]存：localStorage.setItem('rolePower',JSON.stringify(rolePower))取：JSON.parse(localStorage.getItem("rolePower"))var userNews={id: "aa", userId: "1234", loginName: "test", name: "测试", orgId: "10原创 2021-01-22 09:21:47 · 2815 阅读 · 0 评论 -
Vue 用js for循环动态生成变量名并赋值
想要的效果：var marker1 = new BMap.Marker(new BMap.Point(res.data.data[0].gpsX, res.data.data[0].gpsY),{icon:myIcon});var marker2 = new BMap.Marker(new BMap.Point(res.data.data[1].gpsX, res.data.data[1].gpsY),{icon:myIcon2});var marker3 = new BMap.Marker(new原创 2021-01-07 11:19:50 · 5529 阅读 · 0 评论 -
JS 随机生成4位、6位或其他位数字，实现验证码功能
我这里是生成4位数字验证码关键知识点：Math.random()返回介于0-1 之间随机数 包含小数 比如 0.123456Math.floor()向下取整createCode() { var demo="" //这里取的是4位，所以for循环4次，如果是6位数字验证码则为6 for(var i=0;i<4;i++){ //设置随机数范围,这设置为0 ~ 9 var a = Math.floor(Math.random()原创 2020-12-31 10:06:42 · 1589 阅读 · 2 评论 -
js使用canvas画五角星以及渐变色，瞎画
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>星云图</title> </head> <body> <canvas id="canvas" style="border: 1px solid black; margin: 20px auto;"></canvas> </body> &.原创 2020-12-01 18:08:58 · 646 阅读 · 0 评论 -
js实现商城常见功能 1、商品查看点击图片弹出弹窗显示商品图片 ；2、将所选中的图片区域放大查看
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; list-style: none; } ul{ width: 1000px; display: block; .原创 2020-12-01 18:18:31 · 753 阅读 · 0 评论 -
js实现商城活动距离指定时间倒计时功能
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <span></span> </body> <script> var sp = document.getElementsByTagName("span")[0] setI原创 2020-12-01 18:03:15 · 460 阅读 · 0 评论 -
js实现淡入淡出 以及左右滑动轮播图
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>左右按钮切换</title> <style type="text/css"> *{ padding: 0; margin: 0; list-style: none; } div{ width: 500px; height: 300px.原创 2020-12-01 17:49:47 · 528 阅读 · 0 评论 -
js实现二级联动小demo
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <select id="one" onchange="fn(this.value)"> <option value ="">——请选择——</option> <option v原创 2020-12-01 17:45:18 · 175 阅读 · 0 评论 -
js实现各类功能的选项卡
demo1：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>选项卡</title> <style type="text/css"> *{ margin:0;padding:0;font:normal 12px "微软雅黑";color:#000000; } ul{ list-style-type: no.原创 2020-12-01 17:43:39 · 736 阅读 · 0 评论 -
js实现table表格的增删改查
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } th{ width: 250px; height: 40px; text-align: center; line-height: 40p.原创 2020-12-01 17:39:28 · 8061 阅读 · 3 评论 -
JS将html生成海报图片，并解决生成的图片模糊问题
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <script type="text/javascript" src="js/jquery.js"> <.原创 2020-11-23 09:58:20 · 104878 阅读 · 1 评论 -
json对象和json字符串之间的互转，也叫序列化与反序列化
定义：JSON (JavaScript Object Notation) 一种简单的数据格式，是一种比较轻量级的数据存储格式json字符串：所谓字符串：单引号或者双引号引起来var person='{"name":"shily","sex":"女","age":"23"}';//json字符串console.log(person)//{"name":"shily","sex":"女","age":"23"}console.log(person.name)//undefinedconsole.log(原创 2020-11-13 12:09:49 · 873 阅读 · 0 评论 -
JS 如何检测数据类型
1、 typeof（obj） 不是很准确， 比如null的结果也是 object，数组的结果也是 object，这个一般检测基本数据类型，也就是（Undefined、Null、Boolean、Number和String）var a = 1,var b = '2'console.log(typeof(a))//numberconsole.log(typeof(b))//string2、Object.prototype.toString.call(obj) obj为要检查对象 可以用来准确地检测原创 2020-11-13 11:59:27 · 834 阅读 · 0 评论 -
Vuejs对象操作：对象转数组，取对象的属性key 和value 值，以及将多个对象合并为一个对象
1、取对象的keyObject.keys(obj) 返回一个表示给定对象的所有可枚举属性的字符串数组var obj = { foo: 'bar', baz: 42 };console.log(Object.keys(obj)); // ['foo', 'baz']2、取对象的value值方法一：**Object.values（obj）**返回一个给定对象自身的所有可枚举属性值的数组，值的顺序与使用 for…in 循环的顺序相同 ( 区别在于 for-in 循环枚举原型链中的属性 )。var o原创 2020-11-13 11:32:18 · 17441 阅读 · 0 评论 -
原生项目怎么在页面加载的时候调用函数
方法一： jquery 中：$(function(){ }） 括号内写你的内容或者函数方法二： window.οnlοad=function(){}，记住一个js文件里只能存在一个 window.οnlοad=function(){}原创 2020-09-27 10:40:03 · 441 阅读 · 0 评论 -
原生JS、JQ实现vue v-for循环渲染数据的效果
<div class="order-textBox" id="noworder"></div>方法一：jqvar data = {//模拟后端返回的json数据 "textArr":[ {"grade":'一等品',"mix":'20%',"number":'200'}, {"grade":'准一等品',"mix":'20%',"number":'200'}, {"grade":'二等品',"mix":'30%',"number":'300'原创 2020-09-27 10:36:05 · 5363 阅读 · 2 评论