20200515 前端开发日报

JavaScript】高频面试题-在地址栏输入网址之后都干了什么?;前端代码考(算)古(账)与翻(重)新(构);webpack(三)-性能优化;如何在 Vue 中封装好用不上火的一个列表条件过滤组件;react+webpack4.x搭建前端项目(六)webpack的多模块打包配置;(1w字)前端都该懂的浏览器工作原理,你懂了吗?;你知道JavaScript中的Symbol类型怎么用吗?;使用Vue3 composition-api重写一个抽象可复用的增删改查页面

  1. 【JavaScript】高频面试题-在地址栏输入网址之后都干了什么?

    1. 客户端、服务器端 客户端:可以向服务器发请求,并接收返回的内容进行处理 服务器端:能够接收客户端请求,并且把相关资源信息返回给客户端的 => 当前电脑既可以充当服务端又可以充当客户端。因此,如何区分是服务端还是客户端:不是针对于某一台机器的,而是针对于功能、需求的 2....

  2. 前端代码考(算)古(账)与翻(重)新(构)

    function f() { if (a) { return } if (b) { return } if (c) { return } // ...many codes } 复制代码 推测当事人心理:需求要做这个功能,需要加一个条件。好的,就在最前面加一下 函数有很多参数 function f(a, b, c, d, config, isAdmin, isEdit, isAdd) { // ...many codes } ...

  3. webpack(三)-性能优化

    loader优化 test、include、exclude 三个配置项来缩小loader的处理范围 include、exclude 只能使其一 include: path.resolve(__dirname, "./src"), 优化resolve.modules配置 resolve.modules ⽤于配置webpack去哪些⽬录下寻找第三⽅模块,默认是 寻找第三⽅模块,...

  4. 如何在 vue 中封装好用不上火的一个列表条件过滤组件

    平时工作中,想必你一定会遇到无数次列表需求,并且是带有搜索功能的列表需求,但不管怎么怎么样,请相信这一切都是万变不离其宗。 不信?请看: 可输入关键字进行搜索 可在下拉框中选择搜索条件 可以选择日期时间 可以勾选 的复选框 基本就是上面这些了吧?我们不妨看看下面这张截图: ...

  5. react+webpack4.x搭建前端项目(六)webpack的多模块打包配置

    我们接着上一篇文章 react+webpack4.x搭建前端项目(五)多页面配置 来进行配置模块的单独打包方式(下边简称多app打包) 多app打包的意思是:多个模块单独打包,模块之间的资源互相不依赖,某一模块的资源打包在该模块下。这是和多页面最不大的不同,打包资源再多页面之间其实是公用的,bundle包资源也具有相互依赖...

  6. (1w字)前端都该懂的浏览器工作原理,你懂了吗?

    在我们面试过程中,面试官经常会问到这么一个问题,那就是从在浏览器地址栏中输入URL到页面显示,浏览器到底发生了什么?这个问题看起来是老生常谈,但是这个问题回答的好坏,确实可以很好的反映出面试者知识的广...

  7. 你知道JavaScript中的Symbol类型怎么用吗?

    前言 ES5 的对象属性名都是字符串,这容易造成属性名冲突的问题。比如,你使用别人的模块/对象, 又想为之添加新的属性,这就容易使得新属性名与原有属性名冲突。这就是 ES6 引入Symbol的原因,symbol能够保证每个属性的名字独一无二。 一、Symbol介绍 Symbol是 ES6 引入了一种新的原始数据类型,它是一种特殊的、不...

  8. 使用Vue3 composition-api重写一个抽象可复用的增删改查页面

    vue3.0 beta版本已经发布一段时间了,尝试着用composition-api来重写一个简单的后台管理系统中的增删改查。 对于常用的增删改查的后台管理页面,通常的为 表格+详情页 的模式,主要包含如下几个功能: 表格用于展示数据内容 点击表格中的一项,能够弹出详情页进行编辑。 保存或取消更新表格数据。 ...

  9. 微软:编程语言 TypeScript 3.9 可将编译时间缩短 40%

    近日,微软的 TypeScript 团队发布了这一年轻编程语言的 3.9 版本,这是 JavaScript 的超集,可将其编译为 JavaScript 代码,在浏览器中或浏览器外的 Node.js 上运行。

  10. 快速适配 Flutter 之深色模式

    深色模式(Dark Mode),也被称为暗黑模式,是一种高对比度,或者反色模式的显示模式,开启之后在夜间可以缓解疲劳,更易于阅读,同时也能在一定程度上达到省电的效果。ios和安卓分别从 iOS 13 和 Android 10(不同厂商不尽相同,部分 Android 9 也支持) 开始加入深色模式的支持,各大浏览器纷纷开始支持深色模式,强如...

  11. Vue仿蘑菇街商城项目(vue+koa+mongodb)

    大家好,我是六六。学习了很长时间,为此想做一个项目来锻炼一下自己,于是便看上了蘑菇街(有很多漂亮的衣服和美女哈哈哈)。所以打算从零仿照蘑菇街官网来做一个项目,现在项目终于上线了。对于项目有任何问题或者建议都可以评论,我欢迎大家来提意见。 github地址: github.com/6sy/myShop 2项目介绍 登...

  12. 如何避开Vue性能优化之路的荆棘?

    随着这几年前端技术快速发展,Vue框架在国内普及率极高,人人都会用,那Vue如何写得比别人优雅?如何写得比别人漂亮? 鉴于一线互联网大厂在前沿技术领域的持续研究和大规模投入,直接向他们取经,是最便捷也是最高效的学习方式。但对于中小公司工作的程序员来说,平时忙碌于业务代码,却很少有机会接触到大厂的优秀实...

  13. Vue源码学习3.8:组件更新&diff算法

    在组件化章节,我们介绍了 Vue 的组件化实现过程,不过我们只讲了 Vue 组件的创建过程,并没有涉及到组件数据发生变化,更新组件的过程。 而通过我们这一章对数据响应式原理的分析,了解到当数据发生变化的时候,会触发 渲染watcher 的回调函数,进而执行组件的更新过程。 接下来我们来详细分析这一过程。 upda...

  14. 可以不会用但你必须要了解的Web Worker详解

    web Worker为Web内容在后台线程中运行脚本提供了一种简单的方法。线程可以执行任务而不干扰用户界面。 Web Worker (工作线程) 是 HTML5 中提出的概念,它让我们可以在页面运行的 JavaScript 主线程中加载运行另外单独的一个或者多个 JavaScript 线程; Web Worker分为两种类型,专用线程(Dedicated Web Worker) 和共...

  15. Vue中使用provide和inject

    相信大家在工作中一定遇到过多层嵌套组件,而vue 的组件数据通信方式又有很多种。 比如 vuex、$parent与$children、prop、$emit与$on、$attrs与$lisenters、eventBus、ref 。 今天主要为大家分享的是 provide 和 inject 。 很多人会问,那我直接使用vuex不就行了吗? vuex固然是好! 但是,有可能项目本...

  16. [javascript] vuejs的elementui配合iframe实现页面跳转

    一般后台界面都有三大部分 , 顶部导航 , 左侧导航,右侧的主界面 . 点击左侧和顶部的导航 , 可以在右侧的主界面展示不同的界面 大部分后台的界面都是使用的iframe嵌套的形式,基于vue也是可以方便的使用iframe的 html部分如下: 主要就是给iframe绑定一个变量 , 给左侧导航绑定点击事件 ,都是vuejs里面的用法 <div ...

  17. 使用tensorflow.js识别东北话

    此篇文章将带你了解 什么是tensorflow.js 如何使用预训练模型进行语音识别 如何用迁移学习产生自己的数据集 如何使用自己的数据集训练模型并进行语音识别 我们将识别的东北话如下 此篇待完善中... tensorflow.js 首先看一个tensorflow.js的应用, 据说女孩纸们都喜欢, 请用马爸爸的A...

  18. vue vant cdn引入方式,组件使用样式错乱

    问题复现 使用的是vant cdn方式引入框架,而非vue-cli 在使用一些组件,如宫格,复制文档的示例代码, 但是并不能正常运行,效果如下图。 <div id="app"> <van-grid> <van-grid-item icon="photo-o" text="文字" /> <van-grid-item icon=&quo...

  19. 基于 qiankun 的微前端最佳实践(万字长文) – 从 0 到 1 篇

    写在开头 微前端系列文章: 基于 qiankun 的微前端最佳实践(万字长文) - 从 0 到 1 篇 基于 qiankun 的微前端最佳实践(图文并茂) - 应用间通信篇 万字长文+图文并茂+全面解析微前端框架 qiankun 源码 - qiank...

  20. Cocos Creator网络游戏开发中的短连接HTTP和长连接Websocket

    在游戏行业中,网络游戏相比单机游戏的市场份额要大很多。而网络游戏的用户交互性、用户粘性会好很多。所以,绝大部分游戏都需要进行网络连接来存储数据、实现玩家之间互动等。在项目中,主要使用两种网络操作,短连接http和长连接websocket,下面就对这两种进行详细说明。 一、 短连接http HTTP:超文本传输协议。 ...

  21. 36个工作中常用的JavaScript函数片段

    如果文章和笔记能带您一丝帮助或者启发,请不要吝啬你的赞和收藏,你的肯定是我前进的最大动力 附笔记链接,阅读往期更多优质文章可移步查看,喜欢的可以给我点赞鼓励哦:[链接] 数组 Array 数组去重 {代码...} ...

  22. 我如何搞懂Javascript系列之原型和原型链

    JavaScript 常被描述为一种基于原型的语言——每个对象拥有一个原型对象,对象以其原型为模板、从原型继承方法和属性。原型对象也可能拥有原型,并从中继承方法和属性,一层一层、以此类推。这种关系常被称为原型链。

更多内容请关注公众号【前端开发博客】每日更新
20200515 前端开发日报

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