javaScript实战篇
主要是记录javascript的开发遇到问题和解决问题的方式
追逐梦想之路_随笔
这个作者很懒,什么都没留下…
展开
-
实现Promise的resolve/reject/then/all/race/finally/catch方法
Promise手动实现原理,加深对Primise的理解原创 2022-08-21 18:30:32 · 883 阅读 · 0 评论 -
ECMAScript 2016新特性
按照w3c的说法:2009发布的js 称为ES52015发布的js 称为ES6但是注意:之后不叫ES系列了 而是该用年份 ECMAScript +年份称呼JavaScript 命名约定始于 ES1、ES2、ES3、ES5 和 ES6。但是,ECMAScript 2016 和 2017 未被称为 ES7 和 ES8。自 2016 年以来,新版本按年份命名(ECMAScript 2016/2017/2018)。这里探讨一下ECMAScript 2016新特性1.求幂 (**)2.求幂赋值 (*原创 2021-11-08 11:13:19 · 479 阅读 · 0 评论 -
ECMAScript 2017新特性
ECMAScript 2017 中的新特性:字符串填充:padStart /padEndObject.entriesObject.values异步函数共享内存1.padStart 字符串的开头let str = '10';str.padStart(3,0)//'010'str.padStart(4,0)//'0010'str.padStart(1,0)//'10'str.padStart(0,0)//'10'...原创 2021-11-08 11:30:53 · 609 阅读 · 0 评论 -
Es6解构赋值基本使用
记录常用es6基础解构用法原创 2022-07-05 08:24:33 · 240 阅读 · 0 评论 -
Google Chrome和Microsoft Edge开发环境跨域的设置
一.Google Chrome 设置开发调试的跨域设置:步骤:在桌面快捷方式 => 右击点击属性 => 找到快捷方式里面的目标(T)在目标路径后面加上 :1.浏览器的跨域设置(版本号49之前)–disable-web-security完整路径示例:“C:\Program Files (x86)\Google\Chrome\Application\chrome.exe” --disable-web-security2.浏览器的跨域设置(版本号49之后)–disable-web-se原创 2021-05-31 10:29:06 · 13848 阅读 · 0 评论 -
获取当前访问的浏览器类型--处理各个浏览器兼容
//判断当前访问浏览器 返回一个/*返回值类型object{ name:"chrome",version:5.0,isChrome:true }*/getBrowser() { const ua = navigator.userAgent.toLocaleLowerCase(); const browser = { name: null, version: null }; if (ua.match(/chrome/) != null) { // 3原创 2021-01-22 17:03:11 · 207 阅读 · 0 评论 -
vue的Router使用history下base的配置
前端设置Router模式export default new Router({ mode: 'history', base: '/h5/home/', routes: [ { path: '/', name: 'home', component: Home, meta: { title: 'xxxx' } } ]})服务端访问路径设置@RequestMapping("/h5/home/**"原创 2022-03-17 12:17:48 · 2249 阅读 · 0 评论 -
elmentUI的el-date-picker如何禁用非可选区间
template<el-date-picker v-model="form.dateTime" type="datetimerange" value-format="yyyy-MM-dd" :picker-options="pickerOptions" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" ali原创 2022-02-21 13:59:26 · 200 阅读 · 0 评论 -
html5的type=‘search‘在ios上兼容问题
在app开发中发现使用input,并将type的属性值设置为search时(type=‘search’),在ios系统版本大于15.0存在input背景是白色且无法覆盖的问题:解决方法:将type类型为text即可解决原创 2022-01-12 09:58:23 · 1324 阅读 · 0 评论 -
自动检测和获取当前地址栏的协议、域名(适用各个环境开发)
//生产域名const url1 = “demo.ecce.cn”;//开发环境域名const url2 = “dev-demo.ecce.cn”;//测试环境域名const url3 = “test-demo.ecce.cn”;//uat环境域名const url4 = “uat-demo.ecce.cn”;function getToDomain(url ) { //window.location.hostname 获取当前域名 let arr = window.原创 2021-06-09 17:23:00 · 612 阅读 · 0 评论 -
npm包管理发布和下载流程
npm 包管理发布流程和下载流程基本操作,希望帮助很多同行解决问题原创 2022-10-04 23:29:10 · 818 阅读 · 0 评论 -
原生javascript实现电商放大镜效果
JavaScript实现电商放大镜效果原创 2023-02-10 00:06:52 · 114 阅读 · 0 评论 -
javascript检测浏览器是否需要升级版本和提示
开发应用和总结原创 2023-01-02 22:07:23 · 2111 阅读 · 2 评论 -
javascript实现关键字搜索和匹配关键字高亮效果
开发日常总结原创 2022-08-03 10:53:16 · 2993 阅读 · 3 评论 -
Object.defineProperty实时监听数据变化并更新页面
简单总结原创 2022-08-02 18:37:07 · 346 阅读 · 0 评论 -
原生js实现多选框全部选中和取消效果
开发日常总结原创 2022-08-02 17:27:33 · 1671 阅读 · 0 评论 -
javascript的call、apply、bind的实现
开发总结原创 2022-08-01 23:25:40 · 373 阅读 · 0 评论 -
javascript使用RegExp正则封装一个获取地址栏参数方法
javascript开发总结原创 2022-07-31 11:27:55 · 281 阅读 · 0 评论 -
javascript实现常用数组方法实现
开发总结常用函数重写原创 2022-07-26 23:46:06 · 286 阅读 · 0 评论 -
javascript的常用检测类型方式原理分析
javascript检测方式和原理分析原创 2022-07-23 23:02:18 · 835 阅读 · 0 评论 -
javascript的prototype、__proto__、constructor
解析javascript原创 2022-07-09 18:16:55 · 171 阅读 · 0 评论 -
javascript实现上拉加载功能(适用pc/h5开发)
js上拉加载更多工具类封装原创 2022-07-09 16:33:50 · 1268 阅读 · 0 评论 -
javascript拖拽实现
css #box-drag { background-color: brown; width: 80px; height: 80px; position: absolute; left: 100px; top: 300px; }html <!-- 盒子拖拽实现 --> <div id="box-drag"></div>javascript .原创 2022-05-21 21:47:06 · 100 阅读 · 0 评论 -
原生javascript的insertAdjacentHTML使用
beforeend 插入到當前元素子元素最後一個節點afterbegin 出入到当前元素子元素第一个子节点afterend 插入当前元素最后beforebegin 插入当前元素前面table.insertAdjacentHTML('beforeend', createTableTr) var table = document.getElementById('table'); createTableTr += `<tr> <td>${tableList[原创 2022-04-06 10:24:07 · 642 阅读 · 0 评论 -
如何将数据以JSON字符串方式存到到cookie中?
简单写一个以供参考:需求:将input框的数据以JSON字符串的方式保存到cookie中。//html部分用户名:&lt;input type=”text” name=”userName” id=”userName”/&gt;密码:&lt;input type=”password” name=”pwd” id=”pwd”/&gt;联系方式:&lt;input type=”text” n...原创 2019-02-11 19:23:33 · 1423 阅读 · 0 评论 -
js如何将字符串‘https://www.qq.com/s?name=laoxie&age=18&sex=male&‘转成对象?
将字符串'https://www.qq.com/s?name=laoxie&age=18&sex=male&'转成对象{name:'laoxie',age:18,sex:male}输出;var str = 'https://www.qq.com/s?name=laoxie&age=18&sex=male&'; var arr =str.split...原创 2019-02-11 19:12:25 · 4733 阅读 · 0 评论 -
页面表单数据返显方法
/*数据页面返显的处理 万能方法 页面中有单选、多选、input框、textarea文本域、select下拉框的的处理方法 如果都是通过form提交的情况下 :类似如下,简单举例,样式不全 <form id = "form"> <input type="text" name="data1"/> <input type="radio" name="dat...原创 2020-03-24 20:35:01 · 2312 阅读 · 0 评论 -
简单的时间格式转化--分享
//充当时间刷,将接口反的时候转化成想要的格式 function timeData(data,str){//str = ‘-’ 或者str = ''/"var data = new Date(data);var Y = data.getFullYear()+ str;var M = (data.getMonth() < 10 ?('0'+data.getMonth() ):get...原创 2020-03-31 19:26:24 · 105 阅读 · 0 评论 -
原生ajax的请求方式和解析
/*html部分*/ <form> <p> <label for="username">用户名</label> <input id="username" /> </p> <p> <label for="id">身份证</la...原创 2020-05-17 11:05:05 · 252 阅读 · 0 评论 -
javaScript数据类型和检测数据类型的方法解析
JavaScript 数据类型有两种,分别是基本数据类型和引用数据类型。 1.基本数据类型 Number String Boolean Undefined Null Symbol (ES6 新增,表示独一无二的值) 特点:原始数据类型直接存储在栈(stack)中的简单数据段,占据空间小、大小固定,属于被频繁使用数据,所以放入栈中存储。 2.引用数据类型原创 2020-05-17 18:31:38 · 147 阅读 · 0 评论 -
冒泡排序和快速排序代码实现解析
//1.先说冒泡排序//原理:每一次比较相邻两个数的大小,通过第一轮循环排序,找到最大值放到后面,第二轮找到二大值放后面。/*比如说执行[19,49,89,5,8,34,1,5,63]这个数组,经过第一轮循环会把89取出来放在最后面,然后再对前面的数据进行第二轮循环,会拿到63,依次类推。第一次便利都找到一个最大值 然后放到最后面 第二次便利找到第二大的值 然后放到后面倒数第二位....依次类推*///冒泡排序let quiSprt = arr=>{ for(let i=原创 2020-06-01 19:43:05 · 193 阅读 · 0 评论 -
前端集合去重复--依据id去重复
const arr =[ { name:"老王", id:1, age:45 }, { name:"老李", id:2, age:40 }, { name:"李", id:2, age:35 }, ] var obj = {}; arr = arr.reduce(function ...原创 2021-02-02 20:47:53 · 635 阅读 · 0 评论 -
js 接口的创建及访问
使用php创建接口&lt;?php include"public.php";//public.php里面对数据mysql语句的存放 /*header("content-type:text/html;charset=utf-8");//识别中文 $conn = mysql_connect( "localhost","root",&quo原创 2019-02-08 18:10:34 · 1145 阅读 · 0 评论 -
js对象的5种创建方式
**1.字面量创建**var obj = { }var obj = {name : "jack",age : 16,score:100}缺点 : 一次只能创建一个,多个同类对象创建时 代码会重复2、使用 工厂模式 创建对象 (设计模式之--工厂模式)通过函数调用来创建对象的,因此存在缺陷。优点 : 解决多个同类对象创建时代码重复问题缺点 : 对象是通过函数调用的...原创 2019-02-14 08:59:24 · 273 阅读 · 0 评论 -
js求三个数的最大值和最小值
//如何求三个数的最大值和最小值? var x =9 ,y = 12 , c = 50; var max = x &gt; y ? (x &gt; c ? x : c) : (y &gt; c ? y : c); var min = x &lt; y ? (x &lt; c ? x : c) : (y &lt; c ? y : c); console.log(max); cons...原创 2019-01-30 09:54:21 · 8538 阅读 · 0 评论 -
javascript实现计算器
&amp;amp;lt;input type='text' id='txt1' /&amp;amp;gt; &amp;amp;lt;select id='select'&amp;amp;gt; &amp;amp;lt;option value=&amp;quot;+&amp;quot;&amp;amp;gt;+&amp;amp;lt;/原创 2019-01-12 18:32:53 · 390 阅读 · 1 评论 -
js封装字符串逆序的函数的方法
方法一:结合split('')把字符串分隔开成每个单独字母,reverse()把每个单独字母倒过来排序,join('')把每个逆序单独字母接连在一起;function reverse( str ){ return str.split('').reverse().join('');// };var res = reverse('hey there');console.log(res)...原创 2019-02-11 19:17:14 · 1410 阅读 · 0 评论 -
正则如何验证手机号、邮箱?
手机号验证:136 158 170 188开头的手机号var reg = /^1(36|58|70|88|)\d{8}$/;var str ="18801134371";alert(reg.test(str));邮箱的验证:var reg = /^\w+@\w+(\.\w+)+$/; var str = "gm23434@qq.com.cn"; console.lo...原创 2019-01-10 10:48:36 · 197 阅读 · 0 评论 -
js中如何使用Promise封装Ajax?
//使用promise对象封装ajax function ajaxPromise(url){ var pro = new Promise(function(succ,failed){ var ajax = new XMLHttpRequest(); ajax.open("get",url); ajax.send(); ajax.onreadystatechange =...原创 2019-02-11 19:29:19 · 1083 阅读 · 0 评论 -
js的5种继承方法
//继承方式一:通过改变父类的执行环境 实现继承缺陷:通过改变父类的执行环境继承时,父类可变的属性 子类继承时,属性值无法赋值 undefined function Father(tel){ this.money = 8888888888; this.tel = tel; this.sing = function(){ ...原创 2019-02-14 08:44:01 · 113 阅读 · 0 评论