前端
大笨儿钟
这个作者很懒,什么都没留下…
展开
-
如何在前端开发时优雅的使用pipe
前言 pipe其实是一种设计思想,经常被用于架构设计,也能体现‘函数式编程’ 思想 — 通过组合一系列的函数来完成一个既定的功能。而在前端开发中,本身强调 组合大于继承,所以掌握这种思想是十分重要的。 实例 pipe大概像如下那样使用 // 假设有个三个方法,分别实现+1, 求与2的乘积,-1 这三个功能 let add = n => n + 3; let multiple = n => n * 2; let minus = n => n - 1; // 假设现在有个pipe方法 con原创 2020-12-30 12:45:17 · 962 阅读 · 2 评论 -
bootstrap-select 使用踩坑
动态改变 bootstrap-select 数据源 维护一个历史项目时,需要动态改变一个下拉框的options选项,这里使用了bootstrap-select 这个组件,开始再尝试了很多方法之后,都不能达到效果,这里直接给出解决方法,希望给看到的人少走弯路。 <!-- HTML --> <select class="form-control" id="contentTypeN...原创 2020-01-21 19:43:54 · 1225 阅读 · 0 评论 -
基于webpack搭建一个React项目
最近接到需求使用React来搭建一个较为复杂的页面,所以先基于webpack来搭建了一个简易的初始结构。项目地址:https://github.com/Kasol/React4Webpack.git 可以clone下来直接npm start运行。由于想从目录结构开始入手,所以没有使用React的脚手架来搭建。下面记录下探索过程的一些小坑。 babel-loader webpack的关键配置就是...原创 2019-01-31 22:45:14 · 422 阅读 · 0 评论 -
关于跨域的几种解决方案
在前后端交互的过程当中,跨域是一个老生常谈的问题了,说说自己的一些理解。 什么时候会发生跨域现象? 跨域的产生,是由于同源策略的限制,xhr或者fetch这样的API都遵循这个策略,所以当我们在某个域的页面,比如 http://kasol.com,他通过xhr发起一个请求,指向http://aenvgiell.com,那么这个时候就会产生跨域现象,得不到想要的内容。需要注意的是,其实对于服务端来说...原创 2019-02-14 00:02:36 · 696 阅读 · 0 评论 -
JavaScript中的宏任务和微任务
先来个例子 如果能很快知道执行的顺序结果,那么说明你对这块的内容理解非常深刻。 <div class="parent" data-spm="2.2.2.2"> <div class="child">123</div> </div> <script> var parent = document.g原创 2019-03-12 22:30:33 · 1452 阅读 · 0 评论