20180914 前端开发日报

做面试的不倒翁:浅谈 Vue 中 computed 实现原理;弹弹弹,弹走鱼尾纹的弹出菜单(vue);我是这样黑进你 Node.js 生产服务器的;Vue.js动画笔记;nodejs启动流程分析;Redux 中间件实现原理;使用Vuex解决Vue中的身份验证;web实例:开发一个聊天室应用

  1. 做面试的不倒翁:浅谈 Vue 中 computed 实现原理 编者按:我们会不时邀请工程师谈谈有意思的技术细节,希望知其所以然能让大家在面试有更出色表现。也给面试官提供更多思路。 虽然目前的技术栈已由 Vue 转到了 React,但从之前使用 Vue 开发的多个项目实际经历来看还是非常愉悦的,Vue 文档清晰规范,ap
  2. 弹弹弹,弹走鱼尾纹的弹出菜单(vue) 上一篇面试的总结,大家看的还行,因为量很大,错误在所难免,希望大家发现错误了可以告诉我一声,我的邮箱是236490794@qq.com,一个小前端的希望。 言归正传 我们老样子直接先上效果图再开始今天的分享 这个项目的github可以看一看 组件分析 界面组成 逻辑分析 最终实现 ...
  3. 我是这样黑进你 Node.js 生产服务器的 TL,DR: 这篇文章讲述了从一个黑客的角度,以渗透前端项目为目标,从生成 payload,混淆,隐藏 payload,发布 npm,社会工程学提 PR,运行脚本,反向连接到攻击主机,最终主机拿到服务器 shell 的故事。 正片: 前端工程师的口头禅是啥?npm install! 这个命令从 np...
  4. Vue.js动画笔记1、Vue.js中的元素动画或页面跳转动画有多种实现方式比如: {代码...} 2、Vue.js官方提供了默认的动画组件 transition ,例子: {代码...} 3、transition过渡的类名 {代码...} 4、使用CSS动画 {代码...} 5、使用...
  5. nodejs启动流程分析 之前用过一段时间的 v8 ,也只是会初始化那个流程,最近想深入了解一下,所以想要通过学习 nodejs 来加深理解。这篇文章主要是讲讲 nodejs 的初始化流程,如有错误,烦请指教~。(本文分析基于 v10.9.0,本文会尽量避免大段源码,但是为了有理有据,还是会放上一些精简过并带有注释的代码上来)。 Hellowor...
  6. Redux 中间件实现原理 什么是柯里化 在了解 redux 中间件之前,有必要先了解一下什么是柯里化,redux 是基于此的,理解它你才能理解中间件是怎么工作的。 这里是高级程序设计一书对于柯里化的解释,先看看就好,有个大概印象。 它用于创建已经设置好了一个或多
  7. 使用Vuex解决Vue中的身份验证 传统方式中,许多人使用本地存储,来管理通过客户端验证生成的tokens。一个大问题是如何有更好的方式,来管理验证tokens,从而允许我们来存储更大的用户信息。 这就是Vuex的作用。 Vuex为Vue.js应用管理状态.。对于应用中所有的组件来说,它
  8. WEB实例:开发一个聊天室应用 这篇文章介绍如何使用 Vue.js 以及chatkit 快速的开发一个聊天室应用,chatkit 提供了一系列 api 用以更方便的开发聊天功能, 源码地址 . 创建Chatkit实例 首先需要建立一个 Chatkit 实例, 前往chatkit控制台 建立,建好之后新建一个房间以及用户,将之后要用到的 instanceLocator , key 记录到本地 ...
  9. 自建-模拟JSON REST API-从入门到精通-前端必备技能-你还在等你后台API吗? 安装运行 博客地址:有实时的目录阅读体验更好 #Linxu/Mac os sudo npm install JSON-server -g #window npm install json-server -g 复制代码新建db.json用于测试json-serv
  10. 如果不用 Node.js 写业务 本站使用「署名 4.0 国际 (CC BY 4.0)」许可协议,欢迎转载、或重新修改使用,但需要注明来源。 署名 4.0 国际 (CC BY 4.0) 本文作者: 苏洋 创建时间: 2018年08月31日 统计字数: 4273字 阅读时间: 9分钟阅读 本文链
  11. 使用 Traefik 提高 WebSocket 应用性能 本站使用「署名 4.0 国际 (CC BY 4.0)」许可协议,欢迎转载、或重新修改使用,但需要注明来源。 署名 4.0 国际 (CC BY 4.0) 本文作者: 苏洋 创建时间: 2018年09月04日 统计字数: 4350字 阅读时间: 9分钟阅读 本文链
  12. webpack多页面入口生产项目开发配置 这不是一个纯粹的学习帖子,最开始为了生产项目考虑的。公司有个新的、小的活动项目。以此为假想,所以我希望学习一些新的技术应用在上面;这个新的项目是作为旧项目的一个子系统存在的,所以又必须在一定程度上保持一致。 而这个旧项目的原有使用构建工具fis的版本比较老
  13. js-xlsx + handsontable + echarts实现excel上传编辑然后显示成图表 js-xlsx + handsontable + echarts 实现在前端导入excel数据并生成echart报表 前言 最近都在做类似 ERP 的项目,所以呢,又碰到一个比较变态的需求(至少对我来说是),在前端导入 excel 文件, 然后在浏览器里面预览
  14. webpack系列——实现一个行内样式px转vw的loader自从有了postcss来处理css文件,我们可以快速进行网站适配的开发,只需要改改参数,样式按照设计稿的px写,webpack编译自动转换成rem或者vw等。
  15. ESLint + lint-staged 禁用老项目中的es6 ESLint作为插件化的javascript代码检测工具,为我们的平时的开发保驾护航,好处就不多说了详情查看官网。 问题 有这么一个五年前开发的老项目,机缘巧合到了我们这边来维护。 项目是zepto撸起来的,单个文件巨大,只有gulp+公司内部古老的打包工具做了下简单的打包。 但是问题很严重的是,现在ES6写习惯了,在老...
  16. 如何使用原生 JavaScript 构建简单的 Chrome 扩展程序 原文地址:How to Build a Simple Chrome Extension in Vanilla JavaScript 原文作者:Sara Wegman 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:S
  17. 通过vue-cli3构建一个SSR应用程序 1、前沿 1.1、什么是SSR SSR(服务端渲染)顾名思义就是将页面在服务端渲染完成后在客户端直接展示。 1.2、客户端渲染与服务端渲染的区别 传统的SPA模式 即客户端渲染的模式 Vue.js构建的应用程序,默认情况下是有一个html模板页,然
  18. 基于 WebRTC 和 WebVR 实现 VR 视频通话  文章转载自 WebRTC 中文网,原作者Dan JenkinWeb 平台上的 WebRTC 并不是其唯一的媒体 API。WebVR 说明书于几年前被引入来为浏览器中的虚拟现实设备提供支持。目前已经变为新的 WebXR设备API说明书。Da
  19. 如何使用纯 CSS 制作四子连珠游戏序言:你是否想过单纯使用 CSS 也可以制作一款游戏?甚至可以双人对决!这是一篇非常有趣的文章,作者详细讲解了使用纯 CSS 制作四子连珠游戏的思路以及使用奇淫巧技解决困难问题的方法。因为案例本身比较复杂,...
  20. Webpack4 搭建 Vue 项目由于 Parcel 打包工具的影响,webpack4 也追求零配置搭建项目。而前阵子出现的 vue-cli 3.0也是基于 webpack4 零配置的思想创建的。对于一些习惯webpack3 的开发者难免有些不习惯。本文就带你绕过 vue-cli,用 we...
  21. package.json 非官方字段集合yarn: 类似 npm 的依赖管理工具,但 yarn 缓存了每个下载过的包,所以再次使用时无需重复下载,同时利用并行下载以最大化资源利用率,因此安装速度更快。
  22. 前端每日实战:133# 视频演示如何用 CSS 和 GSAP 创作有多个关键帧的连续动画效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] ...

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

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

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