随笔分类 - [04]JS
Javascript
摘要：快速入门 安装： "GitHub:ReactTraining/react router" React Router中有三种类型的组件：路由器组件(BrowserRouter)，路由匹配组件(Route)和导航组件(Link)。 路由器 每个React Router应用程序的核心应该是一个路由器组件。
阅读全文
摘要：redux 提供了类似后端 Express 的中间件概念。 最适合扩展的是redux中的 store.dispatch 方法，中间件实际就是通过 override redux的store.dispatch() 完成 将 action reducer 过程变为 action middlewares r
阅读全文
摘要：安装 概念 在redux中分为3个对象：Action、Reducer、Store Action 1. 对行为（如用户行为）的抽象 1. Action 就是一个普通 JavaScript 对象。如： (其中type字段是约定也是必须的) 1. 作为Reducer的参数 Reducer 1. 一个普通的
阅读全文
摘要：本系列将尽可能使用ES6（ES2015）语法。所以均在上节webpack的基础上做开发。 React是Facebook开发的一款JS库，因为基于Virtual DOM，所以响应速度快，以及支持跨平台。 （实际上，Virtual DOM在某些情况都会损耗一些性能在diff上，但相比其他MVVM框架比起
阅读全文
摘要：接触webpack是好久之前的事情了，最近看了下webpack没想到都到4了。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler). 会创建1个依赖关系图(dependency graph),包含所有依赖的模块，然后将模块打包成1个或多个bun
阅读全文
摘要：UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码. 而UMeditor则是UEditor删减版. 本文将通过RequireJS的方式来加载UMeditor. 效果图: 普通方式: RequireJ
阅读全文
摘要：本节将简述RequireJS常用的功能 RequireJS 实现了 Asynchronous Module API. 目录: 为什么使用RequireJS 加载RequireJS Hello World 自定义模块 引入第三方插件 多版本js库处理 RequireJS插件 为什么使用RequireJ
阅读全文
摘要：D3（Data-Driven Documents）是一个用于网页作图、生成互动图形的JavaScript函数库。 官网：http://d3js.org/ 下载： cdn: d3.zip1.hello world d3.select('body') ...
阅读全文
摘要：本节，将围绕以下几点来讲。 知识点：多线程、作用域、闭包、this 先顶后看1.多线程 在不支持H5的浏览器中。使用Concurrent.Thread.js. 在支持H5中，使用WebWork. 在H5以前，js是不支持多线程的。其中存在同步池和异步池的概念。当同步池处理完后，会调用异...
阅读全文
摘要：jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 官网API： http://api.j...
阅读全文
摘要：1.全局变量的特性： 在函数体内直接写的变量（未用var标志）自动升级为全局变量。 (function func() { i = 100; }()); alert(i); 非常不建议不写var. var num = 1...
阅读全文
摘要：W3CSchool全套Web开发手册:点击下载1.javascript是什么 js是具有面向对象能力的,解释性的程序设计语言.2.js的类型 [基本类型]:string number boolean [复合类型]:对象(对象,函数,数组) [无类型]:null undefiend3.type...
阅读全文
摘要：元字符: 单个字符: . [] 限定符: * + ? {n} {n,} {n,m} 头尾: ^ $' 其他: | () 正则表达式在js和C#中都有. C#中: 创建: var regex = new Regex("\\d"); 匹配: 语法:bool IsMatch(string input) v
阅读全文
摘要：jQuery 选择器选择器实例选取*$("*")所有元素#id$("#lastname")id=lastname 的元素.class$(".intro")所有 class="intro" 的元素element$("p")所有 元素.class.class$(".intro.demo")所有 cla...
阅读全文
