【JavaScript】高频面试题-在地址栏输入网址之后都干了什么?；前端代码考(算)古(账)与翻(重)新(构)；webpack(三)-性能优化；如何在 vue 中封装好用不上火的一个列表条件过滤组件；react+webpack4.x搭建前端项目（六）webpack的多模块打包配置；(1w字)前端都该懂的浏览器工作原理，你懂了吗？；你知道JavaScript中的Symbol类型怎么用吗？；使用Vue3 composition-api重写一个抽象可复用的增删改查页面
-
【JavaScript】高频面试题-在地址栏输入网址之后都干了什么?
1. 客户端、服务器端 客户端：可以向服务器发请求，并接收返回的内容进行处理 服务器端：能够接收客户端请求，并且把相关资源信息返回给客户端的 => 当前电脑既可以充当服务端又可以充当客户端。因此，如何区分是服务端还是客户端：不是针对于某一台机器的，而是针对于功能、需求的 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 } …
-
loader优化 test、include、exclude 三个配置项来缩小loader的处理范围 include、exclude 只能使其一 include: path.resolve(__dirname, "./src"), 优化resolve.modules配置 resolve.modules ⽤于配置webpack去哪些⽬录下寻找第三⽅模块，默认是 寻找第三⽅模块，…
-
平时工作中，想必你一定会遇到无数次列表需求，并且是带有搜索功能的列表需求，但不管怎么怎么样，请相信这一切都是万变不离其宗。 不信？请看： 可输入关键字进行搜索 可在下拉框中选择搜索条件 可以选择日期时间 可以勾选 的复选框 基本就是上面这些了吧？我们不妨看看下面这张截图： …
-
react+webpack4.x搭建前端项目（六）webpack的多模块打包配置
我们接着上一篇文章 react+webpack4.x搭建前端项目（五）多页面配置 来进行配置模块的单独打包方式（下边简称多app打包） 多app打包的意思是：多个模块单独打包，模块之间的资源互相不依赖，某一模块的资源打包在该模块下。这是和多页面最不大的不同，打包资源再多页面之间其实是公用的，bundle包资源也具有相互依赖…
-
在我们面试过程中，面试官经常会问到这么一个问题，那就是从在浏览器地址栏中输入URL到页面显示，浏览器到底发生了什么？这个问题看起来是老生常谈，但是这个问题回答的好坏，确实可以很好的反映出面试者知识的广…
-
前言 ES5 的对象属性名都是字符串，这容易造成属性名冲突的问题。比如，你使用别人的模块/对象, 又想为之添加新的属性,这就容易使得新属性名与原有属性名冲突。这就是 ES6 引入Symbol的原因，symbol能够保证每个属性的名字独一无二。 一、Symbol介绍 Symbol是 ES6 引入了一种新的原始数据类型，它是一种特殊的、不…
-
使用Vue3 composition-api重写一个抽象可复用的增删改查页面
vue3.0 beta版本已经发布一段时间了，尝试着用composition-api来重写一个简单的后台管理系统中的增删改查。 对于常用的增删改查的后台管理页面，通常的为 表格+详情页 的模式，主要包含如下几个功能： 表格用于展示数据内容 点击表格中的一项，能够弹出详情页进行编辑。 保存或取消更新表格数据。 …
-
微软：编程语言 TypeScript 3.9 可将编译时间缩短 40％
近日，微软的 TypeScript 团队发布了这一年轻编程语言的 3.9 版本，这是 JavaScript 的超集，可将其编译为 JavaScript 代码，在浏览器中或浏览器外的 Node.js 上运行。
-
深色模式（Dark Mode），也被称为暗黑模式，是一种高对比度，或者反色模式的显示模式，开启之后在夜间可以缓解疲劳，更易于阅读，同时也能在一定程度上达到省电的效果。iOS和安卓分别从 iOS 13 和 Android 10（不同厂商不尽相同，部分 Android 9 也支持） 开始加入深色模式的支持，各大浏览器纷纷开始支持深色模式，强如…
-
大家好，我是六六。学习了很长时间，为此想做一个项目来锻炼一下自己，于是便看上了蘑菇街（有很多漂亮的衣服和美女哈哈哈）。所以打算从零仿照蘑菇街官网来做一个项目，现在项目终于上线了。对于项目有任何问题或者建议都可以评论，我欢迎大家来提意见。 github地址： github.com/6sy/myShop 2项目介绍 登…
-
随着这几年前端技术快速发展，Vue框架在国内普及率极高，人人都会用，那Vue如何写得比别人优雅？如何写得比别人漂亮？ 鉴于一线互联网大厂在前沿技术领域的持续研究和大规模投入，直接向他们取经，是最便捷也是最高效的学习方式。但对于中小公司工作的程序员来说，平时忙碌于业务代码，却很少有机会接触到大厂的优秀实…
-
在组件化章节，我们介绍了 Vue 的组件化实现过程，不过我们只讲了 Vue 组件的创建过程，并没有涉及到组件数据发生变化，更新组件的过程。 而通过我们这一章对数据响应式原理的分析，了解到当数据发生变化的时候，会触发 渲染watcher 的回调函数，进而执行组件的更新过程。 接下来我们来详细分析这一过程。 upda…
-
Web Worker为Web内容在后台线程中运行脚本提供了一种简单的方法。线程可以执行任务而不干扰用户界面。 Web Worker (工作线程) 是 HTML5 中提出的概念，它让我们可以在页面运行的 JavaScript 主线程中加载运行另外单独的一个或者多个 JavaScript 线程； Web Worker分为两种类型，专用线程（Dedicated Web Worker） 和共…
-
相信大家在工作中一定遇到过多层嵌套组件，而vue 的组件数据通信方式又有很多种。 比如 vuex、$parent与$children、prop、$emit与$on、$attrs与$lisenters、eventBus、ref 。 今天主要为大家分享的是 provide 和 inject 。 很多人会问，那我直接使用vuex不就行了吗？ vuex固然是好！ 但是，有可能项目本…
-
[javascript] vuejs的elementui配合iframe实现页面跳转
一般后台界面都有三大部分 , 顶部导航 , 左侧导航,右侧的主界面 . 点击左侧和顶部的导航 , 可以在右侧的主界面展示不同的界面 大部分后台的界面都是使用的iframe嵌套的形式,基于vue也是可以方便的使用iframe的 html部分如下: 主要就是给iframe绑定一个变量 , 给左侧导航绑定点击事件 ,都是vuejs里面的用法 <div …
-
此篇文章将带你了解 什么是tensorflow.js 如何使用预训练模型进行语音识别 如何用迁移学习产生自己的数据集 如何使用自己的数据集训练模型并进行语音识别 我们将识别的东北话如下 此篇待完善中… tensorflow.js 首先看一个tensorflow.js的应用, 据说女孩纸们都喜欢, 请用马爸爸的A…
-
问题复现 使用的是vant cdn方式引入框架，而非vue-cli 在使用一些组件，如宫格，复制文档的示例代码， 但是并不能正常运行，效果如下图。 <div id="app"> <van-grid> <van-grid-item icon="photo-o" text="文字" /> <van-grid-item icon=&quo…
-
基于 qiankun 的微前端最佳实践（万字长文） – 从 0 到 1 篇
写在开头 微前端系列文章： 基于 qiankun 的微前端最佳实践（万字长文） – 从 0 到 1 篇 基于 qiankun 的微前端最佳实践（图文并茂） – 应用间通信篇 万字长文+图文并茂+全面解析微前端框架 qiankun 源码 – qiank…
-
Cocos Creator网络游戏开发中的短连接HTTP和长连接Websocket
在游戏行业中，网络游戏相比单机游戏的市场份额要大很多。而网络游戏的用户交互性、用户粘性会好很多。所以，绝大部分游戏都需要进行网络连接来存储数据、实现玩家之间互动等。在项目中，主要使用两种网络操作，短连接http和长连接websocket，下面就对这两种进行详细说明。 一、 短连接http HTTP：超文本传输协议。 …
-
如果文章和笔记能带您一丝帮助或者启发，请不要吝啬你的赞和收藏，你的肯定是我前进的最大动力 附笔记链接，阅读往期更多优质文章可移步查看，喜欢的可以给我点赞鼓励哦：[链接] 数组 Array 数组去重 {代码…} …
-
JavaScript 常被描述为一种基于原型的语言——每个对象拥有一个原型对象，对象以其原型为模板、从原型继承方法和属性。原型对象也可能拥有原型，并从中继承方法和属性，一层一层、以此类推。这种关系常被称为原型链。
更多内容请关注公众号【前端开发博客】每日更新
