想要成为编码机器人-CSDN博客

转载 Vue组件之props,emit与on以及slot分发详解

Vue组件实例之间的作用域是孤立存在，要让它们之间的信息互通，就必须采用组件的通信方式。props用于父组件向子组件传达信息1.静态方式例如：<div id="app"> <my-component message="hello"></my-component></div><script>Vue.component('my-component',{ template:"<h1>{{message}}&l.

2021-03-16 13:18:19 1131

转载 v-slot与废弃的slot，slot-scope的对比与区别

（一）slotslot插槽，是Vue提供的一种HTML模版，由子组件提供的一种暴露给父组件的可以传入自定义内容的出口。slot 有匿名插槽，具名插槽，作用域插槽三种。匿名插槽（一个元素里只能有一个匿名插槽）// 子组件<div class="child1">  <slot>匿名插槽按钮</slot></div>// 父组件<child1> <div>

2021-03-16 13:15:46 828

原创从GitHub上下载项目后如何运行，学习

很多人学习的时候会在网上搜索一些项目源码，然后通过看别人的源代码，然后再通过调试运行去学习、理解其中的各个关节的内容，github就会成为很多人下载源码的首选。但是很多人下载下来之后不知道该如果开始看这个源码，很多新入门的小朋友会摸不着头脑。下面我就分享一些如何启动下载下来的项目，如何看懂别人的项目源码。首先，关于下载之后运行项目这个问题，我在之前的文章里有说明，但是我今天可能要再重复一边。我们下载下来的代码，一般是一个压缩包，解压之后，很多人就不知道怎么办了，看到一堆的文件就一脸懵，也不知道该怎么运行

2021-02-24 13:46:42 76509 29

转载通过js获取元素css3的transform rotate旋转角度

我们在试用jquery获取样式的时候是通过$('element').css('transform')的方式来获取元素的css样式，但是通过它获取到的css3的transform属性是以矩阵的方式呈现的：matrix(a, b, c, d, e, f);这样的返回值并不是我们想要的结果。我们要想获取真正的旋转角度值就需要通过一系列的处理来过去，具体方法是：<!DOCTYPE html>...

2018-04-18 17:55:17 7709

原创 GitHub下载项目并运行

从昨天开始就想着从GitHub上下载一个开源的Vue的实战项目，希望能从中学习更多的Vue的实用内容，结果搞了半天好不容易下载了，不知道怎么弄。然而，今天终于成功了，激动地我赶紧来记录一下。如何从GitHub上下载自己需要的项目：1.首先，你要有一个自己的GitHub（https://github.com/）的账号。关于如何注册GitHub的账号以及如何获取你的SSH密钥这个问题，请大家参考htt...

2018-04-18 13:20:28 74318 13

原创瀑布流效果-滚动无限加载

废话不多说，直接上代码！<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>瀑布流-横排</title> <style> .container{width: 100%;heigh

2018-04-18 11:36:04 1153

原创 jquery-outerHeight(true)的值有误问题解决办法（chrome浏览器）

问题描述：我想获取一个容器元素的高度（包含margin+padding+height+border），容器中包含图片，当我在chrome浏览器中调试移动到容器元素上的时候，我通过Jquery中 $('element').outerHeight(true) 所获取到的值并不是我想要的值，而是比我想要获取到的值更小。这个容器元素的样式中包含容器本身的宽度width,position:rela...

2018-04-17 18:11:11 1814

原创 CSS3多列样式column布局内容被截断

今天做了一个瀑布流的效果，发现使用css3的列布局处理这个问题简直是完美啊！但是在做的过程中还是出现了一个问题，就是在底部出现内容被截断，然后剩余的部分出现在下一列的头部的位置，就像这种去百度了一下，发现，原来在CSS3规范里，各列的高度是均衡的。浏览器会自动调整每列会填充多少文本，然后让整个布局的高度保持均衡一致。而我们在做这种瀑布流的类似布局的时候，往往只需要设置每个容器的宽度，然后高度通过内...

2018-04-16 17:26:12 3075 2

原创 for in 与for of （JavaScript）

作为一个前端，我对自己的知识量感到羞愧。前两天遇见了一个面试题，问道到一个特别简单特别基础的问题，然而，我居然不会！！！for in 与for of 的区别：1.for in：ES5 标准for（var key in arr）{ //当arr是一个数组时，此处 index 指的是数组的索引（索引这个表达不太贴切），所以用法应该是： var index=key; //值得注...

2018-04-16 15:55:02 285

转载深入理解position 的absolute和relative属性的区别

下面的结果都是基于firefox38版本来测试的。如有错误，请指正position:relative相对定位1. 如何定位？每个元素在页面的普通流中会“占有”一个位置，这个位置可以理解为默认值，而相对定位就是将元素偏离元素的默认位置，但普通流中依然保持着原有的默认位置。（在父级节点的content-box区定位，父级节点有文字的话，元素的默认位置则是紧随文字）2. 不会改变行内元素的display...

2018-04-10 11:09:42 1599

转载排序算法

十大经典排序算法0、排序算法说明0.1 排序的定义对一序列对象根据某个关键字进行排序。0.2 术语说明稳定：如果a原本在b前面，而a=b，排序之后a仍然在b的前面；不稳定：如果a原本在b的前面，而a=b，排序之后a可能会出现在b的后面；内排序：所有排序操作都在内存中完成；外排序：由于数据太大，因此把数据放在磁盘中，而排序通过磁盘和内存的数据传输才能进行；时间复杂度：一个算法执行所耗费的时间。空间...

2018-03-29 15:16:20 179

转载 Vue.js 组件-全局组件和局部组件

今天学习到Vue.js 组件的部分，感觉组件这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。1. Vue组件的使用有3个步骤： 1. 创建组件构造器 2. 注册组件 3. 使用组件3个方面代码演示如下：<!DOCTYPE html><html> <body> <div id="ap...

2018-03-28 11:43:05 506

转载 Vue基础-for循环

v-for循环分为三种：整数循环、数组循环和对象循环作用：控制HTML元素中的循环，实现语句列表的生成用法： v-for = “item in items”或 v-for = “item of items”，其中item指集合的子项，items指被遍历的元素，通常为数组用处：写在谁上边，谁遍历整数循环举例-1 ：<div class="box"> <ol>...

2018-03-27 11:34:11 4748

原创 Vue.js基础-Computed

多读多看，不如多练。程序这种东西，看的再多，学的再快，也不如上手学的更到位！今天来说说Vue.js里的一个关键字：computed，计算属性。先通过一个具体的小例子来了解一下computed：<div id="app"> <p>原始字符串: {{ message }}</p> <p>计算后反转字符串: {{reversedMessage }}...

2018-03-26 16:02:12 461

原创 Vue.js基础-过滤器（filters）

昨天开始接触到VueJS里面的过滤器，反反复复很多遍，总是不得其法，今天终于弄明白了，赶紧写个文档记录一下！Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示：{{data...

2018-03-23 13:15:57 328

转载 Vue.j基础--语法说明（1）

VUE指令1.v-model双向绑定数据<input type="text" v-model="msg"/> {{msg}} <div id="app"> <input v-model='message'> <p>{{message}}</p&g

2018-03-22 14:54:05 461

原创关于transform属性的详细介绍

了解transform的3D效果之前，先了解一下坐标和透视（perspective）一、关于坐标在了解透视之前，首先要先了解坐标轴。3D变形与2D变形最大的不同就在于其参考的坐标轴不同。2D变形的坐标轴是平面的，只存在x轴和y轴，而3D变形的坐标轴则是x、y、z三条轴组成的立体空间，x轴正向、y轴正向、z轴正向分别朝向右、下和屏幕外二、关于透视perspectiveperspective:none...

2018-03-21 13:50:12 3722

Jasmines1993的个人收藏