若末lan的博客

原创 JS-循环清空对象 && 判断数据类型的5种常用方法

应用场景：一个页面具有大量数据录入功能，在数据录入保存成功之后，需要刷新页面，即清空所有的数据。因为我把所有的字段定义到一个对象中，所以要清空这个对象，如果字段少，可以直接赋值清空，但是数据多的时候，直接赋值清空，就会产生大量的冗余代码，导致代码看起来多而乱，不好看，所以要写个函数循环清空(// TODO)。针对我的需求，我可以不用判断数据的类型了，因为我知道它就是一个对象；但是，想兼容更完善的话，首先需要判断要清空的数据类型。JS的数据类型有7种：//JS的数据类型有7种：number，

原创 vue-:class的几种使用方式

1.方法方式其实，一开始我想实现动态拼接的效果（:class="['icon-level' + item.oppGrade.toLowerCase]"）这样子，但是不行。于是，我用了计算属性，发现也不行，因为这个class需要参数支持，computed做不到。只能用方法了,而且用方法的时候，不能用[]把常量和方法写一起，我试过了的，写一起，常量的class会失效。方法实现方式如下：1) HTML文件：<em class="dossc-icon-size" :class="opp

原创 vue学习- 列表渲染v-for

v-for用法可操作的对象： 数组（普通数组，对象数组）、对象、数字；以对象数组为例：let arr=[ {name:'张三'，age:'18',sex:'男'}, {name:'李思'，age:'20',sex:'女'}, {name:'庞斑'，age:'31',sex:'男'}]不推荐同时使用v-if和v-for。请查阅风格指南以获取更多信息。当v-if与v-for一起使用时，v-for具有比v-if更高的优先级。请查...

原创 JS-常用方法整理

// TODO 整理原理ES6中有一些直接写好的方法//判断某字段在数组中的位置 indexofArray(arr:any, obj:any) { let i = arr.length; while (i--) { if (arr[i] === obj) { return i; } } } //判断数组中是否..

转载 进入大厂的面试经验（P7）

此文转载自 https://juejin.im/post/5e664bdd6fb9a07cd80f3192，作者：mapbar_front个人近期面试情况今年二月以来，我的面试除了一个用友的，基本其他都被毙了，可以说是非常残酷的。其中有很多自己觉得还面的不错的岗位，比如百度、跟谁学、好未来等公司。说实话，打击比较大。情况基本上是从三月开始好起来的，这个时间点，可能疫情快过去了，国...

原创 第三方免费开放API 获取用户IP 并查询其地理位置

需求：有一个项目是微信公众号，属于汽车服务。当车主在填写车主资料或者车辆认证时，需要填写车牌号或者车架号；车牌号需要选择省，为了方便用户操作，所以想自动定位默认省，如下图：我查询了一些博客，找到了一些方法，经过测试，记录一下还能用的。方法一：搜狐API有时候cname这个字段返回的不是省市，因为在2/3/4G网络时，定位失败，但是IP还是可以用的，亦可以配合第二种方法使用。...

转载 javascript原生事件句柄、BOM、DOM对象属性方法总结

javascript原生事件句柄、BOM、DOM对象属性方法总结句柄/属性/方法类型说明onabort事件句柄图像加载被中断onblur事件句柄元素失去焦点onfocus事件句柄元素获得焦点onchange事件句柄用户改变域的内容onclick事件句柄鼠标点击某个对象ondblclick事件句柄鼠标双击某个对象on...

原创 git 重新关联远程仓库地址

因为之前修改了项目地址的密码之后，并没有修改本地的密码，导致本地原有的项目和远程关联失败，所以每次都重新clone的。这里关联成功，就不用再重新clone和install了。参考别人的博客有3种方法：1.修改命令，如图： git remote set-url origin [url]eg. git remote set-url origin http://gitlab.s...

原创 Angular报错-Error: ENOENT: no such file or directory, scandir '/Users/echo_hx/node_modules'

2019-11-07 更新我知道为啥报错了，自我好好反省一下！！！所以，Mac的终端，不能用简写的命令，哭泣。。。不过下面的，就可以看作安装卸载@angular/cli了在全局安装angular-cli且成功之后，查看ng v ,报错了Error: ENOENT: no such file or directory, scandir '/Users/echo_hx...

转载 JavaScript- 正则表达式匹配汉字

此文发布于2018-01-26-知乎（毕竟技术在不断的变化，请根据实际情况去写自己需要的代码）一个可能有 20 年历史的正则表达式在谷歌搜索「JavaScript 正则表达式匹配汉字」的时候，前几条结果全都是`/[\u4e00-\u9fa5]/`。没有人怀疑这个正则表达式有什么问题，那么在 2018 年的今天，让我们站在 Chrome 64 的肩膀上，放飞一下自我。汉文（Han Scr...

原创 JS报错-Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on...

报错信息：Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them；也就是严格模式下，'caller', 'callee' 和'argume...

转载 JavaScript - reduce用法详解

介绍reducereduce() 方法接收一个函数作为累加器,reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值（上一次回调的返回值），当前元素值，当前索引，原数组语法：arr.reduce(callback,[initialValue]) 1 2 3 4 5 6 7 ...

原创 Angular - angular2升级到angular8

最近要项目改造，由原来的angular2 升级到 angular8，需要以下操作：1.升级全局Angular CLInpm install -g @angular/cli@latest2..升级你需要升级项目内 angular-clinpm i @angular/cli@latest3.解决CLI和程序CLI版本不一致问题（也是在项目内，可以先不执行这个命令的，之后的全部...

转载 前后端分离之分析

前言前后端分离已成为互联网项目开发的业界标准使用方式，通过nginx+tomcat的方式（也可以中间加一个nodejs）有效的进行解耦，并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。这个步骤是系统架构从猿进化成人的必经之路。核心思想是前端html页面通过ajax调用后端的restuful ...

转载 Angular8 - 稳定版修改概述(Angular 8的新特性介绍)

Angular 8的新特性介绍在之前Angular团队发布了8.0.0稳定版。其实早在NgConf 2019大会上，演讲者就已经提及了从工具到差分加载的许多内容以及更多令人敬畏的功能。下面是我对8.0.0一些新功能的简单介绍，希望可以帮助大家快速了解新版本。一、新功能1、差分加载根据您的browserlist 文件，在构建期间，Angular将为其创建单独的包polyfills。所...

原创 div模拟textarea文本框，输入文字高度自适应，且实现字数统计和限制

需求：文本框可根据输入内容高度自适应，不带滚动条，高度可变的那种，我搜索了很多，发现textarea无法实现我的需求，scrollHeigh这个无法获取实际内容的高度（我用的是那种简单的，可能我写的哪里不对吧；那种代码很多的，我又不想那么去做，麻烦。。。），所以只能div模拟textarea文本框了。使用div模拟textarea文本框，输入文字高度自适应，且实现字数统计和限制，输入字数超...

原创 HTTP-post请求重定向后变成了GET请求

昨天在调用一个post方法去请求一个接口时，结果我的谷歌浏览器只显示调用了一次，并且请求方法变成GET了，如下图，很神奇呀！！！很困惑，同样的POST请求方法，换成其他的URL去请求确实是POST方法，且能请求成功，我的这个URLpost请求就变成GET了，百思不解（因为一开始没有注意到HTTP转换成HTTPS）。所以遇到这种情况，检查一下URL是HTTP还是HTTPS！！！以下是遇到的情...

原创 Git - 回滚到指定版本

每次提交的代码都有一个唯一的commit id（版本号），如下图，当然，也可以 git log 查到。回滚到指定版本：git reset --hard b498237e6dc1fc4861c79d3314d07285995b强制提交：git push -f origin develop...

原创 字符串模板

`${this.dossHisBtn.map(item => `<span id="dossHis${item.index}" class="brand-font hx-sbtn-active-${item.isActive}">${item.label}</span>` ).join('')}`...

转载 window.atob()与window.btoa()方法实现编码与解码

转载于https://www.cnblogs.com/moqiutao/p/6280099.html文章目录window.atob() 与window.btoa() Unicode 字符串 decodeURIComponent() 与encodeURIComponent() escape() 与unescape() 方法一.window.atob() 与window.btoa()...

转载 console对象的方法log()、info()、warn()、error()区别及几个实用的方法

先说一下console，JavaScript 原生中默认是没有 Console 对象,这是某些浏览器提供的内置对象。在不同的浏览器里显示可能不同log()、info()、warn()、error()区别1、 log()和info() 这两个没区别，看别人有说info()前有个蓝色的图标，不过我使用的谷歌浏览器运行时没有 因为没有运行出来，下面...

原创 Git - 切到远程分支

前提：切换分支之前，保证当前工作树是干净的。。。1.先更新；-git fetch。2. 查看所有分支（远程&本地）；-git branch -a 。3. 查看当前分支状态，工作树是否干净；- git status 。4.若是干净，可以切换分支，新建本地分支并追踪到远程要切的分支；git checkout -bdeveloporigin/develop。5....

原创 Git - 修改用户名

原创 Angular(build打包)报错：supplied parameters do not match any signature of call target

在写Angular时，npm run build 报错了：supplied parameters do not match any signature of call target。然后去搜索了一下，Stack Overflow上有一篇Supplied parameters do not match any signature of call target in wrapper metho...

原创 vue - 父子组件通信之$emit传多个参数

20190912，最近发现用这种方法在严格模式下打包会报错，请参考我的另一篇文章：JS报错-Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on...遇之，记之。子组件传出单个参数时：// 子组件this.$emit('test',this.par...

转载 面试题：如何实现一个深拷贝

转载于：元光木易杨前端大全20190228如何实现一个深拷贝第一步：简单实现其实深拷贝可以拆分成 2 步，浅拷贝 + 递归，浅拷贝时判断属性值是否是对象，如果是对象就进行递归操作，两个一结合就实现了深拷贝。根据上篇文章内容，我们可以写出简单浅拷贝代码如下。//木易杨functioncloneShallow(source){vartarget={};...

原创 JS-获取当前日期-月的天数

获取当前日期-月的天数,例："2018-10",传入的参数类型必须是String类型// 获取月的天数function getMonthNum(val){ if(val.length &gt; 4){ let year = val.slice(0,4); let month = val.slice(5); return new Date(year,month...

原创 Git - 忽略的文件冲突解决

在.gitignore文件中，添加了所需要忽略的文件，然而在pull或者push时，文件依然会被拉下来推上去，说明可能你本地缓存问题，运行如下图命令，清理一下cache，重新提交一下就可以了。...

原创 CSS自定义checkBox复选框- 对勾样式

有checkBox复选框需求时，我们所用的框架样式不符合，所以需要自己写 对勾样式，当然用图片也OK。效果图：html: <div class="msg-position c-bg-wt"> <p>推送岗位<i class="c-rd">*</i>&nbsp;&nbsp;&nbsp;&nbsp...

原创 VUEJS-checkbox全选&全不选

全选&全不选html: <div class="msg-position c-bg-wt"> <p class="msg-position-p">推送岗位<i class="c-rd">*</i>&nbsp;&nbsp;&nbsp;&nbsp; <span> ...

原创 ES6新功能-模板字符串

 ES6新功能-模板字符串 VS 传统JS字符串拼接

原创 webpack打包---报错内存溢出javaScript heap out of memory

今天， npm run build打包时，又报内存溢出了。所以记录一下，之前查了博客有一些解释。“报错CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory是 JavaScript堆内存不足，这里说的 JavaScript 其实就是 Node，我们都知道 Node 是基于V8引擎，在一般的后端开发语言中，在...

转载 navigator.userAgent 取值都带有Mozill的原因。看完我笑了

转载于：navigator.userAgent 取值都带有Mozill的原因。看完我笑了​​​​​​​最早的时候有一个浏览器叫NCSA Mosaic，把自己标称为NCSA_Mosaic/2.0 (Windows 3.1)，它支持文字显示的同时还支持图片，于是Web开始好玩起来。　　然后出现了一个新的网页浏览器，“Mozilla”，其实就是“Mosaic终结者”的意思，这搞的Mosaic很不...

原创 数组操作-删除数组中指定元素

删除数组中指定元素 //删除数组中指定元素 removeByValue(arr, val) { for (var i = 0; i &lt; arr.length; i++) { if (arr[i] == val) { arr.splice(i, 1); break; } } } ...

原创 字数监控，价格监控等

 1.textarea输入字数监控（在watch里可监控，但有些耗费性能，所以节流）&lt;div class="gorder-note"&gt; &lt;label&gt;备注 &amp;nbsp;&amp;nbsp; &lt;span style="color:#777;font-size: 14px"&gt; {{remarkLen}}/65&lt;/span&amp

原创 js - 数学运算（取整，取余）

取整1.取整//保留整数部分parseInt(3/2)　　// 12.向上取整// 向上取整,有小数就整数部分加1Math.ceil(3/2)　　// 23.四舍五入// 四舍五入Math.round(3/2)　　// 24.向下取整// 向下取整,丢弃小数部分Math.floor(3/2)　　// 1取余1.取余console.l...

原创 JS数组遍历-forEach()、map()方法

[{a:'1',b:'11'},{a:'2',b:'21'},{a:'3',b:'31'}].forEach((item, index, array) =&gt; { let c = ''; let d = '21'; c = d == item.b ? item : ''; console.log(c)}) // 列表页展示 searchRulesByPage(...

原创 JS：两个json数组合并、去重，以及删除某一项元素

两个json数组合并去重，以及删除某一项元素let ha = [ {id:'H',name:'3'}, {id:'A',name:'6'}, {id:'B',name:'14'}, {id:'C',name:'60'} ];let hb= [ {id:'H',name:'2'}, {id:'A',name:'6'}, {id:'B',name:'16'}...

原创 Angular2-关闭占用的4200端口

1.打开cmd》 cd c:\Windows\System32》c:\Windows\System32&gt;netstat -ano | findstr :4200  TCP    127.0.0.1:4200         0.0.0.0:0              LISTENING     10188》c:\Windows\System32&gt;TaskKill.exe /F...

转载 JS 基础 —— JavaScript 关键字（keyword）与保留字

转载于: JavaScript 关键字（keyword）与保留字一、JavaScript 所有关键字：breakcasecatchcontinuedefaultdeletedoelsefinallyforfunctionifininstanceofnewreturnswitchthisthrowtrytypeofvarvoidwhilewi...