20190827 前端开发日报

为什么Vue.use()在new Vue() 之前使用;Vue + Typescript 的开发实践;wamp是什么? 与websocket有什么区别?;垃圾收集 – Javascript 笔记;Vue中级指南-04 Vue中跨域以及打包部署到nginx跨域设置;vue-resize深度解读;打造vuecli3+element后台管理系统(四)讲讲让本秃头星人头大的动态菜单、页面权限和角色赋权在后台…;Vue路由之JWT身份认证

  1. 为什么Vue.use()在new Vue() 之前使用 使用Vue前端框架开发有些时间了,官方文档对于插件开发也有详细的介绍。最近强迫症犯了,老在想为什么Vue.use函数执行,要在Vue实例化即new Vue(options)之前。解铃还须系铃人,这个问题只能通过看源码解决,于是。。。 先看Vue.use做了什么 Vue.use = function (plugin: Function | Object) { //Vue构造函数上定...
  2. Vue + Typescript 的开发实践 VUE 是前端三剑客之一, 之前一直处在写过 demo 的地步, 没有很深入的体会, 这次公司因为招不到 react 的人, 所以希望尝试将技术栈换为 vue, 以便更方便招人. 于是就有了 VUE 的踏坑之旅, 而且一开始就是配合 ts 来食用, 因为在 react 中 ts 的配合相当的好, jsx 里的代码类型提示应有尽有, 可以很大的提升开发效率以及...
  3. wamp是什么? 与websocket有什么区别? 因为在实验室的项目中使用到了WAMP,所以去搜了各大网站有关于这个协议的信息,但是网上的文章少之可怜,最为权威以及正确的也就是WAMP官网啦。所以接下来的知识讲解,都是笔者结合自己的实际经验以及用那点略显拙劣的英文水平翻译官网总结出来的,如果有错误也希望大家积极的提出来,共同进步!! 同样,为了更好的...
  4. 垃圾收集 - Javascript 笔记 Javascript 具有自动垃圾收集机制。即,执行环境会负责管理代码执行过程中使用的内存。 标记清除 JavaScript 中最常用的垃圾收集方式是 标记清除 (mark-and-sweep)。当变量进入环境(例如,在函数中声明一个变量)时,就将这个变量标记为“进入环境”。而当变量离开环境时,则将其标记为“离开环境”。 可以使用任何...
  5. Vue中级指南-04 Vue中跨域以及打包部署到nginx跨域设置 众所周知,我们在做前后端分离项目的时候,经常需要在本地起前端工程,接口希望拉取服务端的实际数据而不是本地的mock数据,而如果本地程序直接访问远程接口, 肯定会遇到跨域问题。 什么是跨域?实现跨域的多种方式? 这里我就不详细介绍了,大家自行百度哈 为什么要实现前端跨域 一般来讲,前后端分离的项目在大公司都...
  6. vue-resize深度解读 作为一名优秀的前端来说,在平时的造火箭(拧螺丝)过程中,难免要遇到一个情况,就是当窗口resize的时候,我们要进行监听,常见的方案就是 element.addEventListener("resize", cb) 但是对于切过五彩斑斓的黑的你来说,肯定也知道,如果在短时间内多次resize窗口大小,那么我们这个的cb就会被调用多次,这...
  7. 打造vuecli3+element后台管理系统(四)讲讲让本秃头星人头大的动态菜单、页面权限和角色赋权在后台... 许多时候咱们的做的后台系统,面向的人群可能是五花八门的,后台系统中展示的数据大部分是公司相关的运营数据,所以呢必须严格控制用户的权限。用户是否有权访问这个菜单、用户访问这个菜单之后,是否有权进行增删改查,这都是身为一个合格滴后台系统所要具备的功能(敲黑板)。 一、定义权限接口返回的数据的JSON结构 ...
  8. Vue路由之JWT身份认证JSON web Token(JWT)是目前最流行的跨域身份验证解决方案,相较于session机制,服务器就不需要保存任何 session 数据了,也就是说,服务器变成无状态了,从而比较容易实现扩展。JWT 实际上是一个令牌(Token)...
  9. Vue面试中,经常会被问到的面试题/知识点(2019改进版)MVVM 是 Model-View-ViewModel 的缩写。Model代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑。View 代表UI 组件,它负责将数据模型转化成UI 展现出来。ViewModel 监听模型数据的改变和控制视图行为...
  10. 前端面试每日3+1(周汇总2019.08.25)《论语》,曾子曰:“吾日三省吾身”(我每天多次反省自己)。 前端面试每日3+1题,以面试题来驱动学习,每天进步一点! 让努力成为一种习惯,让奋斗成为一种享受!相信 坚持 的力量!!!
  11. javascript继承的写法 严格来说 javascript 是基于对象而不是面向对象的语言,因为 javascript 没有像java语言那么丰富的类、继承、封装,但是javascript是基于原型(prototype)的面向对象开发,是一种动态、弱类型、基于原型的语言。前几天看了阿里UED的《重温 javascript继承 机制》,今天重新看了,很有感触,特地转载了...
  12. 9102年,隔壁公司新来的女实习生问我什么是TypeScript ?所谓的超集 其实就是最终将你写的TypeScript编译成javascript去执行,因为浏览器上能跑的脚本语言是javascript,这个本质要搞清楚
  13. JavaScript 模块化方案总结 本文包含两部分,第一部分通过简明的描述介绍什么是 CommonJS、AMD、CMD、UMD、ES Module 以及它们的常见用法,第二部分则根据实际问题指出在正常的 webpack 构建过程中该如何指定打包配置中的模块化参数。 JavaScript 模块化方案 模块化这个话题在 ES6 之前是不存在的,因此这也被诟病为早期 JavaScript 开发 全局...
  14. 揭秘 HTML5 和 CSS3 互联网的发展总是在不断地催生新技术的产生,而 HTML5css3 是最近一直被讨论的热门话题,对于每个互联网开发者尤其是前端开发者而言,都充满了好奇与渴望。那么 HTML5 和 CSS3 究竟有哪些让我们眼前一亮的东西呢? HTML 5 草案的前身名为 Web Applications 1.0,于 2004 年被 WHATWG 提出,于 2007 年被 W3C 接纳...
  15. 高性能网站搭建-前端性能优化 (附Vue首屏加载时间优化详细方案) 事实上, 只有10%-20%的最终用户响应时间是发在从Web服务器获取HTML文档并传送到浏览器中的。如果希望能够有效地减少页面的响应时间,就必须关注剩余80%-90%的最终用户体验。 --Steve Souders 在这篇博客中,我根据工作中的实际项目经验和一些测试的经验中总结出了前端页面在性能上优化方案。其中一些经验吸收自《高性能...
  16. JS中实践函数式编程【1】 -- 前言 最近在了解函数式编程,菜狗如我,不总结就忘了自己学过啥。所以有了这个新坑。文中都是在看过文章以及书籍之后,增加了自己理解用通俗一点的方式讲出来。这篇文章是一篇不正经的劝学前言,如果喜欢这个文章劳烦各位点个赞。如果文章中有什么不恰当的地方,还请大佬在评论下方指出。感谢各位看官姥爷的阅读,祝大家有个...
  17. Vue单页应用的基本配置 前几篇文章我们介绍了 Vue 项目构建及运行的前期工作,包括 webpack 的配置、环境变量的使用等,在了解并掌握了这些前期准备工作后,那么接下来我们可以走进 Vue 项目的内部,一探其内部配置的基本构成。 配置 1. 路由配置 由于 Vue 这类型的框架都是以一个或多个单页构成,在单页内部跳转并不会重新渲...
  18. JS异步处理的进化史 javascript 是一门单线程的语言,也就是说一次只能完成一件任务,如果有多个任务,就需要排队进行处理。如果一个任务耗时很长,后面的任务也必须排队等待,这样大大的影响了整个程序的执行。为了解决这个问题, javascript 语言将任务分为两种模式: 同步:当我们打开网站,网页的页面骨架渲染和页面元素渲染,就...
  19. LitElement ——快速、轻量级的Web Components LitElement简介 轻松创建快速轻量级的web组件 LitElement可以轻松定义Web组件——非常适合在整个组织中共享元素或构建UI设计系统。在使用html的任何地方使用您的组件:在document、CMS、Markdown或react或vue等框架中都可以使用它。以下为示例: import { LitElement, html, property, customElement } from 'lit-eleme...
  20. vue 源码解析 --虚拟Dom-render初始化先执行了 renderMixin 方法, Vue 实例化执行this._init, 执行this.init方法中有initRender()
  21. JS中的单例模式(ES5/ES6/Nodejs) 原文博客地址 ,欢迎讨论,star 偶然间看到有人使用 ES6 的 class 语法实现了一个比较好的单例模式,就想着结合所接触到的和网上一些讨论的实际例子来看看在 javascript 中单例是怎么玩耍的,怎么应用的。 ES3/ES5 中的单例模式 在 ES3/ES5 中,还没有 class 这样的语法,之前最早接触设计模式的时候,一般网...
  22. 一文快速解读ES6新特性ES2015是该语言的重要更新,也是自2009年ES5标准化以来该语言的第一次重大更新。现在正在主要JavaScript引擎中实现这些功能。
  23. 使用typescript构建Vue应用使用typescript构建Vue应用和使用js一样,都是通过vue-cli去初始化并创建一个vue项目,只不过使用typescript构建的时候要在脚手架问卷操作的时候勾选上typescript选项。
  24. JS URL()和URLSearchParams() API接口详细介绍 byzhangxinxu from https://www.zhangxinxu.com/wordpress/?p=8907 本文欢迎分享与聚合,全文转载就不必了,尊重版权,圈子就这么大,若急用可以联系授权。 一、先快速了解这两个API干嘛用的 以前我们要对地址栏中的URL地址进行分析处理,需要自己进行字符串分析,例如: https://www.zhangxinxu.com/word...
  25. 小爱ADMIN系列文章(二):用Vue-cli3+mockjs 实现后台管理权限和三级菜单功能 最近完成了我的小爱ADMIN后台管理系统基本功能,同时进行了页面整体布局和样式的全新改版。新增了系统权限功能的实现,同时觉得后台系统所有的菜单都左置,会限制菜单的扩展,因此我改进了三级菜单的显示。 效果演示地址 github地址 权限功能的实现 权限路由思路: 根据用户登录的roles信息与路由中...

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

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

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