随笔分类 - JS
JS学习路程
摘要：document.readyState:判断文档是否加载完成。firefox不支持。 这个属性是只读的，传回值有以下的可能： 0-UNINITIALIZED：XML 对象被产生，但没有任何文件被加载。1-LOADING：加载程序进行中，但文件尚未开始解析。2-LOADED：部分的文件已经加载且进行解
阅读全文
摘要：移动端滑屏 touch事件 移动端触屏滑动的效果的效果在电子设备上已经被应用的越来越广泛，类似于PC端的图片轮播，但是在移动设备上，要实现这种轮播的效果，就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。 以下是四种touch事件 touchstart: //触摸屏幕时触
阅读全文
摘要：Passive Event Listeners - 被动事件监听器 在写webapp页面的时候，Chrome 提醒 code 1 <code>[Violation] Added non-passive event listener to a scroll-blocking 'touchstart'
阅读全文
摘要：场景概述 弹窗是一种常见的交互方式，而蒙层是弹窗必不可少的元素，用于隔断页面与弹窗区块，暂时阻断页面的交互。但是，在蒙层元素中滑动的时候，滑到内容的尽头时，再继续滑动，蒙层底部的页面会开始滚动，显然这不是我们想要的效果，因此需要阻止这种行为。 那么，如何阻止呢？请看以下分析： 方案分析 方案一 打开
阅读全文
摘要：所谓缓存，通俗点讲就是把已经做过的事情结果先暂时存起来，下次再做同样的事情，不用再重新去做，只要把之前的存的结果拿出来用即可，很明显大大提升了效率。他的应用场景非常广泛。如： 1、缓存ajax结果，大多数网站都会有产品推荐功能，比如按热销推荐，简单低效的做法，每次点击切换的时候，都要通过ajax去数
阅读全文
摘要：设置cookie 设置cookie 设置cookie 设置cookie 每个cookie都是一个名/值对，可以把下面这样一个字符串赋值给document.cookie：document.cookie="userId=828";如果要一次存储多个名/值对，可以使用分号加空格（; ）隔开，例如： doc
阅读全文
摘要：综合/资源 frontend-dev-bookmarks 一个巨大的前端开发资源清单。star:15000 front-end-collect 分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者。star:860 Front-end-Interview-questions 史上最全前端开
阅读全文
摘要：前言 JS作为面向对象的弱类型语言，继承也是其非常强大的特性之一。那么如何在JS中实现继承呢？让我们拭目以待。 JS继承的实现方式 既然要实现继承，那么首先我们得有一个父类，代码如下： 1 // 定义一个动物类 2 function Animal (name) { 3 // 属性 4 this.na
阅读全文
摘要：简介 前段时间，想着自己写一个简单的模版引擎，便于自己平时开发demo时使用，同时也算是之前学习的知识的一种总结吧！ 首先我们先了解一下模版引擎的工作原理吧！ 1. 模版引擎其实就是将指定标签的内容根据固定规则，解析为可执行语句字符串； 2. 执行可执行解析后的语句字符串，即生成我们想要的页面结构。
阅读全文
摘要：阅读目录 一、js数据类型 二、 js数据类型转换 三、js数据类型判断 阅读目录 一、js数据类型 二、 js数据类型转换 三、js数据类型判断 一、js数据类型 string、number、Boolean、Array、object、Null、Undefined 1. js拥有动态类型 相同的变量
阅读全文
摘要：在搭建es6开发环境之前，先简单介绍一下es6。 ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。 我们为什么要使用es6？es
阅读全文
摘要：最近因为要用到angularJS开发项目，因为涉及到的静态资源比较多，所以想把js文件通过requireJS来按需加载，这两个框架以前都使用过，但是结合到一起还没有用过，那就试一下，看能否达到目的。 requireJS是为了实现js文件异步加载和管理模块之间依赖性的框架，详情请看阮一峰 requir
阅读全文
摘要：简介： sass依赖于ruby环境，安装sass之前得先装ruby。 简介： sass依赖于ruby环境，安装sass之前得先装ruby。 1、安装ruby 1.1、下载地址：http://rubyinstaller.org/downloads 1.2、注意事项：安装时，最好勾选Add Ruby e
阅读全文
摘要：一，开篇分析 大家好哦，大熊君又来了，昨天因为有点个人的事没有写博客，今天又出来了一篇，这篇主要是写一个记事本的小应用，前面的文章， 我也介绍过“Connect”中间件的使用以及“Mongodb”的用法，今天就结合这两个中间件，写个实际的例子，不断完善和重构，已达到 充分学习的目的。好了，废话不说了
阅读全文
摘要：一，开篇分析 大家好，今天这篇文章主要是对"Connect"中间件以及相关辅助中间件，做一个源码分析系列，我想上一篇文章大家也看了， 介绍了使用方式及用途，而这篇也是出于本人的兴趣，让读者对其有一个更深入的认识，如在分析阶段有什么不正确的地方，请大家多多指教， 好了！老规矩然我们进入正题。先来看一个
阅读全文
摘要：什么是“Connect”,中间件又当如何理解，带着问题来看今天的文章。 如何理解 "中间件" ? 我的理解是这样的，中间件就是类似于一个过滤器的东西，在客户端和应用程序之间的一个处理请求和响应的的方法。 如果把一个http处理过程比作是污水处理，中间件就像是一层层的过滤网。每个中间件在http处理过
阅读全文
摘要：gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。
阅读全文
摘要：正则表达式可以: •测试字符串的某个模式。例如，可以对一个输入字符串进行测试，看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证 •替换文本。可以在文档中使用一个正则表达式来标识特定文字，然后可以全部将其删除，或者替换为别的文字 •根据模式匹配从字符串中提取一个子字符串。
阅读全文
浙公网安备 33010602011771号