20190526 前端开发日报

三年渣渣前端面试总结(留给以后的自己);没有规矩不成方圆,前端代码规范指南;Serverless Node.js Puppeteer 渗透测试爬虫实践;在javascript中使用纯函数处理副作用;webpack treeshking的三个要点;Google I/O 2019上提及的Javascript新特性;css1:盒模型;前端中台系统常见问题剖析与解决方案

  1. 三年渣渣前端面试总结(留给以后的自己) null 和 undefined 的区别 let 、 const 、 var 比较 push 、 slice 、 filter 、 map 等常用API的使用和内部实现(面试题见①) 必须掌握 __proto__ 和 prototype 并能画出原型图(面试题见②) 闭包的理解,闭包带来的好处和影响以...
  2. 没有规矩不成方圆,前端代码规范指南 js文件, Vue文件, 及jsx文件都遵循eslint规范, 而且在.eslintrc.js 对eslint进行一些配置, 我们遵循业界通用代码规范, 去除一些鸡肋的限制, 详情可见 (https://eslint.org/docs/rules/) 注意: 我们本地开发时候, 会有eslint进行预检查, 如果有不符合规范的代码, 是不能进行开发的, 我们需统一代码风...
  3. Serverless Node.js Puppeteer 渗透测试爬虫实践 本文归纳于微服务与云原生 https://github.com/wx-chevalier/Backend-Series系列文章,其相关的参考资料声明于 Awesome Serverless List。 ServerlessNode.js Puppeteer 渗透测试爬虫实践 参考 CNCF 的定义,Serverless 是指构建和运行不需要服务器管理的应用程序的概念;而 AWS 官方对于 Serverless 的介...
  4. 在javascript中使用纯函数处理副作用 今天给大家带来一片译文, 详情请点击这里. 可能在墙内哦 开始了, 如果你点开这篇文章, 就证明你已经开始涉及函数式编程了, 这距离你知道纯函数的概念不会很久. 如果你继续下去, 你就知道纯函数是真重要, 没有它你将寸步难行.你可能听过这样的话: "纯函数让你理清你的代码", "纯函数不可能会引起...
  5. webpack treeshking的三个要点 最近做一个需求的时候,想引入lodash来简化一些逻辑处理,我只用到了get、isArray等几个函数,但打包出的bundle却增加了69kb。说明webpack处理时把lodash整个都给打包进去了。 使用webpack-bundle-analyzer分析bundle的结果: webpack从2.0开始加入了treeshking的功能,但是这里明显没有触发treesking。经...
  6. Google I/O 2019上提及的Javascript新特性 ##使用#来定义私有属性 #count 是私有变量,不能通过 IncreasingCounter 实例访问 class IncreasingCounter { #count = 0; get value(){ console.log( ' Getting the current value!'); return this.#count++ } } 复制代码 子类可省略super(args); class Animal { constructo...
  7. css1:盒模型最近工作中有机会复习一下css的基本知识,那么先从css的盒模型开始吧,因为这是当时进现在这家公司笔试的第一题:怎么把IE盒模型变成标准盒模型?嗯,有办法,box-sizing: border-box;就可以啦。嗯,过关啦,那么...
  8. 前端中台系统常见问题剖析与解决方案 干货高能预警,此文章信息量巨大,大部分内容为对现状问题的思考和现有技术的论证。 感兴趣的朋友可以先收藏,然后慢慢研读。此文凝结了我在中台领域所有的思考和探索,相信读完此文,能够让你对中台领域的常见业务场景和解决方法有着全新的认知。 此文转载请注明出处。 在2019年5月11日的那个周末,我在FD...
  9. Weex 开发新手上路(二):前端避坑篇 接入 WeexSDK 后,前端开发者编写 Weex 页面时会发现,Weex 页面和以前写的 web 页面还是有一定区别的,一不注意就踩坑了。这里把常见的一些坑列出来,希望能让大家少走弯路: 页面模板 页面模板方面,只要注意官方文档内提到哪些组件,以及自己安装的第三方组件,记住只使用这些标签来编写模板即可。...
  10. vxe-table vue table 一个非常强大表格组件vxe-table vue table 一个非常强大表格组件 一个功能更加强大的 Vue 表格组件查看 vxe-table 功能点 基础 尺寸 斑马线条纹 带边框 单元格样式 列宽拖动 流体高度 固定表头 固定列 固定表头和列 表头分组 序号 单...
  11. CSS3实现炫酷的切片式图片轮播效果今天我们学习如何使用CSS创建一个炫酷的图片轮播组件。它的原理简单的说就是通过单击标签元素(label)来切换背景图像和动画效果。核心是使用与标签关联的单选按钮和使用通用兄弟选择器来定位每张图片。
  12. 为什么https要使用证书最近看了一本关于网络的书,叫做《图解http》,觉得这本书写的很好,看完之后印象比较深的是这本书的https的解释,为此在此总结一下自己的理解。文中的很多截图出自http图解,在此表示感谢。
  13. 函数劫持能做啥?前端黑科技揭秘 啥是函数劫持?其实就是给调用的函数加一层包装函数,在包装函数里调用一下原函数,有点像代理服务器的作用, 拦截一些全局对象和方法, 能实现一些非常便利的全局功能,今天我就抛砖引玉跟大家分享一下。 人生苦短,苦中做乐的console.log 美化 前段时间看到emoji图标在地址栏的动画应用,挺有趣的,很娱乐,我就试...
  14. 实用的 Web 布局技巧:Flex 主轴上的自动外边距实现的方法有很多,我们这里要讨论的是:如何简洁地使用 Flex 布局来实现?我这里采用的方法是:使用自动的外边距在主轴上对齐。
  15. 浅析JavaScript中原型及constructor、__proto__、prototype的关系先说一说为什么要搞清楚JavaScript的原型,因为这就是JS的根。JavaScript虽然不是一门传统的面向对象语言,但它有自己的类和继承机制,最重要的就是它采用了原型的概念。与其说JS是面向对象,不如叫面向原型。JS...

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原文:20190526 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20190526.html)