20181027 前端开发周报

Vue开发规范;JavaScript 开发者应懂的 33 个概念;2018年10月Top 10 JavaScript开源项目;【react面试题】不可错过的react 面试题 「务必收藏」;高级 Vue 组件模式 (1);Easy Mock以及Vue+Mock.js模拟数据;异步Promise及Async/Await可能最完整入门攻略;可以说的秘密:那些我们该讨论的前端加密方法

  1. vue开发规范 VUEJS开发规范 基于组件化开发理解 组件命名规范 结构化规范 注释规范 编码规范 基于组件化开发理解 什么是组件? {代码...} 组件化开发的好处 {代码...
  2. JavaScript 开发者应懂的 33 个概念 简介 这个项目是为了帮助开发者掌握 JavaScript 概念而创立的。它不是必备,但在未来学习(JavaScript)中,可以作为一篇指南。 本篇文章是参照 @leonardomso 创立,英文版项目
  3. 【react面试题】不可错过的react 面试题 「务必收藏」React 会创建一个虚拟 DOM(virtual DOM)。当一个组件中的状态改变时,React 首先会通过 "diffing" 算法来标记虚拟 DOM 中的改变,第二步是调节(reconciliation),会用 diff 的结果来更新 DOM。
  4. 高级 Vue 组件模式 (1)去年,曾经阅读过一系列关于高级 react 组件模式的文章,今年上半年,又抽空陆陆续续地翻译了一系列关于高级 angular 组件模式的文章,碰巧最近接手了一个公司项目,前端这块的技术栈是 vue。我对于 vue 本身还是...
  5. Easy Mock以及Vue+Mock.js模拟数据 Easy Mock以及Vue+Mock.js模拟数据 一、Mock.js简介 Mock.js是一个可以模拟后端数据,也可以模拟增删改查操作的js库 基础语法规范 数据模板中的每个属...
  6. 异步Promise及Async/Await可能最完整入门攻略此文只介绍Async/Await与Promise基础知识与实际用到注意的问题,将通过很多代码实例进行编写。
  7. 可以说的秘密:那些我们该讨论的前端加密方法 这篇文章介绍了前端开发中常用的加密方法并给出其适用场景。
  8. 关于Http协议,你必须要知道的HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网服务器传输超文本到本地浏览器的传送协议。HTTP 是基于 TCP/IP 协议通信协议来传递数据(HTML 文件, 图片文件, 查询结果等)。它...
  9. 几个JavaScript 条件语句的小技巧 在使用 JavaScript 时,我们常常要写不少的条件语句。如何将我们的代码写的更加简洁和优雅,是我们需要一直思考的问题。 1. 使用 Array.includes 来处理多重条件 举个栗子 :chestnut:: // 条件语句 function test(fruit) { if (fruit == 'apple' || fruit == 'cherry') { console.log('red'); } } 复制代...
  10. vue.js响应式原理解析与实现从很久之前就已经接触过了angularjs了,当时就已经了解到,angularjs是通过脏检查来实现数据监测以及页面更新渲染。之后,再接触了vue.js,当时也一度很好奇vue.js是如何监测数据更新并且重新渲染页面。今天,就...
  11. 前端入门-day2(常见css问题及解答)今天是入门前端的day2, 小伙伴们应该已经看了一些HTML的基础和CSS的基础了,是不是遇到了很多关于CSS的问题呢。因为HTML很少有太复杂的问题,所以直接写一篇关于CSS的常见问题及解答啦~
  12. Spring Boot 项目如何让前端开发提高效率? 小技巧:SpringBoot项目如何让前端开发提高效率? 社会分工越来越细,对于工程类研发来说,全栈是越来越少了。这是时代的进步,也是个体的悲哀。 今天要分享的小技巧,或许能够大幅提高你的开发效率。你可以用省下来的时间打个盹,浏览个美女写真什么的。 本篇文章涉及...
  13. Next.js 7发布,构建速度提升40% Next.js团队发布了其开源React框架的 7版本 。该版本的Next.js主要是改善整体的开发体验,包括启动速度提升57%、开发时的构建速度提升40%、改进错误报告和WebAssembly支持。 Next.js是一个React框架,它的主要目标是在生产环境中提供出色的性能和良好的开发体验。为了提供这种良好的开发体验,Next.js支持...
  14. vue-cli 3.0新特性解读 在9 月 30 日的Vue.js 伦敦大会上, 作者尤雨溪介绍了 Vue 下一个版本将要发布的内容,以及 Vue 3.0 的开发路线,和后面版本的发展情况。虽然,Vue 3.0版本的正式版还没有发布,不过作为vue 项目快速构建工具的vue-cli 早已发布,我们可以通过vue-cli来了解vue 3.0的一些情况。 作为Vue的主要版本,Vue 3.0带来了诸多...
  15. Node.js 11 发布,Node 10正式进入LTS 作者|覃云 今天,Node 基金会正式发布 Node.js 11,同时宣布,到 10 月 30 日,Node.js 10.x 将成为 LTS(Long Term Support)版本,也就是长期支持版本。 Node官方建议如果你是在工作中使用
  16. vue的状态管理模式—vuex 如果你在使用Vue.js,肯定有很多组件之间相互传递参数的经历。当遇到父子组件需要通信的时候,我们经常用的方法是传递参数。其实除了传递参数的方式,我们还可以结合业务需要考虑是否用Vuex去解决。 Vuex是什么? 官方文档的定义:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所...
  17. 前端跨域方法总结 为什么需要跨域 浏览器出于安全的考虑,引入了同源策略。这种策略会对我们页面上执行的js访问资源的时候进行限制,比如我们不能直接通过js访问不同源之下的页面DOM结构,同时在对不同源发送请求时也无法获取到服务器响应内容(服务器会正常处理请求并返回响应内容,但是返
  18. JavaScript多线程编程 浏览器端JavaScript是以单线程的方式执行的,也就是说JavaScript和UI渲染占用同一个主线程,那就意味着,如果JavaScript进行高负载的数据处理,UI渲染就很有可能被阻断,浏览器就会出现卡顿,降低了用户体验。 为此,JavaScript提供
  19. WebSocket是时候展现你优秀的一面了 在工作中我们开发接触最多的协议莫过于HTTP协议了,近些年H5的很多API和技术已经如雨后春笋般开始渐渐发扬光大了,今天我们就来一起讨论下其中的一个比较有意思的API,WebSocket 首先,在介绍主角之前,总要有一个铺垫,那么我就来三言两语先说一下最常见的HTTP协议吧,以示区分 三言两语说说HTTP HTTP是客户端/服...
  20. Angular7的新特性 Angular7的新特性
  21. 高级 Vue 组件模式 (6)之前的五篇文章中,switch 组件一直是被视为内部组件存在的,细心的读者应该会发现,这个组件除了帮我们提供开关的交互以外,还会根据当前 toggle 的开关状态,为 button 元素增加 aria-expanded 属性,以 aira ...
  22. 在vue项目中优雅的使用Svg github demo: github地址 闲聊背景 本文主要以 vue-cli3 搭建的项目为例,来聊一下如何在项目中更优雅的使用 svg 。 众所周知, vue-cli3 已经推出很长一段时间了,大家可以感受一下 vue-cli3 带来的零配置体验。But,也相应带来了一些弊端,就是如归需要修改默认的 loader 时,会比较麻烦。 好了,上正题...
  23. 1分钟熟悉webpack随着业务发展和前端人员的增加,搭建一个通用框架以及制定统一规范就成了必然。对于选型这方面,一开始好像就没考虑其他框架,直接选了webpack。webpack的优点就不多说了,可扩展性,强大的npm插件库,说干就干。
  24. 【vuejs进阶】 vuejs路由实现原理window.history 对象包含浏览器的历史,window.history 对象在编写时可不使用 window 这个前缀。history是实现SPA前端路由是一种主流方法,它有几个原始方法:
  25. 【前端面试题】2018 各大公司最近面试题【前端面试题】2018 各大公司最近面试题 阿里 使用过的koa2中间件 koa-body原理 介绍自己写过的中间件 有没有涉及到Cluster 介绍pm2 master挂了的话pm2怎么处理 如何和MySQL进行通信 React声明周期及自己的理解 ...
  26. Cat Chen 谈前端职业生涯重要的几个阶段 做前端、后端还是全栈?做产品还是基础架构?业务和技术哪个更重要?软技能有多重要?听听 Cat Chen 怎么说。
  27. 高级 Vue 组件模式 (2)我们需要实现的需求是能够使使用者通过 <toggle> 组件动态地改变包含在它内部的内容。
  28. 基于Vue2的简易的省市区县三级联动组件 这是一个基于Vue2的简易省市区县三级联动组件,可以控制只显示省级或只显示省市两级,可设置默认值等。提供原始省市县代码和名称数据,适用于各种有关城市区县的应用。 查看演示 安装 我们使用npm安装: npm install v-distpicker --save 使用 首先在模板中加入组件: <v-distp...

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

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

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