随笔分类 - 前端
摘要：目录 常规方式实现搜索功能 RxJS · 流 Stream RxJS 实现原理简析 观察者模式 迭代器模式 RxJS 的观察者 + 迭代器模式 RxJS 基础实现 Observable Observer RxJS · Operators Operators ·入门 一系列的 Operators 操作
阅读全文
摘要：介绍 RxJS是一个异步编程的库，同时它通过observable序列来实现基于事件的编程。它提供了一个核心的类型：Observable，几个辅助类型（Observer，Schedulers，Subjects），受到Array的扩展操作（map，filter，reduce，every等等）启发，允许直
阅读全文
摘要：我使用 angular-cli 来搭建项目。 ng new infinite-scroller-poc --style=scss 项目生成好后，进入 infinite-scroller-poc 目录下。 Angular CLI 提供了一堆命令用来生成组件、指令、服务和模块。 我们来生成一个服务和一个
阅读全文
摘要：无限滚动加载应该是怎样的？ 无限滚动加载列表在用户将页面滚动到指定位置后会异步加载数据。这是避免寻主动加载(每次都需要用户去点击)的好方法，而且它能真正保持应用的性能。同时它还是降低带宽和增强用户体验的有效方法。 对于这种场景，假设说每个页面包含10条数据，并且所有数据都在一个可滚动的长列表中显示，
阅读全文
摘要：用let不用var ES6之前我们用var声明一个变量，但是它有很多弊病： 因为没有块级作用域，很容易声明全局变量 变量提升 可以重复声明 还记得这道面试题吗？ var a = []; for (var i = 0; i < 10; i++) { a[i] = function () { conso
阅读全文
摘要：/^[1-9][0-9]{0,4}$/ /^[1-9][0-9]{0,4}(,[1-9][0-9]{0,4})*$/ /^([a-zA-Z0-9_\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/ ^\w+([-+.]\w+)*@\w+([-.]\w+
阅读全文
摘要：更多： http://l-lin.github.io/font-awesome-animation/
阅读全文
摘要：改变原数组的： 不改变原数组的： 1、 join() 2、 reverse() 3、sort() 功能：将数组中的元素 输入：比较函数或null。null时表示按照字母表顺序排序；传入带两个参数的比较函数时；第一个参数在前，则返回小于0的数值；第一个参数在后，则返回大于0的数组 输出：排序后数组 注
阅读全文
摘要：Angular 4.x 快速入门 Angular 4 快速入门 涉及 Angular 简介、环境搭建、插件表达式、自定义组件、表单模块、Http 模块等 Angular 4 基础教程 涉及 Angular CLI 使用、创建组件、事件、自定义服务、 ngFor 指令、Input、Output 装饰器
阅读全文
摘要：问题详细描述 我想在Typescript语言中的Angular 2中声明一些全局可见的变量。最佳的实践方法是？ 推荐的实现方法 这是最简单的解决方案，无需使用Service或Observer： 将全局变量放在文件中然后导出它们。 要在另一个文件中使用这些全局变量，请使用import命令：import
阅读全文
摘要：1. 父组件向子组件传递信息 使用@Input 子组件的属性用 @Input 进行修饰，在父组件的模板中绑定变量 例子： 效果： 使用 setter 拦截输入的属性 在子组件中做一些修改，添加两个私有字段：revertContent、_content，然后为 _content 添加 setter 和
阅读全文
摘要：先附上一张货真价实的效果图： 以上部分代码，为了适应我司项目的需求，原来插件源码大改（因为项目中下拉框用了select2，所以原来插件的下拉框就有问题了，在加上原来插件本身就有点问题，特别是农历 、节气....），具体代码不做阐述，如有类似需求，请私信。主要脚本代码如下：
阅读全文
摘要：日历插件地址： http://www.jq22.com/jquery-info7758 http://www.jq22.com/jquery-info4084
阅读全文
摘要：前言 发现群里有些问题的提问重复率太高了,每次都去回答,回答的贼烦.这里做一个大体的汇总,废话不多说,直接开始给出方案,不是手把手..若是连问题和解决都看不懂的..应该去补充下基础知识 问题汇总 Q:安装超时(install timeout) 方案有这么些: cnpm : 国内对npm的镜像版本 /
阅读全文
摘要：active-class是哪个组件的属性？ vue-router模块的router-link组件。 嵌套路由怎么定义？ 在实际项目中我们会碰到多层嵌套的组件组合而成，但是我们如何实现嵌套路由呢？因此我们需要在 VueRouter 的参数中使用 children 配置，这样就可以很好的实现路由嵌套。i
阅读全文
摘要：1. debugger 除了console.log, debugger是我们最喜欢、快速且肮脏的调试工具。执行代码后，Chrome会在执行时自动停止。你甚至可以把它封装成条件，只在需要时才运行。 if (thisThing) { debugger; } 2. 用表格显示对象 有时， 有一组复杂的对象
阅读全文
摘要：1.清除浮动 何谓清除浮动—？一个父元素的所有子元素如果都是浮动的，那么这个父元素是没有高度的;父元素并没有脱离正常的文档流，仍然占据正常文档流的空间; 问题：如何解决高度塌陷？ 方法：把父容器的高度撑起来，考虑到浮动了的元素并没有脱离正常文档流，而其它元素会围绕着它环绕，所以清除浮动简单有效的办法
阅读全文
摘要：初级篇 1、三目运算符 下面是一个很好的例子，将一个完整的 if 语句，简写为一行代码。 简写为： 2、循环语句 当使用纯 JavaScript（不依赖外部库，如 jQuery 或 lodash）时，下面的简写会非常有用。 简写为： 下面是遍历数组 forEach 的简写示例： 3、声明变量 在函数
阅读全文
摘要：改造特性： 适应业务需要，选项里面包含“其他”其它”，可以点击填写并设置自定义选项 效果图： 具体代码不做阐述，如有类似需求，请私信。主要源码：
阅读全文
摘要：改动特性： 1.支持回调，可用于ajax提交 2.提示框样式修改，原版太丑，修改成bootstrap的popover 样式 原版还存在缺陷：被校验的表单元素设置不灵活，还得加上id、name 什么的，建议设置个data-id等属性，有时间再改，效果和jquery-validate差不多，气泡效果提示
阅读全文
