20181211 前端开发日报-前端开发博客

Vue 2.0学习笔记：Vue的transition；WebSocket 快速入门；推荐一个很好用的vscode插件：一个可以给出vuex中store定义信息的vscode插件；vue轻量高效的前端组件化方案以及MVC MVVM思想；jQuery实现全选、全不选以及反选操作；引入外部js脚本加载慢与页面白屏问题；一眼看穿JS变量，作用域和内存问题；JS划重点——类和对象的不正经阐述

Vue 2.0学习笔记：Vue的transition 动效在Web中一直是一个有争议的问题。动效做得好有助于在你的Web程序上锦上添花，甚至是留住你的用户，也可以具有较好的用户体验；反之，如果动效运用的不好，会给用户带来一种反感，让用户迅速地离开你的应用。怎么提供更友好的动效，并不是今天我们要讨论的重点，我们要讨论的是：在Vue应用程序中如何添加动效？在Vu…
WebSocket 快速入门 WebSocket是基于TCP的一种新的网络协议，并在2011年被IETF定为标准的全双工通信协议，它实现了客户端与服务器全双工通信。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，…
推荐一个很好用的vscode插件：一个可以给出vuex中store定义信息的vscode插件在使用Vuex管理自己应用的状态时，因为状态过多，为了正确性每次都要打开vuex定义文件，去复制定义时的函数名或者状态名，无形中就浪费了许多时间，为了解决这个痛点，开发了这个vscode插件。通过使用 ast 和正则表达式，获取 store 中所有文件的定义,在用户使用.vue 文件中时给出详细的提示，目前支持大多数 vuex …
vue轻量高效的前端组件化方案以及MVC MVVM思想近些年来前端的发展的趋势：旧浏览器逐渐被淘汰，移动端需求增加，旧浏览器是指ie6-ie8是不支持es5的，而vuejs利用了Object.defineProperty特性，es5在移动端和pc端也都是支持的，所以vuejs可以在移动端和pc端充分发挥自己的长处，架构从传统后台MVC向REST api+前端MV*迁移。 MVC到REST api+前端MV*：当前前…
jQuery实现全选、全不选以及反选操作
引入外部js脚本加载慢与页面白屏问题最近做的一个项目需要引入一个外部的第三方js脚本。由于这是一个关于渲染3D建筑的脚本，所以体积比较大，大概有2M，加载完成也得要个好几秒，网速慢的时候十几秒都有可能。之前也遇到脚本加载慢的问题，但是没这么慢，所以这次就特别写个文章记录一下我的解决过程。首先上两张项目已完成的截图。下图是通过第三方…
一眼看穿JS变量，作用域和内存问题我们都知道JS中的数据类型有两大类，基本数据类型和引用数据类型，下面从三个方面来解剖他们①保存方式基本类型的值是指简单的数据段，引用类型的值是指那些可能由多个值构成的对象。
JS划重点——类和对象的不正经阐述
前端每日实战：164# 视频演示如何用原生 JS 和 GSAP 创作一个数独训练小游戏（内含 4 个视频）效果预览按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 [链接] 可交互视频此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。请用 chrome, safari, edge 打开观看。第 1 部…
vue的.vue文件是怎么run起来的(vue-loader)
理解异步JavaScript这篇文章是翻译自Sukhjinder Arora的Understanding Asynchronous JavaScript。这篇文章描述了异步和同步JavaScript是如何在运行环境中，使用调用栈，消息队列，作业队列，以及事件循环来工作的。文章如有翻译不好…
HTML5 Audio 的兼容性问题和优化本人在双十一期间，做的一个移动端互动项目中，遇到一个在 App 、微信、H5页面环境切换选择音频播放的功能，在测试的时候出了不少兼容性问题，这里有很多值得探索的知识，今天我们就来看一下这个 HTML5-Audio。 Audio 标签用于定义声音，比如音乐或其他音频流，HTML5 的 Audio 标签在很大程度上取代了 Flas…
Vuex和Redux都参照了的Flux模式简单版实现作者：殷荣桧@腾讯目录： 1. 为什么需要Flux设计模式 2. Flux设计模式是怎么实现的本文对应 Github地址，如果觉得文章还可以，希望您送上宝贵的Star 老外搞个新东西就喜欢给其取个Cool的名字，什么Flux,Redux,Meteor。本来英语就不是太好的中国人一看就跑路了，What?老子Javascirpt还没学好，你又来这这…
一、能不能开头不要废话？能！如果你想实现下图所示的波形图效果，可以借助wavesurfer.js。二、了解wavesurfer….
es6之解构赋值es6的语法已经出了很长的时间了，在使用上也可以通过babel这类的编译工具转译为浏览器可以识别的es5的语法，但是依旧有很多开发在写代码的时候，依旧没有用es6的语法，而是习惯使用老的语法，这篇文章主要会介绍…
【20181210 前端开发日报】vue权限路由实现方式总结二；JS的防抖，节流，柯里化和反柯里化；CSS 应用之数据上报和HTML验证；20181209 前端开发周报；精读 html 源码；使用 es6写更加简洁的 js代码…详情→