光脚丫思考-CSDN博客

下面是本文的屏幕录像的在线视频：温馨提示：1、视频下载：线上视频被压缩处理，可以下载高清版本：链接：https://pan.baidu.com/s/1h600_BRR9O2Lr87zVQNgEw提取码：dgpu2、示例代码：https://pan.baidu.com/s/1rCqbY_j35FcRWRZbuOfHqg提取码：79kh下图是文章大纲：一、概述本篇文章介绍了Vue.js 3.x的计算属性的一些其他玩法，具体包括：依赖其他计算属性、依赖其他实例的数据、...

2021-05-28 21:23:51 20294 7

原创光脚丫思考Vue3与实战：第05章计算属性和侦听器第02节侦听器

下面是本文的屏幕录像的在线视频：温馨提示：1、视频下载：线上视频被压缩处理，可以下载高清版本：链接：https://pan.baidu.com/s/1MiGKmrzp40i1ZD_4borteQ提取码：wc592、示例代码：https://pan.baidu.com/s/1rCqbY_j35FcRWRZbuOfHqg提取码：79kh下图是文章大纲：一、概述模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维...

2021-05-27 21:12:47 21140 4

原创光脚丫思考Vue3与实战：第05章计算属性和侦听器第01节计算属性

下面是本文的屏幕录像的在线视频：第02节指令的参数+动态参数温馨提示：1、视频下载：线上视频被压缩处理，可以下载高清版本：链接：https://pan.baidu.com/s/11_hwQF-cBQDtWX1WzdjmmQ提取码：oro02、示例代码：https://pan.baidu.com/s/1SyOvCLPOTG22qj_B5qtiew提取码：eozw下图是文章大纲：一、概述模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的...

2021-05-22 08:38:30 20256 2

原创光脚丫思考Vue3与实战：第04章模板语法第04节指令的缩写

下面是本文的屏幕录像的在线视频：第03节指令的修饰符温馨提示：1、视频下载：线上视频被压缩处理，可以下载高清版本：链接：https://pan.baidu.com/s/1J08bPvs6OITq3R_FN3riIg提取码：ewgh2、示例代码：https://pan.baidu.com/s/1SyOvCLPOTG22qj_B5qtiew提取码：eozw下图是文章大纲：一、概述v-前缀作为一种视觉提示，用来识别模板中Vue特定的attribute。当你在使用Vu...

2021-05-10 08:37:55 21427

原创光脚丫思考Vue3与实战：第04章模板语法第03节指令的修饰符

下面是本文的屏幕录像的在线视频：第02节指令的参数+动态参数温馨提示：1、视频下载：线上视频被压缩处理，可以下载高清版本：链接：https://pan.baidu.com/s/11_hwQF-cBQDtWX1WzdjmmQ提取码：oro02、示例代码：https://pan.baidu.com/s/1SyOvCLPOTG22qj_B5qtiew提取码：eozw下图是文章大纲：一、概述Vue.js的修饰符包括两种类型：事件修饰符和按键修饰...

2021-05-09 09:29:15 22864 1

原创光脚丫思考Vue3与实战：第04章模板语法第02节指令的参数+动态参数

下面是本文的屏幕录像的在线视频：温馨提示：1、视频下载：线上视频被压缩处理，可以下载高清版本：链接：https://pan.baidu.com/s/1r3XKC9FWw1I9A-Ms3XVJ8Q提取码：jh342、示例代码：https://pan.baidu.com/s/1SyOvCLPOTG22qj_B5qtiew提取码：eozw注意：上面的链接换没修改呢，视频也没上传呢。下图是文章大纲：一、概述指令(Directives)是带有v-前缀的特殊attribute...

2021-05-07 07:40:24 23006 1

原创光脚丫思考Vue3与实战：第04章模板语法第01节概述+插值

下面是本文的屏幕录像的在线视频：温馨提示：1、视频下载：线上视频被压缩处理，可以下载高清版本：03-Vue实例：https://pan.baidu.com/s/1O9lUFm2jRIlBeFrBjXPZIA提取码：nbzt03-生命周期示意图+钩子函数：https://pan.baidu.com/s/1D4ndTSgPBNGE8D4_Hcx-1A提取码：jst42、示例代码：https://pan.baidu.com/s/1OcZ_ZPwxIlEoYRD7coc4gQ提取码：y9...

2021-04-29 07:27:22 28018 4

转载 JS事件冒泡与捕获

什么是冒泡与捕获以click点击事件为例。假如我们有一个多层结构标签。如下图，是4个div嵌套。每个div都有点击的监听事件，分别输出1234。当我们点击最里面的div时，点击事件开始传递，传递的全过程是1-2-3-4-4-3-2-1。前半部分，事件从最外面的父div依次传递到最里面的后代div，1-2-3-4这部分我们叫捕获过程。之后事件又从最里层的后代div逐层传出，4-3-2-1这部分我们叫冒泡过程。如果我把捕获监听器和冒泡监听器都加上，如下图这样。这时我们有8个监听器了，在捕获过程

2021-04-14 06:41:21 16540

原创光脚丫思考Vue3与实战：第03章 Vue实例

一、概述本章介绍如何创建Vue实例，以及实例的数据、方法和生命周期钩子函数等内容。二、创建Vue实例每个Vue应用程序都通过使用以下功能创建一个新的应用程序实例：该应用程序实例用于注册“全局变量”，然后可由该应用程序内的组件使用。下面是一个快速实例：应用程序实例公开的大多数方法都返回相同的实例，从而允许链式调用：示例代码：01-HelloWorld.html三、根实例传递给createApp()的选项用于配置根组件，该组件将用作渲染的起点。需要将...

2021-04-08 07:34:24 46184

转载在JS中复制对象

原文地址：Copying objects in Javascript，原文作者：Victor Parmar渣翻译，有英文阅读能力的可以去原网址阅读，正文部分的括号内是译者的尝试补充说明自豪地采用谷歌翻译在这篇文章中，我将会讲到几种在JS中复制对象的方式，我们将会关注到浅复制和深复制。在开始之前，值得一提的是一些基础知识：JS中的对象只是对内存中某个位置的引用。这些引用是可以更改的。即他们可以被重新分配。从而，简单的复制引用的操作在结果上仅仅是将两个引用指向了内存中的同一位置。var foo

2021-04-01 11:35:57 9828 3

转载自学转行前端找到第一份前端工作，做得很吃力，被劝退怎么办？

此文是转载的文章，点评下：自学前端应该没啥问题，主要是文中提到的兄弟手很生，完成项目进度，连简单的业务都很难完成，这样必须面对被劝退的结果。技术要是学扎实了，则可能就是个宝了。转载文章正文如下：身边有一位朋友，自学前端转行，看了很多视频和书，视频为主，自己也敲了些代码，很少，学了html,css,js和vue框架，小程序，uni-app也学习过。现在好不容易找到一份工作，手很生，完不成项目进度，一些简单的业务完成都很难，现在被领导劝退了。其实我觉得应该是他自学的过程中很多基础的没有学扎实，学过蛮

2021-03-26 07:26:45 11116

转载阿里的过来人告诉你，数据中台为什么搞不下去了？

搞数据的都知道，阿里发明了数据中台，然后“中台”这个概念就马上成为了国内大多数企业趋之若鹜的风口，真正实施后却发现中台与数据平台、数据湖等项目大差不差，又有好多机构开始忙着拆中台了，中台虽然还没到人见人烦的地步，但总体来讲已经不那么受待见了。我发现网上也有很多文章进行分析，但大多是长篇大论，表述也过于技术，今天我就用最通俗的话跟大家解释一下。中台的概念首先，先解释一下中台的概念首先，不论是数据中台，还是业务中台，都属于中台的一种。而中台的职责在于抽象共性形成通用服务能力。而数据中台就是抽象

2021-03-26 07:12:20 9303

原创光脚丫思考Vue3与实战：第02章安装Vue.js

下面是本文的屏幕录像的在线视频：02-安装Vue.js温馨提示：1、视频下载：线上视频被压缩处理，可以下载高清版本：https://pan.baidu.com/s/16594YUpNNrkjZfrCx7e5kQ提取码：hws62、示例代码：https://pan.baidu.com/s/1oYV0Lej_E3ufyEUMxq1S2Q提取码：ikhe下图是文章大纲：一、概述Vue.js是设计是渐进式逐步使用的。这意味着可以根据需要将其以多种方式集成到项目中。将V...

2020-11-30 21:34:11 45542

原创光脚丫思考Vue3与实战：第01章初步认识Vue3

一、概述Vue（发音为/vjuː/，类似于view）是用于构建用户界面的渐进式框架。与其他整体框架不同，Vue从头开始设计以逐渐采用。核心库仅集中在视图层，并且易于拾取并与其他库或现有项目集成。另一方面，当与现代工具和支持库结合使用时，Vue也完全能够为复杂的单页应用程序提供支持。常见的高级功能：解耦视图与数据。可复用的组件。前端路由。状态管理。虚拟DOM(Virtual DOM)。如果您想在开始学习之前了解有关Vue的更多信息，我们创建了一段视频，介绍了核心原则和示例项目。htt

2020-11-26 10:05:22 47455

转载 Swagger介绍及使用

作者：wuqke链接：https://www.jianshu.com/p/349e130e40d5来源：简书著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。一、导语相信无论是前端还是后端开发，都或多或少地被接口文档折磨过。前端经常抱怨后端给的接口文档与实际情况不一致。后端又觉得编写及维护接口文档会耗费不少精力，经常来不及更新。其实无论是前端调用后端，还是后端调用后端，都期望有一个好的接口文档。但是这个接口文档对于程序员来说，就跟注释一样，经常会抱怨别人写的代码没有写注.

2020-09-25 23:59:03 24702 2

转载使用Svgo优化svg代码

一、概述本项目提供了svg压缩处理优化功能。基于svgo实现。npm run svgo我们很多网上下载或者Sketch导出的svg会有很多冗余无用的信息，大大的增加了svg的尺寸，可以使用svgo对它进行优化，另外，有时候使用UI切图的svg无法直接修改内部的CSS样式，借用svgo工具可以完成样式的修改比如下图所示的一个svg：我们可以执行npm run svgo无用的信息都被处理掉了。那具体如何做呢？按照下面的内容操作。二、准备1、安装svgo的npm包：.

2020-09-25 05:52:23 23598 4

原创 03-Vue.js环境准备-使用vue-cli快速搭建项目(cli3+)

一、文章大纲二、安装环境本文基于如下的环境进行试验的：Windows 10中文64位专业版。 v12.18.3版本的Node.js。 @vue/cli 4.5.4的Vue.js和cli。三、安装vue-cli使用npm全局安装vue-cli：npm install -g @vue/cli可以使用如下的创建项目的命令，查看vue cli的安装情况：按照上面的提示，先卸载之前的版本，然后安装新的版本。安装成功后，如果要查看安装的cli的版本，可以执行命令：

2020-09-11 00:21:38 30739

转载 Vue中的scoped和scoped穿透

文章摘自：https://segmentfault.com/a/1190000015932467一、什么是scoped在Vue文件中的style标签上有一个特殊的属性：scoped。当一个style标签拥有scoped属性时候，它的CSS样式只能用于当前的Vue组件，可以使组件的样式不相互污染。如果一个项目的所有style标签都加上了scoped属性，相当于实现了样式的模块化。二、scoped实现原理Vue中的scoped属性的效果主要是通过PostCss实现的。以下是转译前的代码:.

2020-09-07 08:49:21 20947

原创 02-Vue.js环境准备-使用vue-cli快速搭建项目(cli2)

一、概述在用Vue.js构建大型应用时，推荐使用npm安装，npm能很好的和webpack等打包工具配合使用。如果使用npm过程中安装速度过慢，可以考虑使用淘宝镜像的cnpm来代替npm。首先Vue的安装依赖于Node.js，要保证你的计算机上已经安装过Node.js。可以参考前面的文章：https://blog.csdn.net/GJYSK/article/details/108210708如何查看Node是否安装或者Node版本呢？进入cmd，输入命令：node -v，回车查看，node最好使

2020-09-05 06:37:59 31863

N层研习01的测试代码

空空如也