随笔分类 - js技术
摘要：animate.css 是一个有趣，酷炫的，跨浏览器的动画库，你可以将它用于你的项目中。不管是主页，滑动切换，又或者是其它方面，你都可以通过它来制作出惊人的效果。 基本用法 基本用法 引入CSS文件 引入CSS文件 这个对你来说应该再容易不过了，我相信你可能也已经对引入外部的CSS样式文件的代码以及
阅读全文
摘要：React-Native学习指南 本指南汇集React-Native各类学习资源，给大家提供便利。指南正在不断的更新，大家有好的资源欢迎Pull Requests！ 同时还有Awesome React-Native系列 https://github.com/jondot/awesome-react-
阅读全文
摘要：一、前言 二、环境配置 三、Hello, React-Native 四、改改HelloWorld
阅读全文
摘要：Reflux是根据React的flux创建的单向数据流类库。Reflux的单向数据流模式主要由actions和stores组成。例如，当组件list新增item时，会调用actions的某个方法（如addItem(data)）,并将新的数据当参数传递进去，通过事件机制，数据会传递到stroes中，s
阅读全文
摘要：React，来自 Facebook，是一个用来创建用户界面的非常优秀的类库。唯一的问题是 React 不会关注于你的应用如何处理数据。大多数人把 React 当做 MV* 中的 V。所以，Facebook 引入了一种称作 Flux 的模式，提供了一个功能上的通道，可用于应用内的数据处理。这个教程简短
阅读全文
摘要：插件描述：Hammer.js是一个开源的，轻量级的javascript库，它可以在不需要依赖其他东西的情况下识别触摸，鼠标事件。 使用方法： 还支持jQuery插件的形式调用
阅读全文
摘要：在函数运行时, 会先进行词法分析(预编译) 预编译做哪些工作? 1:分析参数 2:分析变量声明 3:分析函数声明 如何分析变量声明? 答:对于var 声明的变量, 以var str = 'local'为例, 分为分析过程 和 执行过程. 先分析, 后执行. 先分析 var str; ,即仅仅声明一个
阅读全文
摘要：使用js为多个未知数量的li循环添加事件的时候很容易想到如下代码 但是每次点击都会执行最后一次的结果 alert弹出4 因为在for循环里面指定给lis[i].onclick的事件处理程序，也就是onclick那个匿名函数是在for循环执行完成后（用户单击链接时）才被调用的。而调用时，需要对变量i求
阅读全文
摘要：建议在 React 中使用 CommonJS 模块系统，比如 browserify 或 webpack，本次使用 webpack。 第一步、安装全局包 第二步、创建根目录 创建一个根目录，目录名为：reactApp，再使用 npm init 初始化，生成 package.json 文件： 第三步、添
阅读全文
摘要：Vue.js 是一款极简的 mvvm 框架，如果让我用一个词来形容它，就是 “轻·巧” 。如果用一句话来描述它，它能够集众多优秀逐流的前端框架之大成，但同时保持简单易用。废话不多说，来看几个例子： 首先，代码分两部分，一部分是 html，同时也是视图模板，里面包含一个值为 message的文本何一个
阅读全文
摘要：概述 Mock.js实现的功能 用法 浏览器： 返回值: JQuery： 配置模拟数据： 发送Ajax请求： 返回数据： Node.js： Angular.js: mock数据mockData.js: 语法 Mock.js 的语法规范包括两部分： 数据模板定义 DTD 数据模板中的每个属性由 3 部
阅读全文
摘要：在require中，根据AMD(Asynchronous Module Definition)的思想，即异步模块加载机制，其思想就是把代码分为一个一个的模块来分块加载，这样无疑可以提高代码的重用。 在整个require中，主要的方法就两个：require和define，我们先来聊聊require r
阅读全文
摘要：UI的闪烁 Angular的自动数据绑定功能是亮点，然而，他的另一面是：在Angular初始化之前，页面中可能会给用户呈现出没有解析的表达式。当DOM准备就绪，Angular计算并替换相应的值。这样就会导致出现一个丑陋的闪烁效果。 上述情形就是在Angular教程中渲染示例代码的样子： <body
阅读全文
摘要：什么是JSX？ 在用React写组件的时候，通常会用到JSX语法，粗看上去，像是在Javascript代码里直接写起了XML标签，实质上这只是一个语法糖，每一个XML标签都会被JSX转换工具转换成纯Javascript代码，当然你想直接使用纯Javascript代码写也是可以的，只是利用JSX，组件
阅读全文
摘要：Web 发展了几十个春秋，风起云涌，千变万化。我很庆幸自己没有完整地经历过这些年头，而是站在前人的肩膀上行走。Web 技术发展的速度让人感觉那几乎不是继承式的迭代，而是一次又一次的变革，一次又一次的创造。这几年的前端，更为之甚！我从 12 年底开始接触前端，12 年之前的前端发展情况只能从上一辈的笔...
阅读全文
摘要：mustache.js是一个简单强大的Javascript模板引擎，使用它可以简化在js代码中的html编写，压缩后只有9KB，非常值得在项目中使用。本文总结它的使用方法和一些使用心得，内容不算很高深，纯粹是入门内容，看看即可。不过要是你还没有用过此类的javascript引擎库，那么本文还是值得你...
阅读全文
摘要：1. 模块化目前常见的模块化开发方式，全局空间方式是最基本的一种，另外常见的还有遵循AMD规范的开发方式，遵循CMD规范的开发方式，和ECMAScript 6的开发方式。需要说明的是，CMD和ES6跟本文的核心没有关系，所以不会在此介绍，后面的内容主要介绍AMD以及实现了AMD规范的RequireJ...
阅读全文
摘要：meta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari体验demo，解决在主屏幕打开页面后，点击页面链接不会跳转到系统自带的Safari将网站添...
阅读全文
摘要：单列布局水平居中水平居中的页面布局中最为常见的一种布局形式，多出现于标题，以及内容区域的组织形式，下面介绍四种实现水平居中的方法（注：下面各个实例中实现的是child元素的对齐操作，child元素的父容器是parent元素）使用inline-block 和 text-align实现.parent{t...
阅读全文
摘要：常见的问题问题：手机端click事件会有大约300ms的延迟原因：手机端事件touchstart--\>touchmove-->touchendortouchcancel-->click，因为在touch事件触发之后，浏览器要判断用户是否会做出双击屏幕的操作，所以会等待300ms来判断，再做出是否触...
阅读全文
浙公网安备 33010602011771号