20181021 前端开发日报

这些vue技巧你肯定不知道;如何防御Node.js中的不安全跳转;【从前端到全栈】- koa快速入门指南;GitHub 重磅年度报告:JavaScript 最热,中国开发者贡献稳居第二;JavaScript的工作原理:引擎,运行时和调用堆栈的概述;JavaScript原型与原型链;CSS in JS 很棒, 但是如何方便的处理CSS伪类;React源码解析-首次渲染(纯DOM元素)I

  1. 这些vue技巧你肯定不知道 前言 大家好,这里是@IT·平头哥联盟,我是 首席甩锅官 —— 老金 ,今天给大家分享的,一些日常中神秘而又简单的vue的实用小技巧,以及我在我司项目中实用vue的总结和坑,跟大家一起分享,希望能给其他攻城狮带来些许便利,如有理解错误,请纠正。 技巧/坑点 1.setTimeout/ setInterval 场景一 :t…
  2. 如何防御Node.js中的不安全跳转 什么是不安全的重定向? 对于任何web开发人员来说,不安全或未经验证的重定向都是重要的安全考虑因素。Express为重定向提供了本地支持,使它们易于实现和使用。然而,Express将执行输入验证的工作留给了开发人员。Express是一种保持最低程度规模的灵活Node.js Web应用程序框架,为Web和移动应用程序提供一组强大的功能…
  3. 【从前端到全栈】- koa快速入门指南 随着技术的不断发展,前端工程师也被赋予了越来越多的职责。不再是从前只需要切个图,加个css样式就能完成任务的切图仔了。接下来这篇文章,完成一个简单的登录注册,能让你快速上手,成为一个‘小全栈工程师’,here we go ! koa快速开始 安装 因为node.js v7.6.x已经完全支持async/await语法,所以…
  4. GitHub 重磅年度报告:JavaScript 最热,中国开发者贡献稳居第二 新智元报道 来源:GitHub 编辑:三石、肖琴 【新智元导读】10月16日,GitHub Universe开发者大会如期举行,并重磅推出GitHub Actions,平台主管Sam Lambert称,这将是GitHub历史上最大的改变。此外,GitHub还公布了2018年年度报告,各种有趣用户数据,快来一睹为快吧! 震撼…
  5. JavaScript的工作原理:引擎,运行时和调用堆栈的概述 原文地址:https://blog.sessionstack.com/how-does-javascript-actually-work-part-1-b0bacc073cf(需要翻墙) 随着javascript变得越来越流行,很多团队的技术栈都开始使用它,比如前端、后端、hybrid、嵌入式设备等。 这篇文章是一个系列旨在深入了解JavaScript它实际上是如何运行的,我们认为,通过了解JavaScript…
  6. JavaScript原型与原型链 本文共 1475 字,读完只需 6 分钟 一、概述 在 JavaScript 中,是一种面向对象的程序设计语言,但是 JS 本身是没有 “类” 的概念,JS 是靠原型和原型链实现对象属性的继承。 在理解原型前,需要先知道对象的构造函数是什么,构造函数都有什么
  7. CSS in JS 很棒, 但是如何方便的处理CSS伪类 CSS in JS 很棒, 但是如何方便的处理伪类(Pseudo-classes)? react-dom-pseudo 提供一个类似 react-motion 方式的组件,方便的为 react-dom 对象提供类似 CSS 的伪类. 我们首先用 npm 安装: $ npm install –save react-dom-pseudo 复制代码 APIs react-dom-pseudo支持以下伪类: Props …
  8. React源码解析-首次渲染(纯DOM元素)IReact 是一个十分庞大的库,由于要同时考虑 ReactDom 和 ReactNative ,还有服务器渲染等,导致其代码抽象化程度很高,嵌套层级非常深,阅读其源码是一个非常艰辛的过程。在学习 React 源码的过程中,给我帮助最…
  9. JavaScript 中的参数处理 首先我们知道,js 当中是没有函数重载的,在我们处理可变函数的参数的时候,需要使用一些小技巧。 arguments arguments 是存在于函数(箭头函数除外)中的一个内部变量。arguments 包含了传递给函数的参数的信息。可以通过 arguments
  10. Vue学习笔记(1)——在页面右上角实现可悬浮/隐藏的系统菜单 转自 榕树岛 本文不能算一个教程,而是记录一只Vue菜鸟踩坑心路历程的笔记,对于正在踩坑的新手或许会有一点小帮助。作为第一篇正经八百的技术博客,欢迎大家发表看法,关爱菜鸟,请轻拍 很久以后回来更一下,这个功能可以用Vuex轻松搞定,此文就当练习父子组件通信了吧,emmm…… 原文: 这是个大多数网站很常见的…
  11. 老生常谈:Promise 用法与源码分析 Promise本身是一个异步编程的方案,让处理过程变得更简单。es6引入promise特性来处理JavaScript中的异步场景。以前,处理异步最常用的方法就是回调函数,但是当过程稍微复杂一点,多个异步操作集中在一起的时候,就容易出现一个 回调金字塔 的情况,可读性和可维护性都非常差,比如: setTimeout(function () { con…
  12. JavaScript异步编程笔记 异步事件的工作方式 事件!事件到底是怎么工作的?JavaScript出现了多久,对JavaScript异步事件模型就迷惘了多久。迷惘导致bug,bug导致加班,加班导致没时间撩妹子,这不是js攻城狮想要的生活。 ==为了妹子,一定要理解好JavaScript事
  13. 手把手教你用js写动画 手把手教你写 js 动画 相信大家对这种数字渐变动画效果应该不面生吧。接下来分析一下如何用 js 实现这个动画。 数字渐变动画的实现 仔细想想,这种数字变化不就是在一段时间内从 0 到 5000 吗。换个思维,这不就是 从 0 到 1 的过程(也可以说是 从
  14. VUE-cli3使用 svg-sprite-loader svg-sprite-loader 的插件,用来根据导入的 svg 文件自动生成 symbol 标签并插入 html,接下来就可以在模版中方便地使用 svg-sprite 技术了。使用 svg-sprite 的好处如果不知道 svg-sprite 是什么,可以
  15. 基于Vue实现可以拖拽排序的树形表格(已开源) 项目需要一个可以拖拽排序的树形表格,github上搜了一下,并为找到,大部分都不支持拖拽,所以自己实现了一个简单的组件,已开源 源代码在这里,并发布到npm上,如果有类似需求可以试一下,chrome上没有任何问题 效果图如下: drag-tree-table
  16. Vue项目pdf(base64)转图片 公司有个业务需求,要求后台传pdf的base64编码给前端,前端显示到界面上,后来在网上搜索了很多关于base64转pdf的文章,都写的不是非常的详细,在实现的过程中遇到很多坑,经过一天的研究终于实现了这个功能,分享一下我在这个功能中遇到的问题和解决方法 要注
  17. vue番外篇 — vue-router浅析原理 近期被问到一个问题,在你们项目中使用的是Vue的SPA(单页面)还是Vue的多页面设计? 这篇文章主要围绕Vue的SPA单页面设计展开。 关于如何展开Vue多页面设计请点击查看。 vue-router是什么? 首先我们需要知道vue-router是什么,它是干什么的? 这里指的路由并不是指我们平时所说的硬件路由器,这里的路由就是…
  18. 基于React+Mobx类知乎文章方面的单页应用 前言 前几个月学完React官方文档教程后准备写一个博客项目来实践学习成果,写完时总觉得博客项目太简单又烂大街,决定把原来的博客项目改造升级成类知乎文章方面功能的项目。 项目详细架构和源码地址:github.com/manyuewuxin… 实现功能 [
  19. ES6 Promise对象then方法链式调用 then()方法的作用是Promise实例添加解决(fulfillment)和拒绝(rejection)状态的回调函数。then()方法会返回一个新的Promise实例,所以then()方法后面可以继续跟另一个then()方法进行链式调用。 let p = new Promise((resolve, reject) => { setTimeout(resolve, 1000, ‘success’); }); p.then( r…
  20. JS Array.prototype.reduce的一些理解 Array.prototype.reduce在以前用的不多,在字节跳动面试的时候问到了这个问题,后面就去看了下 MDN,稍微对它理解了些 用法 reduce方法将数组从左到右的每个元素依次传入回调函数 是些常用到的地方 统计字符串中每个字符出现的次数 方法
  21. 实现一个简化版的vue-router 本文旨在介绍 vue-router 的实现思路,并动手实现一个简化版的 vue-router 。我们先来看一下一般项目中对 vue-router 最基本的一个使用,可以看到,这里定义了四个路由组件,我们只要在根 vue 实例中注入该 router 对象就可以使用了. import VueRouter from ‘vue-router’; import Home from ‘@/compon…
  22. 渔人和Rxjs的故事,这次一定教会你前端必会的Rxjs 作者:殷荣桧@腾讯 这篇文章可在我的 github 中查看,如果你觉得写的还可以,Please送上你宝贵的star. 写在最前面:你一定要坚持看完这个故事,看完你一定会懂Rxjs.千万不要觉得故事情节没有《盗墓笔记》好看而放弃。因为臣妾实在是只能把枯燥的程序写成这个很(挺)有(简)趣(陋)的故事了。 故事是这样的 …
  23. Go HTTP 框架性能大幅下降原因分析     最近在开发一个web 框架,然后业务方使用过程中,跟我们说,压测qps 上不去,我就很纳闷,httprouter + net/http.httpserver , 性能不可能这么差啊,网上的压测结果都是10w qps 以上,几个mid

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流