20190506 前端开发日报

Vue+Express实现登录,注销；尝试用 vue 实现灭霸打响指英雄消失的效果 demo；了解 JavaScript 函数式编程 – 代码组合的优势；初步学习Vuex；webpack4 基础；Vue-Cli 3.0从0 开始搭建项目（篇1）；说说JS中的原型对象和原型链；5分钟了解vue-router的基本使用

1. Vue+Express实现登录,注销 对Vue全家桶有基本的认知. 用有node环境 了解express 一丶业务分析 1.什么情况下进行权限验证? 访问敏感接口 前端向后端敏感接口发送ajax 后端进行session验证,并返回信息 前端axios拦截返回信息,根据返回信息进行操作 进行页面切换 页面切换,触发vue-rout…
2. 尝试用 vue 实现灭霸打响指英雄消失的效果 demo 灭霸打响指的消失效果。效果来源于 Google 搜索“灭霸” 或者 “thanos”。算是蹭热度的一个 Feature , 我通过 F12 试图去查看是如何实现的，也抠了一些音频、图片资源下来。后来在 github 上找到了一个现有的项目 Thanos_Dust , 所以参考了部分它的代码。 其实它的代码已经算比较完善了，在它的基础上，我用 vue 来写了一下…
3. 了解 JavaScript 函数式编程 – 代码组合的优势 组合函数看起来像是在养植物。你就是养殖员，选择两个有特点又被你喜欢的植物，让它们嫁接(结合)一下，产下一个崭新的品种(函数)。组合的用法如下： var compose = function(f,g) { return function(x) { return f(g(x)); }; }; 复制代码 f 和 g 都是函数， x 是在它们之间通过“管道”传输的值。这里得注意…
4. 初步学习Vuex vuex是专门为vue.js开发的状态管理模式，它将所有组件的状态集中的存储在一起，并且用相应的规则使这些状态以一种可预测的方式发生改变。 vuex是做什么用的 前面说到vuex是专门为vue.js开发的状态管理模式，那么究竟什么是“状态管理模式”呢？ 以我目前对状态的理解就是组件在某个时刻呈现出的视图、数据的状态。…
5. webpack4 基础 假期没有出去玩，但是我觉得很充实吼/(ㄒoㄒ)/~~ 根据Sean在 frontend masters上的课程加上个人的理解 Sean 是 webpack 的核心贡献者哦:hushed: 课程代码 为什么要使用webpack 传统方法在浏览器中执行JS 一个功能加载一个script 标签 e.g. Jquery , Swiper 加载一个巨大的JS文…
6. Vue-Cli 3.0从0 开始搭建项目（篇1） 从0开始搭建项目，相信更多人都做过，但是你真的独立搭建整个项目了吗，有没有考虑周全，是否从UI的框架的选型、权限、图标、路由、登陆拦截、第三方工具库、性能优化等多方面搭建出适合本公司项目的人员和环境。本文总结的是Vue-Cli3.0构建项目 搭建项目 根据实际情况而定。 值得注意的Vue-Cli 初始化项目的命令是`…
7. 说说JS中的原型对象和原型链 理解原型对象（有些文章简称为原型）和原型链，是理解JS的重要一环。下面是笔者对JS中原型的理解， 函数对象 俗话说，JS中万物皆对象。函数也是一个对象， 只不过函数是在特定环境中执行代码的对象。 什么是函数对象？每声明一个函数，此函数在JS执行解释时都会被当作一个对象来维护，这就是函数对象。JS中声明…
8. 5分钟了解vue-router的基本使用 目的: 了解 vue-router 的使用 阅读时长: 5 分钟 来源: 并非原创，整理自视频 主要内容 vue-route的基本使用 router的钩子以及执行顺序如何 router的参数传递方式 正文 router.gif 1.基本使用 1-1. 建立一个Route的文件夹，新建index.js import Vue from ‘vue’; import VueRo…
9. SpringBoot,Vue前后端分离开发首秀 需求：读取数据库的数据展现到前端页面 技术栈：后端有主要有SpringBoot,lombok,SpringData JPA,Swagger,跨域，前端有Vue和axios 不了解这些技术的可以去入门一下lombok入门 swagger入门 SpringData JPA入门 配置：mysql 8.0.11,IntelliJ IDEA 2017.1.2,HBuilderX 1.9.3 首先创建一个Spring Boot项目，目录结构如下：…
10. 深入剖析Vue源码 – 实例挂载,编译流程 在正文开始之前，先了解vue基于源码构建的两个版本，一个是 runtime only ，另一个是 runtime加compiler 的版本，两个版本的主要区别在于后者的源码包括了一个编译器。 什么是编译器，百度百科上面的解释是 简单讲，编译器就是将“一种语言（通常为高级语言）”翻译为“另一种语言（通常为低级语言）”的程序。一个现代…
11. Angular 学习之路 01 – 搭建环境 从零开始搭建一个前端项目要比同样搭建后端项目复杂得多。一定程度上是因为前端项目各种零零散散的工具都有着自己的配置文件，缺乏一个统一的开发框架。好在现在很多成熟的前端框架都提供了命令式的项目生成工具，用于简化这一流程。Angular 从最初的版本就提供了一个名为 CLI 的命令行工具，可以生成开箱即用的 Angular…
12. 浅谈js函数节流和函数防抖 函数节流和函数防抖是一种优化方法，可用于减少高频繁触发任务（函数）的执行次数，达到减少资源占用的目的。 函数节流：任务在指定的间隔时间内只执行一次。 函数防抖：只有在任务触发的间隔小于指定的间隔时间，任务才会被执行。 区别：在指定时间内，任务执行的次数不同。假设持续触发一个任务1s，且任…
13. Alfred – Script Filter Alfred 3 推荐 JSON 作为 Script Filter 返回的格式。这样以来，用 Alfred 写 Workflow 就更加方便，更加通用。所以翻译了一下官方文档… 环境信息 Alfred 3.8.1 第一步…最后一步 差不多只需要一步，就能知道 Script Filter 是什么。Alfred -> Workflows -> + -> Getting Started -> Script Filt…

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

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