JavaScript
xiangzidz
这个作者很懒,什么都没留下…
展开
-
Vuex数据状态持久化和localstorage一样的小姑,而且还简单
vuex可以进行全局的状态管理,但刷新后刷新后数据会消失,这是我们不愿意看到的。怎么解决呢,我们可以结合本地存储做到数据状态持久化,但是太麻烦每次都要操作,强烈建议使用插件利用vuex-persistedstate插件.两种vuex-persistedstate和vuex-persist如何使用请查看GitHub详解vuex-persistedstate传送门和vuex-persist传送门...原创 2021-06-02 16:37:08 · 170 阅读 · 0 评论 -
JavaScript执行机制,循环
存一下前辈的见解点这里原创 2021-03-13 11:10:53 · 105 阅读 · 0 评论 -
javascript中数组的ES6新增常用的知识点
扩展运算符(…)含义:扩展运算符(spread)是三个点,可以看做是rest参数的逆运算,可以将一个数组转为用逗号分隔的参数序列.函数调用和数组合并()console.log(...[1, 2, 3])// 1 2 3console.log(1, ...[2, 3, 4], 5)// 1 2 3 4 5[...document.querySelectorAll('div')]let a=[1,2,3,4];let b=[9,8,7];let c=[...a,...b];//1 2 3原创 2021-03-11 21:27:34 · 103 阅读 · 0 评论 -
ES6的字符串中常用的知识总结
1. 字符串遍历ES6为字符串添加了遍历器接口,这样字符串就可以使用for…of循环遍历了而且还可以识别大于0xFFFF的码点,传统的for循环无法识别.for (let codePoint of 'foo') { console.log(codePoint)}//输出为:"f","o","o"2.模板字符串${}个人认为字符串中最好用的连接字符的方式.让我们不再为字符和变量之间的拼接而烦恼模板字符串(template string)是增强版的字符串,用反引号(`)标识(若字符串中需要表原创 2021-03-11 19:49:49 · 227 阅读 · 0 评论 -
常用Javascript函数与原型功能收藏(必看)
// 重复字符串String.prototype.repeat = function(n) { return new Array(n+1).join(this);} // 替换全部String.prototype.replaceAll = function(str1, str2) { return this.replace(new RegExp(str1, "gm"), str2);} // 清除空格String.prototype.trim = function() { re原创 2021-03-11 15:05:43 · 190 阅读 · 0 评论 -
javascript常用方法汇总,防止忘记
1.输出语句:document.write("");2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)5.得到表单中元素的名称和值:document.getElementById(“表单中元素的ID号”).name(或value)6.一个小写转大写的JS: document.getEle原创 2021-03-11 15:04:24 · 191 阅读 · 0 评论 -
使用新版webstorm和Chrome配合,实现实时刷新,可以边写代码边看效果
使用webstorm和Chrome配合,实现实时刷新,使用过webstorm的都知道,自身不需要Ctrl+S进行保存的,这里再结合Live Edit,可以实现一边写代码,一边实时查看。1,第一步因为在webstorm中自带的Live Edit功能是默认关闭的,所以第一步要打开不知道怎么打开的看在下图图片中我的已经打开了,时间单位是毫秒,可以自由修改,我比较懒,所以就没有更改,而且还可以设置只同步HTML和CSS还是HTML和CSS还有js一起同步,这个根据需要自行选择,我在这里选择了三个,在上面还有原创 2021-01-22 17:49:47 · 4353 阅读 · 2 评论 -
JavaScript算法中常用的几种算法
//冒泡排序function bubbleSort(arr) { if (!Array.isArray(arr)) return; const LEN = arr.length; if (LEN <= 1) return; var counter = 0; for (let i = 0; i < LEN - 1; i++) { //外层循环控制趟数,数组长度-1...原创 2021-01-21 19:34:24 · 176 阅读 · 0 评论 -
在页面显示任意多个球球来回弹,依据移动式广告弹窗改进。
移动式弹窗广告//物体碰边改变方向的方法 function boxMove(ele) { var top = parseInt(getStyles(ele).top);//得到元素的最终的top值 var left = parseInt(getStyles(ele).left);//得到元素的最终left值 var offsetHeight = ele.offsetHeight;//元素自身的高度 var offsetW原创 2021-01-18 19:30:09 · 118 阅读 · 0 评论 -
js实现使用鼠标拖动页面元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>鼠标拖动元素</title> <link rel="icon" href="../../7952/h1.ico"> <script type="text/javascript" src="../../0js/tool.js"></scri原创 2021-01-14 19:12:51 · 644 阅读 · 2 评论 -
使用按键wasd和上下左右键控制小球上下左右移动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/util.js"></script> <style> * { margin: 0; padding: 0;原创 2021-01-14 16:04:32 · 2597 阅读 · 0 评论 -
JavaScript实现目标在窗体中一直居中显示
使用JavaScript实现目标在窗体中一直居中显示无论如何调整窗体的大小,目标物体都一直会在窗体的中间位置显示//在left,top位置创建一个球 function createDiv(left,top) { var div = document.createElement("div"); var styles = div.style; styles.width='100px'; styles.height='100px';原创 2021-01-15 12:34:36 · 369 阅读 · 0 评论 -
JavaScript实现两个超大整数的相加的算法,大整数相加. 正常相加会溢出的两个整数,只能使用字符串模拟替代实现。
大整数相加. 正常相加会溢出的两个整数, 以字符串方式相加以前好像见过,应该是一个面试题,忘记了,加数, 字符串, 例 ‘123456789123456789’加数, 字符串, 例 ‘123456789123456789’和,例 ‘1111111111111111110’function addStrings(num1, num2) { var result = '';//定义变量存储结果 var num3=0;//存储每一个位数相加的结果 v原创 2021-01-14 20:44:53 · 1008 阅读 · 0 评论