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 写法: //自定义组件中...

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

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