向着光芒的女孩

new命令很全面的精华总结，包括相关的对象、构造函数概念，以及new命令执行过程和相关注意事项。

JavaScript中对象的继承的理解总结，包括JavaScript的继承机制、原型链、constructor属性、instanceof和构造函数继承的精华提炼总结。

项目里面看到已经被在App.vue中设置了背景色全局生效，想修改子页面单独的页面页面背景色，发现没能一下就生效。

在小程序里设置button组件的width竟然失效，让我们来看看原因和解决方案。

微信小程序页面跳转不生效排查，原来设置了TabBar的需要用switchTab来进行跳转。

调用getRoutes方法报错_router.default.getRoutes is not a function

vue组件的命名不要与html的原生标签名字一样

解决历程： 在npm安装完东西后，点微信开发者-工具-构建npm时发现报错，之前是npm安装依赖命令有写错，因为我是初始化项目，所以把node_modules文件夹和miniprogram_npm文件夹删除了，我把package.json也删除了（旧项目谨慎删除），再重新npm init生成package.json,敲正确命令安装完依赖后，再点npm构建发现没报错了。总结：可能是因为安装依赖时命令敲错了，导致生成的node_modules文件夹有点问题，最终导致微信开发者工具构建npm失败，先总..

公司电脑老是报这个，如果不解决这个问题，就以为着没法工作了，最后终于给解决能刷出二维码了。

clientHeight、offsetHeight和scrollHeight的区别clientHeight = content + padding, 不加溢出内容的高度 ，返回整数offsetHeight = content + padding+border, 不加溢出内容的高度 ，返回整数scrollHeight = content + padding+溢出内容的高度，不加border，返回整数MDN建议获取精确的通过 element.getBoundingClientRect() 函数亲测

在使用ng-zorro-ant的table时，发现并没有自带element那种单元格文本溢出显示，element的table设置这个show-overflow-tooltip就能轻松使用。1.新建一个组件more-popovermore-popover│ more-popover.component.css│ more-popover.component.html│ more-popover.component.spec.ts│ more-popove.

方法一：通过闭包实现，弄个立即执行函数保存变量值var i ; // 通过var声明时没有块级作用域for(i = 0 ;i < 10; i++){ (function(i){ var a = document.createElement("a"); a.innerHTML = i + "<br>"; a.addEventListener('click',function(){ alert(i)

情形-0，0 或 NaNundefinednull空字符串false本身参见：ECMA标准 | ToBoolean ( argument )

项目里是使用的ngx-amap<ngx-amap [resizeEnable]="true" [center]="[116.397428, 39.90923]" [zoom]="13" class="map-container" (naReady)="onMapReady($event)"> <!-- 出现放大工具 --> <amap-tool-bar></amap-tool-bar></ngx-amap> .map-container

使用场景：发现在使用nz-table的过程中，当页数选择器选择10和10以下的表格数据条数会重新渲染，排查了好久发现，只要大于10就不生效了，一页最多总是显示10条看官方简单的使用例子也没发现问题所在：<nz-table #basicTable [nzData]="dataSet"> <thead> <tr> <th>Name</th> <th>Age</th> &l.

核心代码 window.addEventListener("online", (function() { alert('网络连接上了') })); window.addEventListener("offline", (function() { alert('网络断开了'); }));测试方法通过浏览器调试器Network面板启动网络开启和关闭可进行测试关闭网络触发和提示测试开启网络触发和提示测试...

关于es6版本广义的es6指的是2015年发布es6之后的新版本，更细的划分：2015 es6 2016 es7 2017 es8 2018 es9 2019 es10 2020 es111.数值扩展1).Number.isNaN与isNaN的区别Number.isNaN不存在类型转换的行为，而isNaN会尝试将参数转换为Number类型。isNaN只是判断传入的参数是否能转换为数字，并不是严格的判断是否等于NaN数值；而Number.isNaN判断传入的参数是否严格等于NaN这个数值。参

使用场景：在使用element和ivew的表单重置时，发现this.ref[′formData′].reset()，这种方法未将我们预期的数据全部还原为声明时的数据，导致有脏数据，vue的api通过ref['formData'].reset()，这种方法未将我们预期的数据全部还原为声明时的数据，导致有脏数据，vue的api通过ref[′formData′].reset()，这种方法未将我们预期的数据全部还原为声明时的数据，导致有脏数据，vue的api通过options可以拿到声明时的数据,如果在表单中清空

只是粗略的计算，对差额的时分秒毫秒没有做更具体的处理，原理是通过时间戳计算两个时间点的毫秒差，再换算为天方式1：(new Date('2021/04/22').getTime() - new Date('2021/04/20').getTime())/1000/60/60/24 // 2方式2：function diffDay(lastDate,earlyDate){ return (Date.parse(lastDate) - Date.parse(earlyDate))/1000/6

有的时候要想压缩单个js文件，如果用webpack和gulp可能要配置一些东西，而用npx就可以帮我们一行命令就简单压缩js文件只压缩js文件：npx uglify-js main.js -o main.min.js压缩并修改变量名（加-m参数）：npx uglify-js main.js -m -o main.min.js关于npx:npm@5.2.0开始，就自动安装了npx，npx会自动查找当前依赖包中的可执行文件，如果找不到就去环境变量PATH里找，还是找不到就自动安装，安装只是一个

最近在学习Anguar2+,想把成长记录下来并希望能帮助到大家。1.关于Angular与AngularJs的区别命名变化，Angular2以后官方命名为Angular,2.0以前的版本称为AngularJs,所以一般叫Angular就是Angular2+使用不一样，Angular1是直接把js放在页面使用，而Angular2+是通过前端工程进行管理，结合了node,通过生成Angular Cli来进行项目开发，js的编写是写在typescript文件里，进行编译转为js2.安装Angular Cli

用的vscode的终端来进行安装的node 和 npm 看版本已经把node安装到目前最新稳定版了，node是12.14.1， npm是6.5.0cnpm 看版本:6.1.0全局安装 Angular CLIcnpm install -g @angular/cli4.看是否安装成功输入ng version 结果报错：ng : 无法加载文件 D:\Progra...

1.display:none和visible: hidden的区别相同点：两者都能把某个元素隐藏起来，而且DOM结构代码仍然在页面上不同点：display: none：不在视图占空间，当显示和隐藏时会影响父容器的大小发生改变visible: hidden: 在视图占空间，当显示和隐藏时不会影响父容器的大小发生改变参考：https://www.cnblogs.com/nicholas_f...

1.vscode中如果终端的类型是powershell敲git命令可能会有一些小问题，尤其是在使用git stash apply stash@xxx时解决方案：将终端类型改为bash反之也有问题，即如果在git bash中敲node命令，可能有些命令不是预期的结果2.element-ui日期控件要精确到毫秒的格式化大写的"S"，可以查看element-ui的源码，打开element-ui.j...

(1)windows自带截图win+shift+S(2)SCROLL LOCK键在excel中可以锁住单元格，向下的箭头时可以滚动滚动条(3)【重点】火狐浏览器a链接的href值不同时跳转跟谷歌的不一致使用场景：因为在使用a链接不想要默认的跳转，所以通过href="javascript:;"这种方式，发现自己少写了一个t,结果火狐跳转了空页面；由于开发浏览器默认使用的是谷歌浏览器...

(1))【重点】火狐浏览器当输入框type=”number”输入小数会有红框的兼容性问题可以要设置step属性，如step=”0.0001”,则四位小数不会红框，五位小数会红框(2)js的类型是弱类型，转化时要特别注意，今天遇到 [“All”]==”All” 为 true(3)数组的使用shift: 删除第一个元素pop: 删除最后一个元素(4)vue组件进行数据回显需要特别注意对象...

(1)【重点】element-ui树形控件始终保留选中的结点样式，选中的结点样式点击其他地方仍有高亮样式的属性设置 highlight-current<el-tree :data="data" highlight-current><el-tree>(2)element-ui 消息提示this.$message({ showClose: true, message...

(1)字体用相对单位比较好，比如 0.875rem去替换14px(2)vue的使用事件修饰符防止冒泡事件的点击事件: @click.stop=”xxx”(3)vue-element-admin路由想不缓存，在router/index.js中不设置name属性就可以，一般都会缓存组件，表单数据不进行缓存，vue暂不支持name:’router-name’ the name is used by...