20200305 前端开发日报

【JavaScript】几个必须要会的高级编程技巧；vue中父组件和子组件交互的方式；JavaScript学习总结之数组排序的方法；JavaScript学习总结之字符串常用的属性和方法；大厂前端面试分享：如何让6000万数据包和300万数据包在仅50M内存环境中求交集；Vue中的diff算法；使用Vue 自定义文件选择器组件(基础虽简单，但思路我们要掌握)；前端疫情下个人面试总结，目前找到合适的offer，9.5K（B轮融资，人工智能行业）

1. 【JavaScript】几个必须要会的高级编程技巧 作为一名有追求的前端攻城狮，掌握几个高级编程技巧是必须的～学会这些技巧，会让我们的开发工作事半功倍，让我们在工作中更加游刃有余，本篇文章将介绍三个小技巧： 惰性载入函数的应用 函数柯里化的应用 compose调用函数扁平化 惰性载入函数 在我们的代码中，一定包含了大量的 if 语句，这…
2. vue中父组件和子组件交互的方式 组件 vue中使用component来表示组件，通过封装组件，我们可以将代码最大程度的复用，可以说组件是vue中的核心。 通信交互 定义了组件之后，我们需要使用它，一般情况我们都是通过在vue中使用compoment方法来引入它，当然有时候也会使用vue.use来引入组件。 组件交互分为两种，一种是父组件的信息传递给子组件，一种…
3. JavaScript学习总结之数组排序的方法 先点赞后关注，防止会迷路 寄语：没有一个冬天不会过去，没有一个春天不会到来。 前言 排序是计算机内经常进行的一种操作，其目的是将一组 无序 的记录序列调整为 有序 的记录序列，当然排序也是算法中的一种，JavaScript内置的sort函数是多种排序算法的集合，数组在原数组上进行排序。JavaScript实现多维数组…
4. JavaScript学习总结之字符串常用的属性和方法 先点赞后关注，防止会迷路 寄语：没有一个冬天不会过去，没有一个春天不会到来。 前言 字符串是一种非常重要的数据类型，在Java等面向对象编程语言中，它代表对象类型，而在javascript中它却是一种基本数据类型，在开发的领域中，我们经常会碰到，无论是前端还是后台。比如后台验证手机号码，将手机号码的后四…
5. 大厂前端面试分享：如何让6000万数据包和300万数据包在仅50M内存环境中求交集由于最近疫情的影响，相信最近很多小伙伴都忙于线上办公或者面试，笔者这里分享一道发生在大厂前端线上编程面试中的一道题目，
6. Vue中的diff算法Vue 数据渲染中最核心的的部分就是 diff算法 的应用，本文从源码入手，结合实例，一步步解析 diff 算法的整个流程。
7. 使用Vue 自定义文件选择器组件(基础虽简单，但思路我们要掌握)点赞再看，养成习惯本文 GitHub [链接] 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。
8. 前端疫情下个人面试总结，目前找到合适的offer，9.5K（B轮融资，人工智能行业） 一、概述 不想看我废话的直接看最后总结。 1、个人情况： 最近个人没什么技术产出，主要是我年前1月16日已经离职，然后基本上就不学习了。最后工作找了这么久也是没想到，这次疫情应该让大家都挺麻烦的吧。 这篇文章就不打算放个人网站了。 2、工作经历和学历 学历：全日制大专（其实学不学看你自己，我是没好好学…
9. electron-vue 跨平台桌面应用开发实战教程（六）：打包 前边几篇文章介绍了一些基本用法，最终都是要打包成可执行应用程序的，今天我们就讲讲怎么打包 1. 设置应用appId 在package.json 中增加 “appId”: “com.ipp.electronvue”, 2. 增加vue.config.js 这个文件是用来配置打包工具electron-builder的参数，代码中有对应的注释，按…
10. 一文弄懂 Angular 变更检测 通过这篇的文章，可以帮助你收获这些知识： Angular 的 DOM 更新是如何做到的？ 变更检测解决了什么问题？ 更深入了解变更检测，熟悉它在 Angular 源码中的定义以及在 ng-zorro 中的使用 以及一点个人感悟 一、Angular 的 DOM 更新机制 我们先来看一个最简单地 demo 在按钮被点击时，我们…
11. 前端监控那些事 允许访问当前页面性能相关的信息，performance对象中常见的属性 timing ：对象中提供了各种与浏览器处理相关的时间数据 navigation：在指定时间段里发生的操作信息，包括页面是加载还是刷新、发生了多少次重定向 memory: 获取到基本内存使用情况的对象 timeOrigin: 性能测量开始时的时间的时间戳 通…
12. 前端读取Blob内容 前端由于安全方面的因素，不能直接对文件进行写操作。但是在实际的业务需求中，难免会遇到各种各样文件的下载、预览。 如果服务端下载文件是以流的形式传递到前端，前端通常是将流转换为 objectURL ,借用 a 标签的 download 属性，进行文件下载。但是有时候会遇到下载文件处理失败的场景，这样服务端消息的返回格式不…
13. CSS教程： CSS（上）官方描述：用于描述用标记语言编写的文档的外观和格式。 虽然最常用于更改用HTML和XHTML编写的网页和用户界面的样式，但该语言可以应用于任何类型的XML文档，包括纯XML，SVG和XUL。 与HTML和JavaScript一起，CSS…
14. 在 Vue.js 中使用嵌套路由 每日前端夜话 第290篇 翻译： 疯狂的技术宅 作者：Parthiv Mohan 来源：alligator.io 正文共：2408  字 预计阅读时间：7 分钟 随着 Vue.js 单页应用（SPA）变得相当复杂，你开始需要 Vue 路由以及嵌套路由。嵌套路由允许更复杂的用户界面以及相互嵌套的组件。让我们创建一个相对简单…
15. 带你学习javascript的函数进阶（二） JavaScript除了提供正常模式外，还提供了严格模式（strict mode）。ES5的严格模式是采用具有限制性Javascript变体的一种方式。即在严格的条件下运行js代码。 严格模式在IE10以上版本的浏览器中才会被支持，旧版本浏览器会被忽略。 严格模式对正常的javascript语义做了一些更改： 消除了Javascrip语法的一些不…
16. vue数据渲染vue 是如何将编译器中的代码转换为页面真实元素的？这个过程涉及到模板编译成 AST 语法树，AST 语法树构建渲染函数，渲染函数生成虚拟 dom，虚拟 dom 编译成真实 dom 这四个过程。前两个过程在我们 vue 源码解读…
17. Vue 组件传参的八种方式总结 Vue 组件的使用不管是在平常工作还是在面试面试中，都是频繁出现的。因此系统的梳理一下组件之间的传参还是非常有必要的 一、props 传参 子组件定义 props 有三种方式: // 第一种数组方式 props: // 第二种对象方式 props: { xxx: Number, xxx: String} // 第三种对象嵌套对象方式 props: { x…
18. Vue 的 diff 算法解析 1. 前言 diff 算法是一种通过同层的树节点进行比较的高效算法，避免了对树进行逐层搜索遍历，所以时间复杂度只有 O(n)。diff 算法的在很多场景下都有应用，例如在 vue 虚拟 dom 渲染成真实 dom 的新旧 VNode 节点比较更新时，就用到了该算法。diff 算法有两个比较显著的特点： 比较只会在同层级进行, 不会跨层级…
19. Git使用记录：Git各种撤销操作Git各种撤销操作 1,  git checkout — file 可以撤销add和commit之后的文件 {代码…} 2,  git checkout branch a.txt 用另外一个分支的文件替换当前分支的文件 {代码…} 3, git rm a.txt 直接删除某个文件 {代…
20. @vue/cli-单个 *.vue 快速原型开发—遇到的坑 @vue/cli-单个 *.vue 快速原型开发—遇到的坑 背景 vue最新脚手架有一个’对单个 *.vue 快速原型开发’的方式，感觉平时用这个方式开发个小demo之类的很方便，就尝试，但在结合element-ui使用时发现总是报错，最后找了一天，终于发现问题所在并成功解决了它。下面是遇到问题的过程和解决的思路。@vue/cli希望使用 发现问…
21. Vue中用一个动态登录效果了解transition与is-show的配合 在登录界面，如果登录框能有一个动态效果，那无疑是十分吸引眼球的，而这个动态效果，就用到了vue的内置模块 transition 标签与 is-show 属性。 先来介绍 is-show 属性 is-show 属性与 is-if 属性的区别 先写一个基本页面，用它的html内容来展示二者的不同 因为我们的页面用到了eleent-ui组件，所以要…
22. vue-element-admin 后台动态加载菜单 前言 做后台项目，权限验证与安全性是非常重要的， vue-element-admin 官方主要介绍了前端控制用户菜单加载显示，以及权限控制。这就带来一些不便，服务端无法（这里可能说的绝对了，起码实现起来不太友好）控制菜单的动态展示，用户权限跟菜单相互关系的绑定。 这里我们通过分析 go-admin 代码来让大家一步步了…
23. Angular 2架构总览 编辑推荐: 本文主要介绍Angular 2应用程序8个应用的构成块，以及每个部分是如何相互工作的，希望对您能有所帮助。 本文来自于简书,由火龙果软件Alice编辑推荐。 Angular 2是一个帮助我们使用HTML和JavaScript构建客户端应用的框架。 这个框架包含几个互相协作的库，一些是核心库，一…
24. vue2.x中使用typescript 本文目的在于大家可以快速在vue中使用ts，关于ts的具体的使用方法， 大家可以去官网查看 。 以前各类类型转换的骚写法写习惯了，比如： const y = ‘5’; const x = + y; 复制代码 然鹅在最近的项目中，由于类型判断引发的bug不在少数，比如A页面跳转B页面带的参数是个String类型，但是在B页面会校验这个参数是否是Num…
25. React native 项目配置 iOS 开发环境遇到的问题按照官方文档执行配置环境之后，执行 react-native run-ios 命令行会提示让运行：pod install 。 但是，运行改命令后，总是卡在下载https://github.com/CocoaPods/Specs.git 。解决办法：在项目的 ios 目录下，找…
26. 使用BSN开发区块链应用智能合约-Nodejs篇 作者：时跃堂 陈曦 智能合约又称链码（Chaincode），是用计算机语言描述合约条款、交易的条件、交易的业务逻辑等，通过调用智能合约实现交易的自动执行和对账本数据的操作。一个BSN应用可以部署多个链码，每个链码包含多个方法。 链码支持多种语言编写，包括Nodejs、golang、java。每个链码程序都必须实现Chaincode…
27. Nodejs学习记录：如何切换node.js版本| # 如果 npm 版本低于 5.2.0 ，需要升级才能使用 npx 命令npm install -g npm@latest
28. vue+egg.js+mysql+stylus 仿缤客网 前言 这个项目是仿制缤客网的页面，因为缤客网机票页面打不开，所以就没有编写机票页面，并且后端的api我只写了booking页面、login页面、register页面,不足之处请见谅。 技术栈 前端:vue + stylus + axios 后端:egg.js + mysql + sequelize 部署:nginx + xshell + Xftp 效果演示 Vue前端 utils文件夹的路由…
29. 简易页面回到顶部js代码document.body.scrollTop = document.documentElement.scrollTop = 0;
30. vue-组件化-插槽(slot) Vue组件化中，当我们在设计一个组件的时候，可能会保留一部分，让使用者自定义的内容，比如： 导航栏组件中，右上角的分享按钮，左上角做菜单按钮 弹出框组件中，弹出框的提示内容等 … 在这种场景下，把保留给使用者的部分，叫做插槽(slot) 插槽分类 匿名插槽 理解： default 写法： //自定义组件中…

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