20190604 前端开发日报

【愣锤笔记】基于Vue的进阶散点干货;百行代码带你入门 vue-router;JavaScript实现数组去重的常见方式;webpack4.x 系列-entry(入口);JavaScript 基础:异步;前端快速创建数据模型方法实现;一文读懂NodeJS全栈开发利器:CabloyJS(万字长文);CSS伪类——动态伪类(link/visited/hover/active/focus)

  1. 【愣锤笔记】基于vue的进阶散点干货 vue的开发如日中天,越来越多的开发者投入了vue开发大军中。希望本文中的一些vue散点,能在实际项目中灵活运用,切实地为我们解决一些难点问题。 插槽 // 组件调用时使用插槽 <todo-list-item v-for="(item, index) in list" :key="index"> <template v-slot:theNameOfSlot="...
  2. 百行代码带你入门 vue-router 作者 | 浪里行舟 责编 | 胡巍巍 前言 要学习vue-router就要先知道这里的路由是什么?为什么我们不能像原来一样直接用标签编写链接哪?vue-router如何使用?常见路由操作有哪些?等等这些问题,就是本篇要探讨的主要问题。 vue-router是什么 这里的路由并不是指我们平时所说的硬件路由器,这...
  3. JavaScript实现数组去重的常见方式 数组去重,一般在面试的时候经常会问到的或者一般是要求手写数组去重方法的代码 一、ES5中最常用的利用for嵌套for,然后splice去重 function unique(arr){ for(var i=0; i<arr.length; i++){ for(var j=i+1; j<arr.length; j++){ //第一个等同于第二个,splice() 方法通过删除或替换...
  4. webpack4.x 系列-entry(入口) 之前写过webpack4系列文章,本次对webpack4进行更再次研究学习 webpack官网 webpck中文网 中文网更新慢,建议两个官网配合参考,已官网为主,中文辅助 我们先了解一下webpck的几个核心概念 Entry(入口) Output(出口) Loaders(加载器) Plugins(插件) Mode(模式) Browser Comp...
  5. JavaScript 基础:异步 今天,我们要讲的是 JS 异步的知识,包括事件循环、执行栈、任务队列、宏任务、微任务。 执行栈 一个记录函数调用的数据结构。当函数被调用时,会被 push 进栈顶;执行完返回时,从栈顶 pop 出。Javascript 主线程中只有一个执行栈,负责顺序执行主线程中代码。 上图先调用 a(push a 到栈),a 再调用...
  6. 前端快速创建数据模型方法实现 ModelHelper实现了js数据模型的快速初始化。js数据模型通过继承BaseModel,可以快速将JSON类型的原始数据赋值到数据模型的属性上,并可以对属性进行特殊处理。 安装 npm install --save modelhelper 使用方法 引入 在数据模型中引入 import BaseModel from 'modelhelper' 数据模型继承 BaseMod...
  7. 一文读懂NodeJS全栈开发利器:CabloyJS(万字长文) 1 基本概念 1.1 CabloyJS是什么 1.1.1 定义 CabloyJS是一款顶级NodeJS全栈业务开发框架 1.1.2 特点 CabloyJS是采用NodeJS进行全栈开发的最佳实践 CabloyJS不重复造轮子,而是采用业界最新的开源技术,进行全栈开发的最佳组合 CabloyJS前端采用VueJS + Framework7 + WebPack,后端采用KoaJS + Egg...
  8. CSS伪类——动态伪类(link/visited/hover/active/focus)伪类的种类可以分为一下几个类别: 动态伪类(link/visited等) 目标伪类(:target) 语言伪类(:lang) UI状态伪类(disabled/checked/enabled) 结构化伪类(nth等) 对立面伪类(not。。) 本文主要讲一下动态...
  9. Node.js与RPC 的实践方案-Eggjs使用sofa-rpc-node模块 SOFARPC 是蚂蚁金服开源的一个高可扩展性、高性能、生产级的 Java RPC 框架,提供了丰富的模型抽象和可扩展接口,包括过滤器、路由、负载均衡等等,致力于简化应用之间的 RPC 调用,为应用提供方便透明、稳定高效的点对点远程服务调用方案。 egg.js作为一个成熟的开源项目,清晰的定义了从配置、路由、扩展、中间件到...
  10. JS 进阶:你真的掌握变量和类型了吗? 导读 变量和类型是学习JavaScript最先接触到的东西,但是往往看起来最简单的东西往往还隐藏着很多你不了解、或者容易犯错的知识,比如下面几个问题: JavaScript中的变量在内存中的具体存储形式是什么? 0.1+0.2为什么不等于0.3?发生小数计算错误的具体原因是什么...
  11. JavaScript 基础:scrollTop,offsetTop,scrollLeft,offsetLeft,clientWidth,clientHeight,offsetW... 今天,我们要讲的是scrollTop,offsetTop,scrollLeft,offsetLeft,clientWidth,clientHeight,offsetWidth,offsetHeight,scrollWidth,scrollHeight的含义。 各个属性的含义 页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetW...
  12. webpack 之 LoaderRunner 全方位揭秘 绝大多数人都在使用 webpack 作为构建工具。那么 loader 作为处理各种资源的工具,大家肯定也不会陌生。很多人没写过 loader,但是都对 loader 的具体怎么写,怎样执行的一无所知。那么本文就对 3.0.0 版本做一个全方位的揭秘。 loader 所谓 loader 只是一个导出为函数的 JavaScript 模块。它接收上一个 loader 产...
  13. JavaScript中的原型和原型链 原型是用来干什么的? 为什么原型那么重要? 如何合理的使用原型? 可能是之前开发和思考的层次比较浅,个人感觉多数的开发工作与原型和原型链的关系不大,甚至不知道的情况下也能够把任务完成。网上也有不少讲解原型的文章,更有不少面经中提到这个考题,如果不是为了炫技那必是开发中必须要掌握的一个知识...
  14. 使用React、Electron、Dva、Webpack、Node.js、Websocket快速构建跨平台应用这里吐槽下,webpack感觉每周都在偷偷更新,很糟心啊,还有Angular更新到了8,Vue马上又要出正式新版本了,5G今年就要商用,华为的系统也要出来了,RN还没有更新到正式的1版本,还有号称让前端开发者失业的技术flu...
  15. 【25年开发经验的大牛,写出了5本JavaScript好书全部免费开源】最近,猿哥在逛技术社区的时候偶然间发现一本关于JavaScript的好书——《JavaScript for Impatient Programmers》,搜索发现已经有许多人都读过这本书,而且评价都非常好。详见
  16. JavaScript 基础:防抖与节流 今天,我们要讲的是防抖与节流的知识。 含义 防抖:当触发动作停够指定时间才触发事件 节流:不管触发动作多么密集,事件之间的必须要有足够的间隔时间 比喻 防抖:假如你有一个善变的老婆,如果她一会要你给她买品牌A,一会说要你给她买品牌B,你很烦,就对她说,当你做完决定, 一天 内不变,我就给...
  17. 在 React 中处理状态的替代方法:URL如何在 React App 中管理全局状态,是所有类库之间一直争论不休的事情。然而,依我拙见,我们使用 URL 和 react-router 也可以做同样的事情。
  18. IO19 what's new in JavaScript 笔记今年 IO19 大会上的 What’s new in JavaScript (Google I/O ’19) 讲座继续介绍了一些前沿的 JS 开发技术,两位 v8 项目组的大牛(还是去年俩)给我们介绍了 15 个新特性,我只了解过 6 个 ,快来看看你了解过几个...
  19. Angular v8 发布来看看有什么新功能Angular 8 终于来了,包括 Ivy 的预览、service worker 支持,差异化加载以及一些锦上添花的东西。 Manfred Steyer 解释了最新 Angular 版本中最重要的变化。
  20. JavaScript 基础:继承 今天,我们要讲的是 JS 继承的知识,包括 原型继承, 构造函数继承, 组合继承及其优化, 寄生式组合继承。 原型继承 子类的原型对象设置为父类的实例: function C1 (){} function C2 (){} C2.prototype = new C1(); C2.prototype.constructor = C2; 这样:每个子类实例就会继承父类实例的...
  21. 【拒绝拖延】常见的JavaScript内存泄露原因及解决方案内存泄漏指由于疏忽或错误造成程序未能释放已经不再使用的内存。内存泄漏并非指内存在物理上的消失,而是应用程序分配某段内存后,由于设计错误,导致在释放该段内存之前就失去了对该段内存的控制,从而造成了内...

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

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

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