12 2017 档案

svn分支开发与主干合并(branch & merge)
摘要:先说说什么是branch。按照Subversion的说法,一个branch是某个development line(通常是主线也即trunk)的一个拷贝,见下图: branch存在的意义在于,在不干扰trunk的情况下,和trunk并行开发,待开发结束后合并回trunk中,在branch和trunk各 阅读全文

posted @ 2017-12-27 14:51 ranyonsue 阅读(3491) 评论(0) 推荐(0) 编辑

源生js惯性滚动与回弹效果
摘要:在写移动端的APP或者页面时,经常会遇到惯性滚动与回弹效果。用插件iscroll可以轻松解决这个问题,大多数的移动框架也能轻松解决这个问题,它们内部都封装了这个效果。 一直好奇这个效果原生JS是怎么实现的,里面涉及到的弹力公式以及惯性效果还有一大堆临界点的判断,很是考验人。 在网上找了一下,看到有大 阅读全文

posted @ 2017-12-26 17:31 ranyonsue 阅读(11117) 评论(1) 推荐(0) 编辑

clientHeight、offsetHeight、scrollHeight详解
摘要:网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth (包括边线的宽); 网页可见区域高: document.body.offsetHei 阅读全文

posted @ 2017-12-25 14:51 ranyonsue 阅读(1309) 评论(0) 推荐(0) 编辑

JavaScript中常见的字符串操作函数及用法
摘要:1、字符串转换 字符串转换是最基础的要求和工作,你可以将任何类型的数据都转换为字符串,你可以用下面三种方法的任何一种: var num= 19; // 19 var myStr = num.toString(); // "19" 你同样可以这么做: var num= 19; // 19 var my 阅读全文

posted @ 2017-12-22 11:28 ranyonsue 阅读(334) 评论(0) 推荐(0) 编辑

获取伪元素的属性和改变伪元素的属性
摘要:获取伪元素的属性值 获取伪元素的属性值可以使用window.getComputedStyle()方法,获取伪元素的CSS样式声明对象。然后利用getPropertyValue方法或直接使用键值访问都可以获取对应的属性值。 语法:window.getComputedStyle(element, [ps 阅读全文

posted @ 2017-12-21 15:25 ranyonsue 阅读(3257) 评论(0) 推荐(0) 编辑

HTML和CSS实现左侧固定宽度右侧内容可滚动
摘要:在做移动端页面的时候,经常会碰到一个div中分左右两个div,左侧div固定宽度或百分比,右侧div中内容左右溢出,需要左右滑动才可以浏览到全部内容,为此写了一个demo。 处理这个问题的核心关键点是右侧div需要设置固定宽度或者百分比,然后设置它的overflow为auto或者scroll。最重要 阅读全文

posted @ 2017-12-19 11:01 ranyonsue 阅读(6585) 评论(0) 推荐(0) 编辑

gulp常用插件
摘要:1、gulp-uglify(JS压缩) 安装:npm install --save-dev gulp-uglify gulpfile.js代码如下: var gulp = require('gulp'), var rename= require('gulp-rename') var uglify= 阅读全文

posted @ 2017-12-18 13:38 ranyonsue 阅读(252) 评论(0) 推荐(0) 编辑

gulp入门详细教程
摘要:简介:gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率。 gulp是基于Nodejs的自动任务运行器, 她能自动化地完成 jav 阅读全文

posted @ 2017-12-14 17:40 ranyonsue 阅读(318) 评论(0) 推荐(0) 编辑

Javascript 异步实现机制
摘要:Javascript 单线程指的是在一个浏览器进程中只存在一个 Javascript 执行线程,所以任务需要顺序排列等待执行,而不能像 Java 等多线程语言一样并发执行。但是这种单线程模型在处理耗时的异步任务是会出现较长时间的线程阻塞,导致后续的任务不能被及时处理。所以在 Javascript 中 阅读全文

posted @ 2017-12-11 11:00 ranyonsue 阅读(684) 评论(0) 推荐(0) 编辑

JavaScript:彻底理解同步、异步和事件循环(Event Loop)
摘要:一. 单线程 一. 单线程 我们常说“JavaScript是单线程的”。 所谓单线程,是指在JS引擎中负责解释和执行JavaScript代码的线程只有一个。不妨叫它主线程。 但是实际上还存在其他的线程。例如:处理AJAX请求的线程、处理DOM事件的线程、定时器线程、读写文件的线程(例如在Node.j 阅读全文

posted @ 2017-12-08 14:37 ranyonsue 阅读(442) 评论(1) 推荐(0) 编辑

chrome调试,打完断点后关于JS的几个控制介绍
摘要:打完断点之后,关于JS的几个控制介绍。 快捷键:F8 “逐过程执行”,继续执行代码,直到遇到下一个断点。 详细解释: 暂停和开始。当设置了断点之后,js的执行就暂停了,如果我们想要跳过当前的断点继续执行js,就可以点击这个按钮,点击之后js的执行会继续,如果在接下来的执行过程中再次遇到断点,那么就会 阅读全文

posted @ 2017-12-07 14:55 ranyonsue 阅读(3456) 评论(0) 推荐(1) 编辑

js断点调试心得
摘要:1.断点调试是啥?难不难? 断点调试其实并不是多么复杂的一件事,简单的理解无外呼就是打开浏览器,打开sources找到js文件,在行号上点一下罢了。操作起来似乎很简单,其实很多人纠结的是,是在哪里打断点?(我们先看一个断点截图,以chrome浏览器的断点为例) 1.断点调试是啥?难不难? 断点调试其 阅读全文

posted @ 2017-12-07 13:44 ranyonsue 阅读(9076) 评论(4) 推荐(8) 编辑

导航