自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

深谷逸风的博客

前端技术爱好者,与你每天分享最潮流,最新,最前端的前端技术

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

原创 必须掌握的几种常见的继承方式

写在前面嗯,继承对于新手来说,总是会弄得焦头烂额,继承就像你的对象,你在等待你的对象,心里怕他不来,但是又怕他乱来,总是让你手足无措,希望本篇文章能让你掌握主动权,不再等待0.0父类函数约定 // 先约定好一个超类,即我们要去继承的父类 // 虽然没有强行规定,但是默认约定构造函数名采用大驼峰命名规则 function Super (firstName) ...

2018-08-23 19:47:08 1278

原创 震惊,居然喝杯茶的时间就学完了vuex

写在前面我很欣赏震惊部,因为他们的标题每次写的都很好0.0什么是vuex先给出官网地址 官方解释: Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化 大白话:对数据(data)统一的管理,如果涉及到了数据的处理,来,到vuex里面进出吧!就像是超市对商品的统一管理

2018-02-01 19:01:52 276

原创 使用vue构建一个自由建站项目

写在前面之前一直用Jquery+Jquery-ui来做这个项目,那个时候没有设计稿,没有项目需求,就因为BOSS一句话,要做这样的东西,当时就…好吧!我承认,其实已经习惯了,无所谓了(也是无奈,哎)!!! 在之后的一段时间里,做了一个demo出来,BOSS很满意了,所以自己接下来就慢慢做吧,差不多两三个月吧,就闷头做这个,后来项目上线了,当然因为产品的不完善,还是有点问题了! 不过基本能

2018-01-31 16:25:38 4818 3

原创 better-scroll在vue项目中的使用

插件主要用于有滚动区域时替代浏览器自带的滚动

2017-12-21 18:01:09 11310 3

原创 vue 通过下拉框组件了解Vue中父子组件通讯

最近很忙,一直没有时间写文章,接下来的时间,主要通过写一些vue组件的小例子,然后认识到vue中的一些知识,让大家都学会vue框架的使用

2017-12-05 17:55:32 2094 1

原创 javascript 函数作用域中的关键字this

对于初学者来说,关键字this总是让人捉摸不透,甚是复杂,但是其实,只要你摸透了其中关键所在,便也无甚烦恼了;

2017-11-13 23:56:45 508

原创 javascript 高级系列之变量提升与函数提升

文章开始之前,我们来先看一段代码变量提升console.log(a); //undefinedvar a = 10;console.log(a); //10;为什么在变量之前打印出来是 undefind 而在之后是 10 呢? 其实真正的执行是按一下步骤执行的;var a; //首先会检查该作用域中有没有变量,如果有,就提到作用的顶部来;console.log(a) //当我们打印的时候

2017-11-10 23:55:41 214

原创 ES6系列(一)->定义变量

说在系列之前 想要在自己电脑上运行起来es6,请自行配置好环境,这里就不说明怎么配置了,如果有不会的可以百度,百度上很多教程 关于es6是什么,ECMA是什么,这种问题这里不会去说明,想要了解的也请百度 如果对文中出现的任何问题,不管是讨论,指错等等都可以直接在下面留言

2017-11-10 17:28:31 465

原创 使用纯css3自定义单选框radio和复选框checkbox

关于本文中单选框与复选框的自定义样式,只针对-webkit -moz浏览器内核来讲,所以必然不考虑IE的兼容性问题; 如果想使用这种方式来自定义单选框与复选框样式,请尽量在移动端中使用;毕竟pc端有万恶的IE

2017-11-09 11:33:19 880

原创 javascript中一切皆对象吗?

本文主要简介什么是javascript中的对象,如果你还不清楚,希望本篇文章能帮助到你

2017-11-07 15:38:24 1909 1

原创 javascript 高级系列之闭包(closure)

写在正文前:写这篇文的时候,我也在思考,如何才能讲清楚闭包(closure)的概念,所以这两天我也一直没有写文,就怕写的不好,给初学者带来不好的理解; 如果这篇文有地方存在不足的,希望大家看的地方就指正一下,这样也是共同交流,共同进步;进入正文 :官方给的解释: 一个拥有许多变量和绑定了这些变量的环境的表达式当初看到上面的解释的时候,我确实没有看懂上面意思,这太书面化了;但从上面给出的定义,

2017-11-07 11:13:16 370

原创 javascript高级系列之节流[throttle]与防抖[debounce ]

这次将节流、防抖划入高级系列其实有点牵强,更多的是因为这也算不得是一个高级的知识,划入性能优化方面更加的精准,之所以我将它划入高级系列,是因为知道这个知识点确实是要一定的基础知识一、概念这两个东西都是为了项目优化而出现的,官方是没有具体定义的,他们的出现主要是为了解决一些短时间内连续执行的事件带来性能上的不佳和内存的消耗巨大等问题; 像这类事件一般像 scroll keyup mousemove

2017-11-02 17:13:51 297

原创 前端学习资料,vue angular react webpack es6应有尽有

扫描上面二维码 关注微信公众号【大前端js】 只要在公众号下回复下面的内容,就可以获得相应的地址了;前端入门教程系列回复 : 前端入门 vue教程系列回复 : vue视频教程 angular教程系列回复 : angular教程 react教程系列回复 : react教程 webpack教程系列回复 : webpack实战 less教程系列回复 : less教程 sass教程系列回复 :

2017-11-01 11:28:06 639

原创 H5 js中的localStorage与sessionStorage

首先明确的一点是:localStorage与sessionStorage都是存储方式;是H5版本提供的两种存储方式,在此之前使用cookie来存储数据,他们都是本地存储数据,不是存储在服务器端的localStorage与sessionStorage的使用与语法上都几乎一模一样,唯一不同的是: localStorage 在本地存储的时间是没有限制的,只要你愿意,他可以永远的存储在你本地;

2017-10-31 17:54:51 784

原创 javascript高级系列之slice()与substring()

在实际开发中,难免会碰到截取字符串中某一段字符的情况,在javascript中提供了两个方法—-slice()和substring();使用方法(概念) slice() 与 substring() 都接受一个或两个参数。第一个参数是要获取的子串的起始位置,第二个参数(如果使用的话)是要获取子串终止前的位置(也就是说,获取终止位置处的字符不包括在返回的值内)。如果省略第二个参数,终止位就默认为字符

2017-10-25 15:18:10 603

原创 极简略介绍 javascript 事件代理(事件委托)

极简略介绍 javascript 事件代理概念 自身的事件通过冒泡机制代理到父辈元素上,让父辈元素代替自己来执行所要执行的事件;用途父元素当中多个子元素含有相同事件;动态创建的元素含有某种事件;首先谈谈多个子元素问题 <div class="goods-list"> <div class="goods-view"> <img src="img

2017-08-29 15:25:12 439

原创 webpack基本配置

webpack的使用已经是趋势,过多的这里也不多说,直接进入正题 这里假定你的电脑上已经安装了node.js、npm、cnpm、webpack如果没有安装或者不会的请自行百度一下,网上有很多教程;这里就不在赘述;步骤 一、在你的目录下新建一个文件夹,名字随便取,这里假定文件名为demo; 二、打开命令行进入到你新建的demo文件夹; 三、在命令行输入 npm init将会出现如下界面

2017-06-05 15:11:20 956

原创 h5 video标签 自定义控制条

接触过video标签的人都知道,这个东西是真让人尴尬,尤其是在微信中使用,奇奇怪怪的问题尤其多,上一次的文章中,我已经介绍了一些微信中使用video中的问题了,感兴趣的可以去看一下链接:http://blog.csdn.net/qq_22557797/article/details/66973548正文从这里开始这里主要介绍自定义控制条中控制条所包含的一系列常用事件,主要是 播放/暂停 刷新 音量开

2017-06-05 13:25:06 12180 3

原创 css3 动画系列(二)

接着上面一篇,我们继续聊聊css3动画;今天主要说说transition这个属性;以往我们做一个鼠标移上去显示隐藏的动画效果,都要借助jq中animate,fadeIn,slideDown之类的方法,如果我们使用css3中transition的这个属性的话完全不需要再写js代码了。只需要css代码就可以轻松搞定;第一个列子——渐隐渐现<div class="fade"> <div class

2017-04-10 15:26:10 510

原创 css3 动画系列(一)

其实w3c上的教程已经很清楚了,我也建议大家去看看w3c上的教程平常写写小动画或者一些简单的动态图,原本可能要js或者动态图片才能实现。所以为什么使用css3做小动画肯定是存在他的优点的: 1 使用js对dom节点操作进行变换会带来大量重排、重绘,使得页面性能不佳 2 css3 动画启用的是硬件加速(GPU),而且对GPU的消耗很小;主要的的有点就是以上两点了。至于缺点,就是兼容性的问题

2017-04-05 15:53:54 496

原创 使用js根据屏幕大小动态定义rem大小

(function () { function initFont() { document.getElementById('viewport').setAttribute('content','width=device-width,initial-scale=1,user-scalable=no,width=750,maximum-scale='+window.screen.

2017-03-28 15:54:34 1403

原创 微信直播video安卓端始终在最顶层的解决方法

这是一个老生常谈的问题,也是每个做微信直播前端心中的痛点,做过微信直播的同学都知道不管video的z-index设置为多小,或者其他元素的z-index比video大多少,video始终在最顶层。关于这一点官方给出的回答也是相当的,嗯,好吧,我想不到形容词了。。。 X5内核视频播放使用了自研的播放器,考虑用户体验,我们使用了统一的播放界面。如果有相关问题,请联系腾讯浏览服务产品经理做进一步交流

2017-03-27 17:00:00 14629 7

原创 关于height无法设置百分比的问题

这篇文章不仅仅是关于高度设置百分比的相关知识,还涉及了自适应布局的问题

2017-03-27 11:11:38 3529 1

原创 子元素垂直、左右居中的问题

子元素垂直、左右居中的问题

2017-03-24 17:07:47 658 1

空空如也

空空如也

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

TA关注的人

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