随笔分类 - 前端
摘要：JavaScript 是一种有趣的语言，我们都喜欢它，因为它的性质。浏览器是JavaScript的主要运行的地方，两者在我们的服务中协同工作。JS有一些概念，人们往往会对它掉以轻心，有时可能会忽略不计。原型、闭包和事件循环等概念仍然是大多数JS开发人员绕道而行的晦涩领域之一。正如我们所知，无知是一件
阅读全文
摘要：转载：https://www.cnblogs.com/landeanfen/p/6047031.html 阅读目录 一、Less介绍 1、官方介绍 2、自己理解 3、Less、Sass、Stylus 二、Less使用入门 1、开发模式下使用Less 2、运行模式下使用Less 三、常见用法示例 1、
阅读全文
摘要：.example .pp{ color: orange; } .example.pp2 { color: green; }如上面的两个定义一个是中间有空格，一个是中间没空格。 第一个class要这样写生效：<p class="example">文字文字<span class="pp">pp这个cla
阅读全文
摘要：2、devDependencies (1)内容：是一个对象，配置模块依赖的模块列表，key是模块名称，value是版本范围(2)作用：该模块中所列举的插件属于开发环境的依赖（比如：测试或者文档框架等）(3)部署来源：通过你npm install进行依赖安装时加上-save-dev，devDepend
阅读全文
摘要：在vue中，使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法： <input type="text" v-model="cityName"/> new Vue({ el: '#root', data: { cityName: 'shanghai' },
阅读全文
摘要：第一个问题 第二个问题 第三个问题 第四个问题 第五个问题 曾经有这么一道面试题：从 URL 在浏览器被被输入到页面展现的过程中发生了什么？ 相信大多数准备过的同学都能回答出来，但是如果继续问：收到的 HTML 如果包含几十个图片标签，这些图片是以什么方式、什么顺序、建立了多少连接、使用什么协议被下
阅读全文
摘要：es6 语法：http://es6.ruanyifeng.com/#docs/async 作者：阮一峰 撰文为何 身为一个前端开发者，ECMAScript(以下简称ES)早已广泛应用在我们的工作当中。了解ECMA机构流程的人应该知道，标准委员会会在每年的6月份正式发布一次规范的修订，而这次的发布也将
阅读全文
摘要：chrome断点调试 1. 在编写JavaScript代码时，如果 出现了bug，就要不断的去找错误，如果console控制台中提示还好说，可是没有提示恐怕就要费一番周折了。但是有了chrome这个浏览器，我们通过开发者工具就可以很好的实现调试了。 实例代码如下： 首先，我们先要认识其中的主要功能，
阅读全文
摘要：安装前的准备 您必须将这些库 perl 5.6.1+, libreadline, libpcre, libssl安装在您的电脑之中。 对于 Linux来说, 您需要确认使用 ldconfig 命令，让其在您的系统环境路径中能找到它们。 Debian 和 Ubuntu 用户 推荐您使用 apt-get
阅读全文
摘要：版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/achenyuan/article/details/80899783 网上统一的观念是 devDependencies用于本地环境开发时候。 dependencies用户发布环境 其实看名字我也知道是这
阅读全文
摘要：最近v8团队发表一篇博客Faster async functions and promises， 预计在v7.2版本实现更快的异步函数和promise。 文章内容看起来不是很容易理解，背后的原理比较隐蔽，不过博客提到的一些ECMAScript 标准文档中的操作、任务，实际上都有已经实现的 built
阅读全文
摘要：在最新的ES7（ES2017）中提出的前端异步特性：async、await。 什么是async、await？ async顾名思义是“异步”的意思，async用于声明一个函数是异步的。而await从字面意思上是“等待”的意思，就是用于等待异步完成。并且await只能在async函数中使用 通常asyn
阅读全文
摘要：Map Map是一组键值对的结构，具有极快的查找速度。 Map的定义。 //空map设值key-value var m = new Map(); m.set("XiaoMing",99); m.set("XiaoHong",66); //构造参数传key-value var m = new Map(
阅读全文
摘要：根据 在组件中dispatch一个action的例子中，如果要在effects中对于param数据和当前的state数据进行再出处理，这里怎么获取state呢？采用select，如下： export default { export default { namespace: 'example', n
阅读全文
摘要：react.js 3.7k 次阅读 · 读完需要 8 分钟 react.js 3.7k 次阅读 · 读完需要 8 分钟 react.js 3.7k 次阅读 · 读完需要 8 分钟 react.js 3.7k 次阅读 · 读完需要 8 分钟 react.js 3.7k 次阅读 · 读完需要 8 分钟
阅读全文
摘要：在react典型的数据流中，props传递是父子组件交互的唯一方式；通过传递一个新的props值来使子组件重新re-render,从而达到父子组件通信。当然，就像react官网所描述的一样，在react典型的数据量之外，某些情况下（例如和第三方的dom库整合，或者某个dom元素focus等）为了修改
阅读全文
摘要：在上一篇文章中，我们介绍了如何构建一个Ant Design Pro的环境。 同时讲解了如何启动服务并查看前端页面功能。 在本文中，我们将简单讲解如何在Ant Design Pro框架下实现自己的业务功能。 目录结构浅谈 首先，我们来简单了解一下整个项目的目录结构及其中每个文件的功能。 一个完整的目录
阅读全文
摘要：dangerouslySetInnerHTMl 是React标签的一个属性，类似于angular的ng-bind； 听说这个单词这么长，是故意的，应为有可能不合时宜的使用innerHTML会导致XSS攻击(然而我并不懂什么是XSS)， __htlml: DOM; 通常dangerSetInnerHT
阅读全文
摘要：https://www.jianshu.com/p/061304806bda Babel-webpack的配置 Bebal官方文档 前段项目我想使用ES6的语法我应该怎么做呢?我们可以查看Babel的官方文档,就简单用webpack如何配置所以我们就可以先用ES6语言来写代码,然后用webpack打
阅读全文
摘要：npm install --save redux-effect 通过redux中间件的方式使async方法可以在redux中使用。 如果你使用redux-saga，应该非常容易上手redux-effect。effect概念正是来自于saga，其本身就是一个普通的async函数，你可以在此处理一些异步
阅读全文
