20180815 前端开发日报

vue全家桶仿某鱼部分布局以及功能实现;前端工程不了解?带你踩坑加爬坑;找一份好的前端工作,起点很重要;深入前端学习原来这么有趣 第6期;WebSocket的故事(一)—— WebSocket的由来;谈谈Js前端模块化规范;JavaScript 的私有成员;React打怪升级-角色创建

  1. vue全家桶仿某鱼部分布局以及功能实现每次写文章时,总会觉得比写代码难多了,可能这就是我表述方面的不足吧,然而写文章也是可以复盘一下自己的开发过程,对自己还是受益良多的。在这里简单叙述一下我仿某鱼部分布局以及功能实现的过程,仅做学习用途。
  2. 前端工程不了解?带你踩坑加爬坑 本文希望能帮助那些一直用脚手架而对工程化没有概念的朋友。 文中许多步骤会在运行时报错,从错误中分析需要添加的配置,加深印象以及对所添加的每一行配置的理解。 本文将以 React 为例,带你走一次。 创建目录 mkdir demo && cd demo npm init touch index.js 复制代码 webpack 安装webpa…
  3. 找一份好的前端工作,起点很重要到底什么才是一份好的前端工作?自从开始做咨询,就不断有人问我:“老师,前端这个行业行业怎么样啊?有发展吗?”或者是:“老师,做IT,算不算一份好工作啊?”工作,是一个永恒的话题:没工作的人需要一份工作;…
  4. 深入前端学习原来这么有趣 第6期 最近做的项目是从0开始采用Vue作为数据驱动框架。所以有很多Vue实战上的经验体会,下面就专门拿几个常用的但难度不高的VUe功能说一下: 1.阻止事件冒泡: 冒泡概念普及: 当单击事件在dom结构上存在父子关系时,单击子dom,不仅会触发子dom单击事件还会触发父dom单击事件。 上面的大概就是典型的需要…
  5. WebSocket的故事(一)—— WebSocket的由来 微信小程序、小游戏的火爆,都让WebSocket的应用变得无处不在。针对这个主题,笔者打算做一个系列博客,旨在由浅入深的介绍WebSocket以及在Springboot和JS中如何快速构建和使用WebSocket提供的能力。 本系列计划包含如下几篇文章: 第一篇,什么是WebSocket以及它的用途。 第二篇,Springboot中,如何利用W…
  6. 谈谈Js前端模块化规范导出模块时使用module.exports/exports或者export/export default;
  7. JavaScript 的私有成员 Class field declarations for JavaScript(JavaScript 类的字段声明)目前已经进入了 stage-3,其中包含一项 OOP 开发者都很关注的内容:Private fields。JavaScript 一直没有私有成员
  8. React打怪升级-角色创建2018年,立秋,打算入坑React,知道这又是一项艰巨的任务。在框架选择时,确实纠结了很长时间,而为什么决定入坑React,是我看到一片文章。也决定把自己的基础知识通过框架的学习,再深度巩固一下。所以创建了这…
  9. 和我一起入坑-Vue入门-ToDoList和我一起入坑-Vue入门-ToDoList 本项目是仿照这个做滴 ToDoList 。使用Vue实现这个代办事项功能。完整的项目在这里GitHub vue-todolist。 (一)基本功 Vue官方文档 了解一下 前置项 安装Node,建议使用nvm安装,…
  10. nodejs实现一个word文档解析器 动机 之前项目里遇到一个需求,需要前端上传一个word文档,然后后端提取出该文档的指定位置的内容并保存。这里后端用的是nodejs,开始接到这个需求,发现无从下手,主要是没有处理过word这种类型的文档,怎么解析? Excel倒是有相关的库可以用,而且很简单
  11. WEB安全 – 认识与防御XSS攻击 目录 什么是xss攻击? XSS的危害 XSS攻击分类 xss攻击示例 反射型攻击 – 前端URL参数解析
  12. JavaScript抖动的实现抖动的实现原理其实就是让节点元素进行位置的偏移,所以在实现此功能的时候最好节点元素进行绝对定位,然后来修改它们的top和left值。这里有几个要点,第一是要准备好需要偏移的频率,这个可以通过把偏移距离放到…
  13. 关于CSS变量你需要知道的一切 这是我新书的第一章(PDF和Mobi格式都有)。 多数编程语言都支持变量。但是CSS从最初就一直缺少对原生变量的功能支持。 你写CSS吧?那你就没办法用变量。不过,你还可以用Sass这样的预编译器。 Sass这样的预编译器就把变量作为一个巨大的卖点,一个尝试新
  14. 关于 Nuxt 集成ueditor的一些坑(包括图片上传)前端部分 最近公司接了一个项目,里面用到富文本编辑器,刚开始用的是vue-quill-editor,这个编辑器轻量、好用。最重要的是它有专门正对nuxt的版本,很容易配置,可以放心使用,不用担心bug之类的,遇到问题,在网上也能搜到相应的解决方法。 但是了,我们项目经理
  15. 什么是 Webpack?【Webpack Book 翻译】什么是 Webpack 原文链接:[链接]翻译计划:[链接] 涉及到的未翻译单词 input 输入 output 输出 entry 入口文件 bundle 包(打包结果) Webpack 是模块打包器。它可以在打包的同时使用任务运行器。然而,由于社区…
  16. eventbus-cjs 基于JavaScript装饰器(Decorator)实现的通信库 eventbus-cjs eventbus-cjs 是一个基于JavaScript装饰器(Decorator)实现的通信库, 支持Vue / React等常用框架, 支持node.js 使用方法 1. 安装 npm i eventbus-cjs –sav
  17. 前端重构范式之 float layout 如果让我用一句话来总结浮动布局,就是浮动布局是一种排队的艺术。你可以向左排队、向右排队,关键在于你如何去组织他们。如果你去看float的属性值就会发现它最为重要的无非就是left和right,而他们顾名思义就是向左或向右进行浮动。在我们的网页布局中,凡是涉及到水平布局的,大都会涉及到浮动,例如我们的导航栏,水…
  18. 基于 HTML5 的 WebGL 自定义 3D 摄像头监控模型随着视频监控联网系统的不断普及和发展, 网络摄像机更多的应用于监控系统中,尤其是高清时代的来临,更加快了网络摄像机的发展和应用。
  19. CloudNativeJS.io 简介:一个助您创建云原生 Node.js 应用的社区 一个为创建云原生 Node.js 应用提供资源的社区项目 Node.js 应用程序被大量部署到云中, 79% 的 Node.js 开发者表示其生产应用程序使用了云提供商的服务。虽然 将近一半 的开发者使用了 Docker,但只有 12% 的开发者使用了诸如 Kubernetes 之类的容器编排技术。 这意味着,开发者主…
  20. JavaScript 私有成员Class field declarations for JavaScript(JavaScript 类的字段声明)目前已经进入了 stage-3,其中包含一项 OOP 开发者都很关注的内容:Private fields。JavaScript 一直没有私有成员并不是没有原因,所以这一…
  21. vue-geventbus – 一个优雅的 Vue 全局事件处理插件 Vue 中全局事件处理的传统做法 先创建一个名为 eventBus 的全局 Vue 实例。 const eventBus = new Vue(); export default eventBus; 复制代码 在 Vue 组件中使用时,一般在 mounte
  22. React 16 ,webpack4加载性能优化指南 文章转载:点击查看转载自知乎:https://zhuanlan.zhihu.com/p/37148975关于 React 应用加载的优化,其实网上类似的文章已经有太多太多了,随便一搜就是一堆,已经成为了一个老生常谈的问题。但随着 React 16 和 Webp
  23. Seajs源码解读 近几年前端工程化越来越完善,打包工具也已经是前端标配了,像seajs这种老古董早已停止维护,而且使用的人估计也几个了。但这并不能阻止好奇的我,为了了解当年的前端前辈们是如何在浏览器进行代码模块化的,我鼓起勇气翻开了Seajs的源码。下面就和我一起细细品味Seajs源码吧。 如何使用seajs 在看Seajs源码之前,先…
  24. js的事件处理 事件处理 客户端js程序采用异步事件驱动编程模型。在这种情况下当文档,浏览器,元素发生一些事情的时候,会产生事件。 举例 当浏览器加载完文档以后会触发一个事件。该事件会有一个函数进行处理,即回调函数 这种只不单单用于web界面,所有使用图形界面的应用程序都
  25. vue升级之路(三)– vue-router的使用 使用 Vue 构建的项目,一个页面是由多个组件构成的,而且经常是做成单页面应用,所以在跳转页面的时候,传统的 href 已经跟不上时代的步伐了,于是 vue-router 应运而生 在使用 vue-router 的时候,需要看看自己是否装了这个依赖,没有的话可以使用 npm install vue-router -S ,不过现在构建vue项目时有可以选择是否…
  26. 前端每日实战:104# 视频演示如何用纯 CSS 创作一个货车 loader效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] …
  27. 轻松开发reactSpa项目 mobx_antd_react 中后台spa完整项目脚手架。 源码地址: github.com/Tianlikai/m… 写在前面 使用webpack4.xx,区分开发环境和生产环境,开发环境打包编译超快,生产环境的优化基本都有。 mobx做状态管理,灵活方
  28. 12 个极具启发性的 React 开源应用程序 In the last couple of years, React has risen to become a massively popular JavaScript library and developer ecosystem. There are t
  29. 针对 Node.js 模块的一致性 LTS 策略 为 Node.js 版本引入 LTS(Long Term Support,长期支持)是一个大事件,能促进该运行时的广泛采用,而多达 70% 的开发者认为这是一项重要功能。 Node.js LTS 策略 的一个重要价值在于,它向用户提供了明确的发布时间表,以及支持关键修复的给定版本的寿命/期限。但是,Node.js 应用中包含的内容远不仅是 No…
  30. vue+iview-admin 利用适配器模式改造eova(伊娃管理后台)菜单及路由 vue+iview-admin 利用适配器模式改造eova(伊娃管理后台)菜单及路由(1) 简单效果展示 改造完后效果 eova 及 iview的部署 略(日后再补充) 菜单功能核心改造 优化 iview/src/router/router.js imp

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

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


关注我

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

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

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