LoveSummer

1、Vue上手更简单，特别是从dom和jquery时代过来的程序员，或者习惯模板语言的后端开发，更容易接受Vue。2、Vue从设计上讲，跟趋向于简化使用，就是说Vue从骨子里面就是想用起来简单，但React更多的是为大型工程考虑。3、React上手稍微难一点，除了Vue那些基础，你还得学习，纯函数组件，函数式编程，JSX，css-in-js，高阶组件，Redux等。4、在组件化上，React更纯粹，也可以说更强大一些，而Vue不是完全组件化，应对一些复杂组件，可能会有些麻烦。

在我经历的多个电商与大屏项目的优化性能的项目后，我发现的处理在网站性能优化中有着举足轻重的作用。一般电商网站请求数据在首屏加载的 个请求中图片资源请求占到了 以上，在所有请求静态资源中图片也占有着很大的比重。可见图片优化的重要性。不过在认识图片优化前我们先了解下与的关系。在计算机中，一般用二进制数来表示像素。在不同的图片格式中，像素与二进制位数之间对应的关系是不同的。一个像素对应的二进制位数越多，它能表示的颜色种类就丰富，成像效果也就越精致，图片所需的存储空间相应也会越大。目前市场上优化图片资源的方式有

我们在低代码领域探索了很多年，从2015 开始研发低代码前端渲染（amis），从 2018 年开研发后端低代码数据模型，发布了爱速搭低代码平台，这些年调研过了几乎所有市面上的相关技术和产品，发现虽然每家产品细节都不太一样，但在底层技术上却只有少数几种方案，因此我们认为不同产品间的最大区别是实现原理，了解这些实现原理就能知道各个低代码平台的优缺点，所以本文将会介绍目前已知的各种低代码实现方案，从实现原理角度看低代码。本文里的「低代码」指的是什么？在讨论各个低代码方案前，首先要明确「低代码」究竟是什么？这

JavaScript 的运行原理，是面试的时候经常会问到的问题，但是根据过往的面试结果来看，这部分能理解的很清楚的不足 20%，大多数同学热衷于去学习一些 Vue、React 这样的框架，以及一些新的 API，却忽视了语言的根本，这是个非常不好的现象。今天就带大家来一起回顾一下，JavaScript 的真正的工作原理，里面不涉及深入的源码解析，只是希望能够用最简单的描述让大家弄明白整个过程，主要分为下面几个部分：解释型和编译型语言JavaScript 引擎EcmaScript 和 JavaScri

1.CSS盒模型，在不同浏览器的差异css 标准盒子模型css盒子模型 又称为框模型（Box Model），包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如下图：图中的内层是content依次是padding border margin。通常我们设置背景时就是内容、内边距、边框这三部分，如果border设置颜色的时候会显示...

p~ul{　　 background:#8e8e8e;}<p>段落P</p><ul>　　 <li>列表项1</li>　　 <li>列表项2</li>　　 <li>列表项3</li></ul>~p~ul选择前面有<p>元素的每个<ul>...

博客讲解内容如下：　　1、babel是什么　　2、javascript制作规范　　3、babel转译器　　4、babel的使用　　5、常见的几种babel转译器和插件　　6、babel最常见配置选项　　7、babel的其他　　8、在webpack中使用babel　　9、总结凡是看到这个标题点进来的同学，相信对babel都有了一定的了解。babel使用起来很简...

webpackwebpack是一款强大的模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理,优势如下:webpack 是以commonJS的形式来书写，但对AMD/CMD的支持也很全面,方便旧项目进行代码迁移 能被模块化的不仅仅是JS,还包括各种资源文件 开发便捷，能替代部分gulp的工作，比如打包、混淆...

build命令后占体积最大的竟然是.map文件，webpack如何设置不让编译出.map文件呢？ 解决办法：去config/index.js中改一个参数： productionSourceMap:false 把这个改为false。不然在最终打包的文件中会出现一些map文件map文件的作用：项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的...

原文来自: http://blog.myweb.kim/vue/keep-alive/?utm-source=origin 转载请注明出处。在搭建 vue 项目时，有某些组件没必要多次渲染，所以需要将组件在内存中进行‘持久化’，此时 &lt;keep-alive&gt; 便可以派上用场了。 &lt;keep-alive&gt; 可以使被包含的组件状态维持不变，即便是组件切换了，其内的状态依...

前言在使用vue一个多礼拜后，感觉现在还停留在初级阶段，虽然知道怎么和后端做数据交互，但是对于mounted这个挂载还不是很清楚的。放大之，对vue的生命周期不甚了解。只知道简单的使用，而不知道为什么，这对后面的踩坑是相当不利的。因为我们有时候会在几个钩子函数里做一些事情，什么时候做，在哪个函数里做，我们不清楚。于是我开始先去搜索，发现vue2.0的生命周期没啥文章。大多是1.0的版本...

在ES6的Class到来之前，先总结下个人对js中prototype属性的理解。 1、构造函数（大写函数名  this 无return）   2、原型对象（函数.prototype）  3、实例对象( new出来的东西obj )   备注：本文举例子都以Fn作为构造函数  Fn.prototype作为原型对象  实例对象obj = new Fn() 　　构造函数中的this是指向window的，只...

JavaScript是基于对象的，任何元素都可以看成对象。然而，类型和对象是不同的。本文中，我们除了讨论类型和对象的一些特点之外，更重要的是研究如何写出好的并且利于重用的类型。毕竟，JavaScript这种流行的脚本语言如果能够进行良好的封装，并形成一个庞大的类型库，对于重用是非常有意义的。网上对于prototype的文章很多，一直没明白核心的思想。最后写了很多例子代码后才明白：prototype...

学习日志： https://router.vuejs.org/zh/installation.html

创建一个 Vue 实例每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的：var vm = new Vue({ // 选项})虽然没有完全遵循 MVVM 模型，但是 Vue 的设计也受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的缩写) 这个变量名表示 Vue 实例。当创建一个 Vue 实例时，你可以传入一个选项对象。这篇教程主要描述的就是如何...

CSS 定位 (Positioning) 属性允许你对元素进行定位。CSS 定位和浮动CSS 为定位和浮动提供了一些属性，利用这些属性，可以建立列式布局，将布局的一部分与另一部分重叠，还可以完成多年来通常需要使用多个表格才能完成的任务。定位的基本思想很简单，它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。显然，这个功能非常强大，也很让人吃惊。...

盒子模型：css盒模型分为两种，一种是遵循w3c标准的标准盒模型，另一种是IE盒模型。 标准盒子模型IE盒子模型通过上面两张图可以看出，两种盒子模型都包括padding，margin，border，content四部分，但是ie盒子模型的content已经计算border和padding在内。 一个例子一个盒子的 margin 为 20px，border 为 1px，padding 为 10px，...

网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex布局将成...