- 博客(104)
- 收藏
- 关注
RSS订阅原创 重学localStorage、SessionStorage方法使用梳理
注意：存储的数据为对象时需要用JSON.stringify转换下,如果不转换对象会被默认调用tostring方法会返回[object,object]c.xxxxStorage.getItem(xxx)如果xxx对应的value获取不到，那么getItem的返回值是null；该方法接受一个键和值作为参数，会把键值对添加到存储中，如果键名存在，则更新对应的值；该方法接受一个键和值作为参数,并把键名从存储中删除；该方法接受一个键和值作为参数 ,返回键名对应的值；该方法会清空存储中的所有数据；
2023-02-14 15:41:56
164
原创 [css]div布局子元素相对父元素水平垂直居中的三种简单快速实现
/div>.children{top:0;bottom:0;left: 0;right:0;.children{.children{
2023-02-13 14:29:38
980
原创 关于本地开发浏览器跨域问题解决方案
在开发阶段调接口会产生跨域的影响，这里给大家提供一个最直接方案不用去写代码，轻松搞定开发阶段跨域问题；以谷歌浏览器为例，给浏览器设置非安全开发模式：点击浏览器属性：改变目标里的文件路径具体路径修改具体代码如下：（浏览器可跨域访问）"C:\ProgramFiles\Google\Chrome\Application\chrome.exe"--disable-web-security--user-data-dir=D:\MyChromeDevUserData注：路径的标点符号不能少...
2021-04-20 10:57:08
514
原创 基于vue-elementUI登录页面的密码显示和隐藏切换
登录时的填写密码显示文本或者显示黑点切换其实就是两个div的v-if/else判断；下面详细说下具体实现过程；（附代码图）第一步： 默认密码显示的是黑点：代码部分这样写：红线框圈住的①就是密码显示为文本的部分；这里需要注意的一个重点是密码显示为黑点还是文本最主要是看你给input框的type设置的是什么值，如果想显示为文本就type=‘text’，如果想显示为黑点就type=“password”（如下图）第二步： 不过有人会疑问你设置的不是文本吗为什...
2021-04-16 11:36:55
1997
原创 关于promise的个人理解总结
1.为什么使用promise？ promise主要用于封装异步操作； 没promise之前是用纯回调形式实现；2.纯回调函数和Promise区别？ 纯回调形式：启动异步任务前就要指定成功回调和失败回调； promise：先启动异步后执行回调函数， 执行器函数是同步回调，他指定回调方式更加灵活， 也可以有结果后在执行，支持链式调用，能解决回调地狱问题， 回调地狱涉及多个异步操...
2021-03-23 09:58:38
119
原创 解决audio控件,在chrome 控制台中报 DOMException: The play() request was interrupted by a call to pause
在使用audio控件时会出现play()请求被pause调用中断的报错问题具体解决办法如下：在判断音频是不是播放之前要先调用load()方法加载音频数据；然后再对音频进行if判断，判断之后异步处理播放或者暂停成功回调之后进行播放或者暂停，具体看业务需求；...
2021-03-18 16:29:30
3606
原创 vue基于element-ui框架的上传功能完整demo
var inherit = function () { var F = function (){}; return function (Taeget, Origin){ F.prototype = Origin.prototype; Target.prototype = new F (); Target.prototype.consturcor= Target; Target.prototype.uber= Origin.pro...
2021-03-17 15:52:31
152
原创 element-ui表格中点击当前行按钮图标切换其它行图标不变实例demo
j s数据分类原始值（栈数据）：Number、String、Boolean、undefined、null；引用值（堆数据）：array、object、function、date、RegExp；undefined：一个变量声明未赋值就是undefined;null：空（占位符）j s是由值决定类型：...
2021-03-17 15:23:19
1276
2
原创 输入a b c 三个数字打印出最大的代码实例
var a = parseInt(window.Prompt("input));var b = parseInt(window.Prompt("input));var c= parseInt(window.Prompt("input));if (a > b){ if(a > c){ document.write(a);} else { document.write(c);} else { if (b > c){ document....
2021-03-17 14:56:40
182
原创 写一个函数功能是告知你所选定的小动物叫声代码实例
funtion scream (animal){ switch(animal){ case "dog":document.write("dog");return; case "cat":document.write("cat");return;}}
2020-12-14 16:29:46
538
原创 写一个函数实现加法计数器实例
var result = 0;function sum () { for( var i =0; i< arquments.legth; i++){result += aquments[i];}document.write(result);}sum();
2020-12-14 16:29:08
661
1
原创 定义一个函数输入数字，逆转输入汉字形式
function reverse() { var num window.prompt("input") var str = " ";for (var i = num.length-1; i > 0; i--){ str += transfer(num[i])}document.write(str);}function trasfer(target) {switch (target){ case "1" : return "一"; c...
2020-12-14 16:28:54
270
原创 写一个函数实现N的阶乘实例
function jc(n){ if (n == 1){ return 1;}return n* jc(n-1);}注意：负数没有阶乘用递归求阶乘
2020-12-14 16:28:25
2353
原创 打印出100以内的质数实例
方法一：var count = 0;for( var i = 1 ; i< 100; i++){ for (var j = 1; j< = i; j++){ if (i / j == 0){ count ++;}}if (conut == 2){document.write(i+ " " );}count =0;}方法二：var count = 0;for( var i = 2; i< 100; i++){ ...
2020-12-14 16:26:59
514
1
原创 用函数实现斐波那契数列实例
用递归解先找规律f b(n) = fb(n-1) + fb(n-2);找出口n = 1 时或 n = 2时 == 1function fb(n){ if ( n == 1 || n == 2){return 1;}return fb(n-1) + fb(n -2);}
2020-12-14 16:25:47
1988
原创 预编译详解
j s三部曲：1、语法分析（通篇扫描看有没有错误，不执行）2、预编译3、解释执行暗示全局变量未经声明的变量就赋值则贵window所有全局上声明的变量也是window属性window就是全局的域 window就是全局预编译四部曲（函数预编译）1、创建AO对象（Action Object），执行上下文；2、找形参和变量声明，将变量和形参作为AO属性名，值为undefined；3、将实参值和形参统一；4、在函数体里找函数声明，值赋予函数体（权限最高）注：预编
2020-12-14 16:24:21
182
原创 立即执行函数详解
作用：针对初始化功能的函数；只执行一次就销毁；（function() {} ()）立即执行函数有函数的一切功能只是执行完就销毁；立即执行函数两种写法(function() {} ())(function (){})()只有表达式才能被执行符号执行也就是说函数声明的函数不能用立即执行函数被执行符号执行的表达式就会被忽略表达式的函数名...
2020-12-14 16:23:17
266
原创 预编译经典例子
例子一：function bar() { return foo; 这里return foo == console.log(foo); foo =10; function foo () {}var foo =11;}console.log(bar());例子二：console.log(bar());function bar(){ foo = 10;function foo() {}var foo = 11return foo;...
2020-12-14 16:22:23
131
原创 著名的斐波那契数列
1 1 2 3 5 8 输出第n 项var n = parseInt(window.prompt("imput"));var first = 1; second = 1; third;if (n > 2) { for(var i = 0; i< n-2;i++){ third = first + second ; first = second; second = third;docunment.write(...
2020-12-13 04:57:45
333
原创 计算n的阶乘 n可输入
var n parseInt(window.prompt("input));var mul = 1;for (var i = 1; i< = n; i++){ mul * = i;}document.write(mul);
2020-12-13 04:50:36
371
原创 计算2的N次幂n 可输入，n为自然数
var n = parseInt(window.prompt('input'));var mul = 1;for (var i = 0; i< n ; i++){ mul * 2; (mul = mul* 2, n是循环圈数)}document.write(mul);
2020-12-13 04:44:43
363
原创 用闭包可做缓存实例
funtion test () { var food = "apple"; var obj = { eatFood : function () { if (food != " "){ console.log("www");} else { cosole.log ("222")}}pushFood :function (myFood){ food = myFood;}}return obj;}var Person =...
2020-12-13 04:37:57
217
原创 用闭包做累加器
function add () { var num = 0; function a () { console.log(++num);}return a;}var demo = add();demo();demo();
2020-12-13 04:30:44
379
原创 计算输入字节的长度
function retByteslen(taget){ var count, len;count = len = target.length;for (var i =0; i< len; i++){ if (target.charCodeAt(i) > 255){ count ++;}}console.log(count);}
2020-12-13 04:28:22
377
原创 使用原生Js addEventListener给每个li元素绑定一个click事件输出他们的顺序
function test() { var liCollection = document,getElemmentByTagName("li");for(var i = 0; i< liCollection.length; i++){ (function(j){ liCollection[j].onClick = function () { console.log(j)}} (j))}}test();
2020-12-13 04:24:44
681
原创 闭包解决闭包的例子
function test () { var arr = []; for (var i = 0; i<10; i ++) { (function(j){ arr[j] = function (){ console.log(j);} }(i))return arr;}var myArr = test();for(var j = 0, j< 10; j++){ myArr[j]();}}...
2020-12-13 04:19:43
138
原创 数组去重（hash方式）
var arr = [1,1,1,1,1 2,2,2,2,2,1,1,1,1,1,1];Array.prototype.unique = function() { var temp = {}; arr = [], len = this.length; for (var i =0; i<len; i++){ if(!temp[this[i]]){ temp[this[i]] = "abc"; arr.push...
2020-12-13 04:11:58
240
原创 封装type方法实例
function type (target) { var ret = typeof (target); var template = { "[object Array]" : "array", "[object Object]" : "object", "[object Number]" : "number - object", "[object Boolean]" : "boolean - object", "[object...
2020-12-13 04:06:28
138
原创 闭包对象私有化变量例子
function D (name, wife){ var preparWife = 'a'; this.name = name; this.wife = wife; this.divorce = function () { this.wife = preparWife;} this changePreparWife = function (target) { PreparWife = target;}this.s...
2020-12-12 22:57:26
156
原创 公有原型例子
封装函数例子function inherit ( Target, Origin){ Target.prototype = Origin.prototype;}inherit(Son, Father);例子调用Father.prototype.lasterName = 'w'function.Father () {}function Son() {}inherit (Son, Father);var son = new Son();...
2020-12-12 22:43:30
96
原创 圣杯模式例子（附代码）
function inherit (Target , Origin) { function F () {}; F.prototype = Origin.prototype; Target.prototype = new F(); Target.prototype.constrcor = Target; Target.prototype.uber = Origin.prototype;}Father.prototype.l...
2020-11-29 21:54:49
147
1
原创 typeof、闭包，继承，构造函数碎片小知识点
注：if里面不能声明函数；undefined和null不能调用tostring()方法；typeoftypeof为操作符，在未定义变量时用typeof操作不会报错只会返回“undefined”未定义的字符串；typeof（null()）返回字符串“Object”；typeof后面的括号可写可不写；“||”运算符比“=”优先级高必包通俗的理解必包就是内部函数被保存到了外部必定生成必包；立即执行函数只执行一次，执行完就立即消失；只有表达式才能被执行符号执行；（函数
2020-09-25 14:31:59
153
原创 主流浏览器及内核
主流浏览器：IE 、Chrome、Firefox、Opera、Safari主流浏览器内核：IE：trident；chrome：weblink/blink；Firefox：Gecko；Opera：presto；Safari：weblink；注：渲染引擎就是浏览器的内核；
2020-09-25 14:04:23
98
原创 作用域、预编译
作用域越往里面的函数变量权限越大；预编译js是什么性质语言也就是其特点：解释性语言、单线程；解释性语言：翻译一句执行一句；js三部曲：1、语法分析：通篇扫描但不执行（主要看有没有低级语法错误，如少个括号，写成中文等）；2、预编译：函数声明整体提升，变量声明提升，imply global 暗示全局变量，即任何变量未经声明就赋值，此变量为全局对象所有全局上的变量声明了也归window所有，window就是全局的域；赋值的过程是自右向左的；预编译四部曲（函数预编译四部曲）：
2020-09-23 18:21:53
107
原创 函数、参数、返回值、递归
函数函数表达式就是忽略名字：1⃣️ 函数声明: function onName () {};2⃣️ 命名函数表达式： var test = function abc () {};3⃣️ 匿名函数表达式： var demo = function () {};因为匿名函数表达式比较常用，所以说函数表达式一般是指匿名函数表达式；参数形式参数：没有实际传值；实际参数：实际传的值；不定参数数量：行参可以多个，实参就一个，反之亦然；函数传参就相当于在函数里面声明几个变量；函数
2020-09-23 17:57:07
120
原创 http常见的状态码有哪些各是什么意思？
2开头的状态码 2xx表示成功处理了请求状态码 200（成功）服务器已经成功处理了请求通常；3开头的状态码 3xx（重定向）表示要完成请求，需要进一步操作，通常这些状态码用来重定向 304（未修改）自从上次请求后，请求的网页未修改过，服务器返回此响应时不会返回网页内容；4开头的状态码 4xx(请求错误)这些状态码表示请求可能出错，妨碍了服务器的处理 400（错误请求）服务器不理解请求的语法； ...
2020-05-16 18:22:43
1507
原创 什么情况下造成跨域？解决跨域的方案有哪些？
1⃣️： 因为同源策略限制，不同源会造成跨域；2⃣️： 以下任意一种情况不同都是不同源： 协议不同： http:// 子域名不同：www 主域名不同：baidu.com 端口号不同：8080 ip地址和网址不同：www.baidu.com3⃣️： 跨域解决方法： 1、jsonp 只能解决get跨域 1.1 jsonp解决跨域的原理是什么？ 原理： 其...
2020-05-16 17:54:46
4019
原创 ajax几种请求方式？他们的优缺点？
常用的： post get delete不常用的： copy head link 等区别：get : 通过URL传参数；post： 设置请求头，规定请求数据类型；使用上的区别： post比get安全；（因为post参数在请求体中，get参数在URL上面） get传输速度比post快，根据传参决定的；（post通过请求体传参，后台通过数据流接受，速度稍微慢些，而get通过URL传参可以直接获取） post传输文件大，理论没...
2020-05-16 17:19:50
1564
原创 什么是ajax,ajax的作用是什么及原生js步鄹详解
1⃣️什么是ajax?概念：异步的js和xml，能够像服务器请求额外的数据而无需卸载页面，会带来更好体验；作用：ajax是一种用于创建快速动态网页的技术，用来与后台交互；2⃣️：原生js ajax请求有几个步鄹？分别是什么？ a: 创建XMLHttpRequest(); var ajax = new XMLHttpRequest(); b: 规定请求的类型，URL以及是否异步处理请求； ajax.open('get', url, true)...
2020-05-16 17:08:12
363
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人