人生代码 ---- 公众号

什么是指令？指令就是你女朋友指着你说，“那边搓衣板，跪下，这是命令！”。开玩笑啦，程序员哪里会有女朋友。通过上一节我们开发了一个loading组件，开发完之后，其他开发在使用的时候又提出...

开发loading组件<template><transitionname="custom-loading-fade"><!...

安装axiosnpminstallaxios--savebowerinstallaxios--save引用直接script标签引用<scriptsrc="...

撰写本文仅出于我对Vue最酷的部分：反应系统的了解和理解。背景众所周知，Vue.js团队正在研究3.0。最近，它发布了第一个Beta版本。这意味着核心技术设计足够稳定。现在，我认为是时候逐步了解Vue 3.0中的内容。那是我最喜欢的部分之一：反应系统。什么是反应性？简而言之，反应性意味着，当数据更改时，取决于某些特定数据的计算结果将自动更新。在现代Web开发中，我们始终需要呈现一些与数据相关或与状态相关的视图。因此，显然，使数据具有响应性可以给我们带来很多好处。在Vue中，反应性系统从其早期版本一

Quick Start项目源码：https://github.com/Wscats/vue-cli本项目综合运用了 Vue3.0 的新特性，适合新手学习????基于 Composition API 即 Function-based API进行改造，配合Vue Cli，优先体验 Vue3特性使用单例对象模式进行组件通信使用 axios 库进行网络请求，weui 库实现 UI 界面# 安装依赖npm install# 在浏览器打开localhost:8080查看页面，并实时热更新npm run

《Vue3.0抢先学》系列之：网友们都惊呆了！《Vue3.0抢先学》系列之：一个简单的例子《Vue3.0抢先学》系列之：使用Composition API《Vue3.0抢先学》系列之：响应式之Ref vs. Reactive《Vue3.0抢先学》系列之：使用render函数《Vue3.0抢先学》系列之：组件属性Props开始本文章之前，有必要说明一下必须要注意的点，本文使用@vue/cli 4.4.6如何没有升级的伙伴，可能需要事先升级一下 vue-clinpm uninstall @v

JavaScript启动性能Addy Osmani阻止解锁跟随以下2017年2月9日作为Web开发人员，我们知道最终导致网页膨胀是多么容易。但是加载网页远远不只是通过网络传输字节。一旦浏览器下载了我们页面的脚本，它就必须解析，解释和运行它们。在这篇文章中，我们将深入探讨JavaScript的这个阶段，为什么它可能会减慢应用程序的启动速度以及如何解决它。从历史上看，我们只是没有花费大量时间来优化Ja...

文章参考自MDN:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Grammar_and_types#%E5%9F%BA%E7%A1%80JavaScript 是区分大小写的，并使用 Unicode 字符集。举个例子，可以将单词 Früh （在德语中意思是“早”）用作变量名。var Früh = "Ken";va...

javascript词法文法学习篇这部分描述了JavaScript的词法。ECMAScript源码文本会被从左到右扫描，并被转换为一系列的输入元素，包括tokens、控制符、行终止符、注释和空白符。ECMAScript定义了一些关键字、字面量以及行尾分号补全的规则。注释注释用来在源码中增加提示、笔记、建议、警告等信息，可以帮助阅读和理解源码。在调试时，可以用来将一段代码屏蔽掉，防止其运...

JavaScript 提供一套灵活的语句集，特别是控制流语句，你可以用它在你的应用程序中实现大量的交互性功能。本章节我们将带来关于JavaScript语句的一些概览。这一章中的语句，在 JavaScript参考 中包含更为详尽的细节。在 JavaScript 代码中，分号（;）字符被用来分割语句。在JavaScript中，任何表达式(expression)都可以看作一条语句(statement...

在学习vue+typescript的时候，突然报了以下错误$ npm installnpm WARN tarball tarball data for typescript@3.0.3 (sha1-SFOz4nXs2qJ/eP2kbcJzp+t/wcg=) seems to be corrupted. Trying one more time.npm ERR! path E:\vue-ty...

由 杰里米· 瓦格纳 Jeremy是Web Fundamentals的贡献者 网站的典型有效载荷中的图像 和视频部分 可能很重要。遗憾的是，项目利益相关者...

By Addy Osmani Eng Manager, Web Developer Relations Dogfood：PRPL 是我们觉得非常有潜力的一种新模...

你能负担得起吗？：真实的网络性能预算TL; DR：绩效预算是产品成功和团队健康的重要但不被重视的部分。我们合作的大多数合作伙伴都不了解真实的操作环境，因此选择了不适当的技术。我们设定的预算时间 &lt;= 5秒首次加载交互时间和&lt;= 2秒后续加载。我们将自己局限于现实世界的基线设备+网络配置来衡量进度。默认的全局基线是400Kbps链路上约200美元的Android设备，其往返时间为40...

事件冒泡 当一个子元素的事件被触发的时候（例如onclick事件）， 该事件会从事件（被电击的元素） 开始逐个向上传播，触发父级元素的点击事件上图吧 HTML代码&lt;html&gt;&lt;head&gt;&lt;/head&gt;&lt;body&gt; &lt;ul&gt; &lt;li&gt;111&lt;/li&gt;

和其他高级语言一样 javascript 中也有 new 运算符，我们知道 new 运算符是用来实例化一个类，从而在内存中分配一个实例对象。 但在 javascript 中，万物皆对象，为什么还要通过 new 来产生对象？ 本文将带你一起来探索 javascript 中 new 的奥秘…要创建 Person 的新实例，必须使用 new 操作符。以这种方式调用构造函数实际上会经历以下 4个步...

数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的10种，面试官很有可能对你刮目相看。在真实的项目中碰到的数组去重，一般都是后台去处理，很少让前端处理数组去重。虽然日常项目用到的概率比较低，但还是需要了解一下，以防面试的时候可能回被问到。注：写的匆忙，加上这几天有点忙，还没有非常认真核对过，不过思路是没有问题，可能一些...

1、使用typeof bar ===“object”来确定bar是否是一个对象时有什么潜在的缺陷？这个陷阱如何避免？尽管typeof bar ===“object”是检查bar是否是对象的可靠方法，但JavaScript中令人惊讶的问题null也被认为是一个对象！因此，对于大多数开发人员来说，下面的代码会将true（而不是false）打印到控制台：var bar = null;consol...

原文地址https://thenewstack.io/whats-coming-up-in-javascript-2018-async-generators-better-regex/原文作者：Mary Branscombe译文出自：掘金翻译计划 本文永久链接：https://github.com/xitu/gold-miner/blob/master/TODO1/whats-comi...

Ken Coding 我的公号看看面试题，只是为了查漏补缺，看看自己那些方面还不懂。切记不要以为背了面试题，就万事大吉了，最好是理解背后的原理，这样面试的时候才能侃侃而谈。不然，稍微有水平的面试官一看就能看出，是否有真才实学还是刚好背中了这道面试题。（都是一些基础的vue面试题，大神可一起回顾下）一、对于MVVM的理解？MVVM 是 Model-View-ViewModel 的缩写。M...

var str = 'asdfssaaasasasasaa';var json = {};for (var i = 0; i &lt; str.length; i++) { if(!json[str.charAt(i)]){ json[str.charAt(i)] = 1; }else{ json[str.charAt(i)]++; }};...

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &lt;title&gt;js数组以及对象合并&lt;/title&

一、什么是内存泄漏？程序的运行需要内存。只要程序提出要求，操作系统或者运行时（runtime）就必须供给内存。对于持续运行的服务进程（daemon），必须及时释放不再用到的内存。否则，内存占用越来越高，轻则影响系统性能，重则导致进程崩溃。不再用到的内存，没有及时释放，就叫做内存泄漏（memory leak）。有些语言（比如 C 语言）必须手动释放内存，程序员负责内存管理。char * ...

当我们构建更依赖JavaScript的网站时，我们有时会以我们无法轻易看到的方式支付我们发送的内容。在这篇文章中，我将介绍为什么如果您希望自己的网站能够在移动设备上快速加载和交互，那么一个小学科可以提供帮助。tl; dr：less code = less parse / compile + less transfer + less to decompress网络当大多数开发人员考虑JavaS...

前端性能优化第一篇：浅谈javascript函数节流与防抖Ken 在技术的海洋里遨游&nbsp;7月5日前言在前端开发中会遇到一些频繁的事件触发，比如：window 的 resize、scrollmousedown、mousemovekeyup、keydown……为此，我们举个示例代码来了解事件如何频繁的触发：我们写个&nbsp;节流防抖.html&nbsp;文件来看看他的浏览效果因为这个例子很简...