weixin_40637683的博客

原创 浅析TypeScript

变量声明 及 解构赋值如果使用过 ES6 的小伙伴,应该都知道,解构赋值、let、const是 ES6 中的新增的特性. 因为TypeScript是JavaScript的超集,所以在TypeScript中也可以很好的使用这些语法糖.变量声明var 声明var 声明变量,变量提升例如:console.log(num)var num = 10你会发现,代码并没有报错,而是打印了 undefined .为什么呢?是因为 var 声明的变量存在变量提升, 代码会先声明后赋值var.

原创 JS如何区分Object与Array

JS如何区分Object与Array“在项目中我们会遇到，怎样去区分对象和数组的问题，然后对应不同的数据去执行不同的业务，那你们有没有因为这个问题踩过坑呢？”区分的方法typeof相信大家都用过typeof,我们判断类型经常会使用typeof,但你会发现，在这次讨论的话题中，它就没有那么香了例如：const arr = [1, 2, 3]const obj = {name: 'zhangsan'}console.log(typeof arr) // objectconsole.lo

原创 万恶的 ExtensionsToolbarMenu 你还记得么？

在chrome中有这么一个东西它是官方默认的一个扩展管理工具，但是我个人觉得他并不是很好用，有时候需要用到扩展时，还必须要置顶下，才能使用扩展里的功能，所以问们今天就把它干掉！！！一 、 旧版本的chrome是可以直接通过一下方式禁用掉这个令人作呕的小图标的打开chrome新标签在地址栏中输入chrome://flags/#extensions-toolbar-menu找到对应的选择禁用点击底部弹出的重启按钮这样就完成了旧版中禁用扩展管理器了在chrome 87 及更新的版本

原创 plop js 模板工具

plop 模板工具一、 概述plop 模板生成cli二、 安装// 全局安装npm install -g plop// 本地安装npm install --save-dev plop配置文件// 跟目录创建文件 plopfile.js plop 将该文件作为执行入口// 导出执行函数module.exports = function (plop) { plop.getGenerator('模板名称', { description: '操作描述',

原创 Vue---一条命令自动生成模板

1.在开发过程中，无论我们添加页面也好还是添加组件也好。都需要不停的新建Vue文件（或者其他框架或者html/js/css文件）以Vue项目为例，我们新建一个component或view的时候，需要新建一个.vue文件，然后写、一般来说一个.vue 文件的格式如下:<template> <div /></template><script>export default { data(){ return { .

原创 Vue项目自动转换 px 为 rem，高保真还原设计图

前端开发中还原设计图的重要性毋庸置疑，目前来说应用最多的应该也还是使用rem。然而很多人依然还是处于刀耕火种的时代，要么自己去计算rem值，要么依靠编辑器安装插件转换。而本文的目标就是通过一系列的配置后，在开发中可以直接使用设计图的尺寸开发，项目为我们自动编译，转换成rem。技术栈vue-cli：使用脚手架工具创建项目。postcss-pxtorem：转换px为rem的插件。自动设置根节点html的font-size因为rem单位是相对于根节点的字体大小的，所以通过设置根节点的字体大小可以动

原创 vue中使用animate 的小插曲

前言：你猜我弄不弄你就完了使用animate的小坑已经很久没有用过这个小的动画库了，突然上vue中使用，搞的有点措手不及。今天项目中用到了animate.css ,使用中遇到了一个小坑，百度搜到的都是安装npm install animate.css --save或者yarn add animate.css然后呢// mine.js 中import animated from 'animate.css'Vue.use(animated)再然后呢,用就完了呗<d

原创 css中深层选择器的使用

css关于/deep/的解释和用法例如我在一个商城的项目使用了mint-ui的radio组件，此时mint-ui已经有默认的样式了，我可以通过提取公共文件的方式来修改，以达到自己想要的，但是同时其他地方也会受到影响与此同时我只想要修改这个地方的样式，在其他页面用到mint-ui的时候不变，我就可以用/deep/了...

原创 Porp 单向数据流以及注意事项

vue 中组件传值Porp 单向数据流这个 prop 用来传递一个初始值；这个子组件接下来希望将其作为一个本地的 prop 数据来使用。在这种情况下，最好定义一个本地的 data property 并将这个 prop 用作其初始值：这个 prop 以一种原始的值传入且需要进行转换。在这种情况下，最好使用这个 prop 的值来定义一个计算属性：props: ['size'],computed: { normalizedSize: function () { return this.s

原创 map

map方法到底会不会改变原始数组？相信大家对数组的map方法一定不陌生了。具体用法就不再赘述了。这里贴一下菜鸟教程里面关于map方法的解释。这篇博客借鉴某金博主的，如有侵权，请及时告知.结论 ： map当数组中元素是值类型，map不会改变原数组；当是引用类型，则可以改变原数组注意用红框里面的那一句话，一直以来，我也是觉得map()方法是不会改变原始数组的（面试的时候被问过），直到在实际项目中，被同事的代码坑过不止一次：这段代码不难理解，相信有时候你也会看到这样类似的代码。先不用管traninin

原创 子元素宽度受flex影响，导致父元素的宽度不能自动增长的解决方法

原创 微信小程序中 data-后面的参数不建议 驼峰命名

微信小程序微信小程序中 data-后面的参数不能写驼峰今天发现小程序中的一个小缺点吧算是，我们在做小程序项目时经常会遇到，使用data- 的时候，用来绑定一些数据，进行传值。1.遇到的问题 data-commentWrapHeight 绑定传值的过程中，在js中打印出来竟然变成了commentwrapheight ，好神奇！！！<text class="commentNick...

原创 jquery中 unbind() 方法使用经历

新的开始第一篇个人博客，希望自己的路越走越远。作为一名前端开发方向的小年青，希望能在这个大的家庭中，贡献出自己的一份力量！事件的绑定2020年4月28日 中国新冠疫情已经基本控制，我又开始了我的码农上班的生活。在一个五菱app项目中，用到了unbind()方法，原因是： 当时有一个委托书页面，有领料，退料，删除项目等等一系列操作，于是封装了一些方法来调用。但在请求接口时，发现接口会出现...