自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

心灵刈博

个人总体博客都在这里

  • 博客(20)
  • 收藏
  • 关注

原创 花里胡哨的vue传值

前言 在vue项目中,不可避免的会在不同组件之间进行传值 ,不同需求下有各式各样的传值方式。就比如说,兄弟组件传值,父子子父之间传值,路由传值,ref方式传值或者是共享状态(数据)等,一些花里胡哨的方式,都有各自使用场景且有可能不经常使用导致容易忘记,故总结记之,方便自己以后更好运用自如。目录前言目录使用props传值使用路由传值使用ref方式传值使用BUS传值通过parentc

2017-11-28 13:41:45 1045

原创 页面中产生小三角块的样式

问题说明 一般网站页面都会有三角方块,或者他们组合的图形。有人说可以直接叫美工切个图,不就完事了吗。当然这是可以的,也是重要方法之一,但这种思维知识会固定死,遇到极端苛刻的场景需求,估计GG了。当然这是自己说给自己听的,与大神无关。大神越过

2017-07-23 20:30:32 801

原创 简述js来判断数据类型

前言技术还原一. 使用Object.prototype.toString.call()方法产生结果进行判断1>. 判断5种基本数据类型2>. 判断3种引用类型二. 使用typeof来判断js的数据类型1>. 判断5种基本数据类型2>.判断三种引用类型三. 使用instanceof来判断数据类型总结前言​ 最近...

2018-03-22 17:52:04 234

原创 vue导航守卫

目录导航解析流程导航守卫详解测试用例全局守卫路由独享的守卫组件内的守卫路由元信息(meta)总结导航解析流程导航被触发。在失活的组件里调用离开守卫。调用全局的 beforeEach 守卫。在重用的组件里调用 beforeRouteUpdate 守卫 (2.2+)。在路由配置里调用 beforeEnter。解析异步路由组件。在被激活的...

2018-03-12 14:13:24 1656

原创 js细节篇---特异a标签的href属性

前言不管总结知识点的深度/广度比较小,自己还是要将这篇小小的知识点,加上微不足道的前言,已为项目结构工整性。不扯上别的了,扯回来,前端程序员现在可能偶尔会看到前辈代码上会出现这么一段代码<a href="javascript:;" class="link">链接</a>,第一次咋一看,什么东东,可能知道这没啥大用,不影响整体功能逻辑,但不明所以,还真**难受。譬如: ...

2018-03-12 14:08:50 663

原创 ajax的知识点剖析

前言ajax无疑是改变互联网前端的一个突破点,为了更深刻的记忆和掌握ajax相关知识点,故总结了这篇ajax学习的心得,纯属为了以后自己查询,虽然ajax网上资料多多的。以下,我将就js实现ajax和jQuery实现ajax分别类比学习总结,并且就js实现ajax进行函数式封装及对象封装一、ajax简介与作用俗话说的好,只有了解的用法与情景,才会深入的领悟它的魅力,

2017-09-14 14:45:42 266

原创 js引用类型--数组

数组是值的有序集合,而且可以存放js各种数据类型,因为js是弱类型的语言,所以不像其他语言数组只能存放特定的数据类型 注意:1. ECMAScript语言中的数组是可以动态变化的(因为是js的数组的数值存储采用链式结构存储) 2.Array数组是数据的有序列表。所以数组里的数值都有特定的索引值 3.ECMAScript同一个数组中可以存储不同类型的数据; 4.每个数组都有一个length属性

2017-08-10 21:42:33 925 1

原创 css动画属性实现心脏跳动的小demo效果

前言今天总结了很多css动画属性相关知识,就把前几天做的动画属性做的小demo,顺带总结到我的CSDN中,便于自己对于知识的加深。直戳要点了:实现思路1.文档结构,使用伪元素创建两个小模块,使其在父元素两边。2.border-radius属性设置心型两个圆角效果3.使用transform-origin将连个伪元素创建块,有着相同的旋转点。效果图如下:

2017-07-30 21:09:59 5058

原创 css动画属性实现3d效果立体盒子效果

前言今天总结了css动画属性相关知识,也写了一些前言,现在不说不多bb了。主要是为对先前总结的知识(css动画属性大集合),来个小demo来加深印象。主要知识点1.在祖先元素设置井深属性-perspective2.为需要实现3d变形转换的元素设置3d场景:transform-style: preserve-3d;效果图如下:实现代码如下:

2017-07-30 20:47:37 2947

原创 css动画属性实现轮播图的小demo

前言上一篇总结了css3动画的属性,就把先前做的小demo做了一遍,来加深一些css动画属性,这篇博客仅仅是加深自己的能力啦,大神越过喵过。不过,我是向着大神的心,一直努力的,相信以自己的风格节奏学习总有一天,我自认为达到大神级别。想想多木帅。纯属个人ni想,不过我的博客我做主,管它呢。bb多了,直接上上自己的技术分享。实现思路----动画属性实现轮播图1.html文档结构

2017-07-30 20:07:28 3060 1

原创 css3动画属性集合

前言最近学习了css动画属性,感觉蛮吊的,可以实现简单的动画,以后再做一些小场景的动画,可以告别flash软件了,虽然也是好少用到,但是找到了不同方案可以解决问题,是很爽的。所以今天好好总结一下css动画属性,以便自己的知识更加牢靠。css动画属性结合(animation transform transition)transform变形属性  (CSS3中的变形处理,实

2017-07-30 18:01:23 1197

原创 清除浮动产生的问题

前言:发现自己到了一个需要大量知识眼界的一个阶段,虽然遇到一个bug,但自己也会百度,找到大神的王道解法,当然那一瞬间,是多么感谢大神的,虽然解决方法不是唯一的,但解决问题无疑是多么的牛叉。但想想以后遇到各种问题,就去百度去翻大神们的博客,每次场景问题解决方法有些小小的区别,自己获得始终都是获得感不足,显而易见,不是自己的东西。当然这是站在我这个菜鸟级别的阶段来谈的,大神就slide过吧。不多bb...

2017-07-29 21:48:38 273

原创 行内块元素之间默认间距问题

前言为了个文档结构条理性,我也来个前言,虽然不知道写个啥。但向大神学习态度不能丢。因为这个问题简单,逻辑性不强,就直接上问题上代码上解决方案了。大神勿喷,有什么问题,别的解决方案方法,希望大神们多多指点问题描述行内块元素之间,浏览器会有一个默认的间距,例如照片之间的间距,或者是别的元素类型直接转换过来的行内块元素,浏览器都会有默认的间距。话不多说,直接上图解释其中的bug。

2017-07-27 21:38:17 14971 3

原创 元素外边距合并产生问题

有些时候在写盒子模型中元素之间外边距,往往会在脑海中出现what的神马情况(极端个别情况),今天有时间总结了一些知识和解决方案,如果大神有别的解决方案,望请留言,让小弟涨涨见识

2017-07-19 21:31:41 465

原创 DOM基本操作方法汇总

最近越来越发现DOM操作是js,jquery最基本功,自己总是觉得会用起来比较吃力费时间,于是乎总结DOM基本的操作(包括js和jquery的用法),话不多说,直接切入正题。首先,说一下自己写的整片文章的脉络,即总结js DOM基本操作的方法,然后在js,jquery在用法上进行比较举例,相信这是最让人记忆的法子。js DOM基本操作方法获取节点常用获取节点的方法有:

2017-05-13 14:17:34 1748

原创 客户端存储

web存储web存储标准所描述的API包含localstorage对象和sessionStorage对象,该对象是一个持久化关联数组(即名值对映射表,“名”和“值”都是字符串),数组使用字符串来索引,存储的值也都是字符串形式的。其localStorage和sessionStorage俩者的区别在于存储的有效期和作用域不同,其区别如下:tips:1 、有效期:数据阔以存储多长时间;2、作

2017-03-19 16:16:10 279

原创 块状元素与内联元素的嵌套规则

小细节的问题终究会变成大麻烦,故好好分析了其中的原委。不错,下面大神前辈们的总结吸取过来,方便以后自己查询。块状元素与内联元素的基本概念:  块状元素:一般是其他元素的容器,可容纳内联元素和其他块状元素,块状元素独占一行,不允许别的元素在同一行,,宽度(width)高度(height)起作用。      div,p,address,h1~h6,、blockquote、cen

2017-03-14 19:29:15 1380 1

原创 js事件总结之概述续

js事件传播过程

2017-03-05 08:24:58 378

原创 js事件总结之概述

何为事件 说到事件,总会想到何为事件,我的理解事件就是由于用户的某些行为使浏览器产生了交互、响应。我查了百度百科,它说:“当文档、浏览器、元素或与之相关的对象发生某些有趣的事情,web浏览器就会产生事件。”额、、、额,就是对象具体些,道理好像是一样。还没我的好懂,哈哈,下面是本家及书籍总结之言,理解就行。

2017-03-03 20:08:21 516

原创 网页css样式之文本排版知识梳要

网页文字的排版,说难也不能难,往往我们不清楚、模糊的情况下,查一下w3c或者百度,一下就出来咯,次数多了终究显得麻烦。为了解决这一通病,总结了一些加深一下理解,让以后在网页的文字排版随心就能达到在word排版的境界。

2016-12-19 13:16:55 560

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除