摘要:2.3 style 多重值; <div :style="{ display: ['-webkit-box', '-ms-flexbox', 'flex'] }"></div> 这会渲染数组中最后一个被浏览器支持的值。 新增.passive 修饰符 (demo1) ; .passive 修饰符表示事件 阅读全文
posted @ 2017-07-22 17:45 最骚的就是你 阅读 (2035) 评论 (0) 编辑
摘要:(二) 上次分享了四个CSS3的加载动画,今天继续(标题接上一次)。 在线demo:http://liyunpei.xyz/loading.html (持续更新) 请注意:代码中的关键帧动画有的用的linear曲线,而有的用的是ease曲线。前者是匀速执行,整个动画以固定的速度执行;后者有加速减速阶 阅读全文
posted @ 2017-07-12 00:32 最骚的就是你 阅读 (1322) 评论 (0) 编辑
摘要:为什么有模块概念 理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块。 但是,Javascript不是一种模块化编程语言,在es6以前,它是不支持”类”(class),所以也就没有”模块”(module)了。 require时代 Javascript社区做了很多努力,在现有 阅读全文
posted @ 2017-07-06 17:23 最骚的就是你 阅读 (84420) 评论 (12) 编辑
摘要:前言 任何一门语言都有对应的调试方法,也有对应的调试工具,JavaScript当然也不例外。最常用的莫过于浏览器这个调试工具了。而今天我们要讲的对于这个基础调试就不细说,我会将目前所有调试javascript(nodejs)的方法以及工具(主要是VS Code)介绍一下,然后顺便讲解一下webpac 阅读全文
posted @ 2017-07-06 17:10 最骚的就是你 阅读 (3012) 评论 (0) 编辑
摘要:终于考试完了,今天突然想起来前阵子找实习的时候,今日头条面试官问我,js执行会阻塞DOM树的解析和渲染,那么css加载会阻塞DOM树的解析和渲染吗?所以,接下来我就来对css加载对DOM树的解析和渲染做一个测试。 为了完成本次测试,先来科普一下,如何利用chrome来设置下载速度 css加载会阻塞D 阅读全文
posted @ 2017-07-06 17:06 最骚的就是你 阅读 (1586) 评论 (1) 编辑
摘要:前言 在手机上通过网页 input 标签拍照上传图片,有一些手机会出现图片旋转了90度d的问题,包括 iPhone 和个别三星手机。这些手机竖着拍的时候才会出现这种问题,横拍出来的照片就正常显示。因此,可以通过获取手机拍照角度来对照片进行旋转,从而解决这个问题。 Orientation 这个参数并不 阅读全文
posted @ 2017-06-30 21:51 最骚的就是你 阅读 (1337) 评论 (0) 编辑
摘要:阅读目录 一、问题追踪 二、效果预览 三、源码解析 1、源码各个方法解释 2、对于上述抛出的ie和谷歌的兼容性问题的解析 3、项目中的使用 4、扩展 四、总结 阅读目录 一、问题追踪 二、效果预览 三、源码解析 1、源码各个方法解释 2、对于上述抛出的ie和谷歌的兼容性问题的解析 3、项目中的使用 阅读全文
posted @ 2017-06-30 21:42 最骚的就是你 阅读 (273) 评论 (0) 编辑
摘要:在一个Web页面的CSS渲染中,块级格式化上下文 (Block Fromatting Context)是按照块级盒子布局的。W3C对BFC的定义如下: 为了便于理解,我们换一种方式来重新定义BFC。一个HTML元素要创建BFC,则满足下列的任意一个或多个条件即可: 1、float的值不是none。2 阅读全文
posted @ 2017-06-30 13:47 最骚的就是你 阅读 (39505) 评论 (6) 编辑
摘要:你对CSS的margin边界叠加的概念是否了解,这里和大家分享一下,当一个元素出现在另一个元素上面时,第一个元素的底边界与第二个元素的顶边界发生叠加。 CSS的margin边界叠加深度剖析 边界叠加简介 边界叠加是一个相当简单的概念。但是,在实践中对网页进行布局时,它会造成许多混淆。简单地说,当两个 阅读全文
posted @ 2017-06-30 00:37 最骚的就是你 阅读 (482) 评论 (0) 编辑
摘要:1. 讲个笑话 JavaScript 是一门编程语言 2. 异步编程 JavaScript 由于某种原因是被设计为单线程的,同时由于 JavaScript 在设计之初是用于浏览器的 GUI 编程,这也就需要线程不能进行阻塞。 所以在后续的发展过程中基本都采用异步非阻塞的编程模式。 简单来说,异步编程 阅读全文
posted @ 2017-06-30 00:30 最骚的就是你 阅读 (406) 评论 (0) 编辑
摘要:开发产品功能的时候ui往往会给出虚线边框的效果图,于是乎,我们往往第一时间想到的是用css里的border,可是border里一般就提供两种效果,dashed或者dotted,ui这时就不满意了,说虚线太密了。废话不多说,下面直接给解决方案(参考css揭秘): 基本效果如下: 阅读全文
posted @ 2017-06-30 00:03 最骚的就是你 阅读 (1941) 评论 (0) 编辑
摘要:本红包雨项目是基于HTML5的游戏框架Phaser写的,最终形成的是一个canvas,所以性能很好,但是必须要说的是这个框架比较大,压缩后也有700K左右,所以请慎用. 代码地址: https://github.com/AmosXu/red-packet-rain 1. 效果展示 图片依次是倒计时页 阅读全文
posted @ 2017-06-29 23:25 最骚的就是你 阅读 (870) 评论 (0) 编辑
摘要:开始我们需要先了解什么是calc() ,calc()是一个CSS函数,你可以使用calc()给元素的margin、pading、width等属性设置 而且你还可以在一个calc()内部嵌套另一个calc() clac()的语法就非常简单了 , 使用数学表达式来表示: expression 一个数学表 阅读全文
posted @ 2017-06-29 00:13 最骚的就是你 阅读 (424) 评论 (0) 编辑
摘要:前言 本文代码浅显易懂,思想深入实用。此属于react进阶用法,如果你还不了解react,建议从文档开始看起。 我们都知道高阶函数是什么, 高阶组件其实是差不多的用法,只不过传入的参数变成了react组件,并返回一个新的组件. A higher-order component is a functi 阅读全文
posted @ 2017-06-27 23:13 最骚的就是你 阅读 (28819) 评论 (4) 编辑
摘要:在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 : 1. nodeName : 节点的名称 2. nodeValue :节点的值 3. nodeType :节点的类型 节点类型:元素 1 ,属性 2 ,文本 3 ,注释 8,文档 9。 一、添加和删除节点(HTML 阅读全文
posted @ 2017-06-27 19:33 最骚的就是你 阅读 (3363) 评论 (0) 编辑
摘要:一直恐惧读源码,哪怕是一个简单的库也是读百来行遇到难点就放弃了。对于新的东西也仅仅是知道它拿来干什么,社区资源在哪里,要用时就突击文档资源使用即可。未有过深入之心,亦或者有过深入之心两三天就废掉。 这两日安静下来思考,觉得自己毛病不少,却还是不甘于平庸。那么只能选择面对自己做出改变,越是恐惧,越是应 阅读全文
posted @ 2017-06-27 10:25 最骚的就是你 阅读 (496) 评论 (0) 编辑
摘要:效果图 communication.gif communication.gif 点击查看Github完整源码 1.父向子通信 直接标签中插入参数即可 需要注意,_number 可以为普通参数、this.xxx 参数、也可以是 this.state.xxx 参数,其中this.state.xxx参数若 阅读全文
posted @ 2017-06-27 00:20 最骚的就是你 阅读 (344) 评论 (0) 编辑
摘要:闲扯两句 最近想给自己的博客上加上一个3D标签云的效果,用来表示自己博客文章的分组,网上找到了canvas实现的,还有a元素实现的解析3D标签云,我想让标签可以选择和点击,又不想在标签数量较多时操作a标签导致性能问题,于是svg就成了一个不错的选择。 标签初始化 这里实现的核心主要是参考了前面的那篇 阅读全文
posted @ 2017-06-25 18:27 最骚的就是你 阅读 (2351) 评论 (0) 编辑
摘要:H5JS二维动画制作!two.js的基本操作class2 上一节我们讲到如何创建图形与建立组,这节我们具体讲解如何构建动画效果 var elem = document.getElementById('draw-animation'); var two = new Two({ width: 285, 阅读全文
posted @ 2017-06-24 14:24 最骚的就是你 阅读 (727) 评论 (0) 编辑
摘要:概述 react-router V4 相对于react-router V2 or V3 几乎是重写了, 新版的react-router更偏向于组件化(everything is component)。 V4汲取了很多思想,路由即是组件,使路由更具声明式,且方便组合。如果你习惯使用react,那么一定 阅读全文
posted @ 2017-06-23 00:31 最骚的就是你 阅读 (3955) 评论 (1) 编辑
摘要:排序算法(Sort) 引言 我们平时对计算机中存储的数据执行的两种最常见的操作就是排序和查找,对于计算机的排序和查找的研究,自计算机诞生以来就没有停止过。如今又是大数据,云计算的时代,对数据的排序和查找的速度、效率要求更高,因此要对排序和查找的算法进行专门的数据结构设计,(例如我们上一篇聊到的二叉查 阅读全文
posted @ 2017-10-23 22:21 最骚的就是你 阅读 (2162) 评论 (0) 编辑
摘要:正则表达式 阅读全文
posted @ 2017-10-23 22:15 最骚的就是你 阅读 (784) 评论 (0) 编辑
摘要:1.事件流:从页面中接收事件的顺序 1.1 IE :事件冒泡流1.2 Netscape :事件捕获1.3 DOM事件流 :事件捕获阶段——事件目标阶段——事件冒泡阶段DOM2级事件规定 :捕获阶段不会涉及目标事件。 2.事件处理程序 事件 :用户或者浏览器自身执行的 某种动作事件处理程序 :响应某个 阅读全文
posted @ 2017-10-23 00:27 最骚的就是你 阅读 (557) 评论 (0) 编辑
摘要:原文链接:http://caibaojian.com/8-javascript-attention.html 基于 Class 的组件最佳实践(Class Based Components) 基于 Class 的组件是状态化的,包含有自身方法、生命周期函数、组件内状态等。最佳实践包括但不限于以下一些 阅读全文
posted @ 2017-10-23 00:27 最骚的就是你 阅读 (685) 评论 (0) 编辑
摘要:JavaScript深入系列 【干货】 JavaScript数组所有API全解密 【干货】 移动端:页面->手淘互动动效的探索 - IT大咖说 - 大咖干货,不再错过 【扫盲】 Jonathan Zhang sunshine小小倩 关于 React Router 4 的一切 anime.js 实战: 阅读全文
posted @ 2017-10-23 00:26 最骚的就是你 阅读 (927) 评论 (0) 编辑
摘要:JavaScript 骚操作 手机端页面自适应解决方案—rem布局进阶版(附源码示例) BFC和 websocket 后jQuery时代 是时候和 jQuery 说拜拜了么? 10分钟学会ES7+ES8 ,精读AsyncAwait 25个最基本的JavaScript面试问题及答案 javascrip 阅读全文
posted @ 2017-10-23 00:25 最骚的就是你 阅读 (263) 评论 (0) 编辑
摘要:关于requestAnimationFrame和 cancelAnimationFrame 兼容写法: 基本用法与区别: setTimeout(code, millseconds) 用于延时执行参数指定的代码,如果在指定的延迟时间之前,你想取消这个执行,那么直接用clearTimeout(timeo 阅读全文
posted @ 2017-10-23 00:24 最骚的就是你 阅读 (705) 评论 (0) 编辑
摘要:兼容PC端和移动端 设置滑块的滑动范围 阅读全文
posted @ 2017-10-23 00:24 最骚的就是你 阅读 (784) 评论 (1) 编辑
摘要:GIT常用命令备忘:http://stormzhang.com/git/2014/01/27/git-common-command/ Git远程操作详解 :https://microzz.com/2017/05/06/git/ 一篇文章,教你学会Git : https://juejin.im/pos 阅读全文
posted @ 2017-10-23 00:23 最骚的就是你 阅读 (923) 评论 (0) 编辑
摘要:我的移动端media forEach()与map()方法 一个数组组成最大的数: 对localStorage的封装,使用更简单 js判断滚动条是否到底部: js操作cookie 获取URL参数: IOS和安卓判断: 判断微信: 判断页面滚动方向: 排序 倒计时: 类型判断: Ajax jquery 阅读全文
posted @ 2017-10-23 00:21 最骚的就是你 阅读 (717) 评论 (0) 编辑