笔记
badboy__biubiubiu
寻梦少年
展开
-
阿里 P6 水平自测,看看自己什么水平!
关注前端人原文:《阿里巴巴淘系技术》知乎问答本篇文章将根据阿里P6职级对标需要掌握的技术程度和技能要求,文章内容比较长,请话几分钟时间认真静下心看看,对比下自己现在所掌握的情况,也就能大概预估出自己所处技术水平,和自己欠缺的部分,记得关注公众号哦1.熟练掌握JavaScript。初级:JavaScript各种概念都得了解,《JavaScript语言精粹》这本书的目录都得有概念,并且这些核心点都能脱口而出是什么。知道组合寄生继承,知道class继承。知道怎么创建类function + class原创 2020-07-30 08:29:45 · 1097 阅读 · 0 评论 -
这么全面的Vue开发技巧,vue指令
前言本文来自公众号程序员黑叔Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了,本文从列举了 36 个 vue 开发技巧;后续 Vue 3.x 出来后持续更新.1.require.context()1.场景:如页面需要导入多个组件,原始写法:import titleCom from ‘@/components/home/titleCom’import bannerCom from ‘@/components/home/bannerCom’import cellCom from ‘原创 2020-07-07 08:58:28 · 337 阅读 · 0 评论 -
如何使用 Webpack 实现模块化打包?
目前,前端领域有一些工具能够很好的满足以上这 3 个需求,其中最为主流的就是 Webpack、Parcel 和 Rollup,我们以 Webpack 为例:Webpack 作为一个模块打包工具,本身就可以解决模块化代码打包的问题,将零散的 JavaScript 代码打包到一个 JS 文件中。对于有环境兼容问题的代码,Webpack 可以在打包过程中通过 Loader 机制对其实现编译转换,然后再进行打包。对于不同类型的前端模块类型,Webpack 支持在 JavaScript 中以模块化的方式载入任意原创 2020-07-05 10:00:30 · 617 阅读 · 0 评论 -
如何使用 Proxy 来代理 JavaScript 里的类
如何使用 Proxy 来代理 JavaScript 里的类Proxy 对象(Proxy)是 ES6 的一个非常酷却鲜为人知的特性。虽然这个特性存在已久,但是我还是想在本文中对其稍作解释,并用一个例子说明一下它的用法。什么是 Proxy正如 MDN 上简单而枯燥的定义:Proxy 对象用于定义基本操作的自定义行为(如属性查找,赋值,枚举,函数调用等)。虽然这是一个不错的总结,但是我却并没有从中搞清楚 Proxy 能做什么,以及它能帮我们实现什么。首先,Proxy 的概念来源于元编程。简单的说,元编转载 2020-07-04 12:09:07 · 254 阅读 · 0 评论 -
JS数组的所有方法(非常实用)
JS数组的所有方法(非常实用)作者:幻灵尔依https://juejin.im/post/5d71fff5f265da03e4678328用不好数组的程序猿不是一个好猿,我说的~前段时间接手一个项目,逻辑晦涩难懂,代码庞大冗余,上手极其困难。很大的原因就是数组方法使用不熟练,导致写出了很多垃圾代码,其实很多地方稍加改动就可以变得简单高效又优雅。因此我在这里总结下数组的常用方法和奇巧淫技(奇巧淫技主要是reduce~)。数组操作首先要注意且牢记splice、sort、reverse这3个常用方法是对原创 2020-06-24 18:34:37 · 1779 阅读 · 0 评论 -
element-ui el-table组件的 el-table-column 加了fixed属性列固定后样式高度错乱问题
element-ui el-table组件的fixed列固定后样式高度错乱问题代码如下<el-table-column align="center" label="操作" width="180" fixed="right" > <template原创 2020-06-23 17:31:15 · 9973 阅读 · 2 评论 -
JavaScript reduce() 方法使用
定义和用法reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。reduce() 可以作为一个高阶函数,用于函数的 compose。注意: reduce() 对于空数组是不会执行回调函数的。语法array.reduce(function(total, currentValue, currentIndex, arr), initialValue)参数参数 描述function(total,currentValue, index,arr) 必需。用于原创 2020-06-16 19:22:02 · 150 阅读 · 0 评论 -
JSON.stringify() 对象系列化的各种用法 JSON.parse()用法
JSON.stringify() 玩出新花样,太腻害了译者 / zoomdong阅读本文需要 3分钟前言JSON.stringify() 方法能将一个 JavaScript 对象或值转换成一个 JSON 字符串。作为一名 JavaScript 开发人员,JSON.stringify() 是用于调试的最常见函数。但是它的作用是什么呢,难道我们不能使用 console.log() 来做同样的事情吗?让我们试一试。//初始化一个 user 对象const user = {“name” : “Pra原创 2020-06-16 08:45:45 · 678 阅读 · 0 评论 -
前端跨域方式和原理
jsonp跨域jsonp是一种跨域通信的手段,它的原理其实很简单:利用由于使用script标签的src属性,因此只支持get方法function jsonp(req){// 动态创建script标签var script = document.createElement(‘script’);var url = req.url + ‘?callback=’ + req.callback.name;script.src = url;document.getElementsByTagName(‘he原创 2020-06-16 08:57:45 · 205 阅读 · 0 评论