- 博客(22)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 angular 服务
服务：组件不应该直接获取或保存数据，它们不应该了解是否在展示假数据。 它们应该聚焦于展示数据，而把数据访问的职责委托给某个服务。服务为什么需要服务？因为：组件不应该直接获取或保存数据，它们不应该了解是否在展示假数据。 它们应该聚焦于展示数据，而把数据访问的职责委托给某个服务。这个新的服务导入了 Angular 的Injectable 符号，并且给这个服务类添加了 @Injec...
2019-08-01 16:29:12
235
原创 angualr 父子组件通讯
子组件向父组件传值EventEmitter的一个典型应用就是父组件监听子组件的事件。子组件暴露一个 EventEmitter 属性，当事件发生时，子组件利用该属性 emits(向上弹射)事件。父组件绑定到这个事件属性，并在事件发生时作出回应。首先在子组件里面引入Output,EventEmitter，然后实例化EvnentEmitter，最后广播...
2019-08-01 16:27:35
165
原创 angular 双向绑定
使用双向绑定必须在根模块引入FormMoudule，并且导入到imports中就可以使用了单项绑定（从组件到模板，从模板到组件）双向绑定的原理就是实现从模板到组件，组件到模板...
2019-08-01 16:26:16
158
原创 angular流程语句
*ngFor*ngIf*ngfor之trackBy提升性能的方法有时你会需要改变这个集合，比如从后端接口返回了新的数据。那么问题来了，Angular不知道怎么跟踪这个集合里面的项，不知道哪些该添加哪些该修改哪些该删除。结果就是，Angular会把该集合里的项全部移除然后重新添加。这样做的弊端是会进行大量的DOM操作，而DOM操作是非常消耗性能的。那么解决方案是，为*ngFor添...
2019-08-01 16:21:40
210
原创 angular基本使用
装饰器简介：Angular 有很多装饰器，它们负责把元数据附加到类上，以了解那些类的设计意图以及它们应如何工作。@Component装饰器声明一个组件时，在组件类的之上要用@Component装饰器来告知Angular这是一个组件@Component({selector: 'app-root', //标签名templateUrl: './app.c...
2019-08-01 16:20:50
303
原创 angualr常见命令
angualr常见命令1.ng serve --open （启动项目）2. ng generate service hero （新建一个hero的服务，简写方式是：ng g service hero）3. ng generate component heroes （新建heroe一个组件，简写：ng g component heroes）4.ng generate class ...
2019-08-01 16:18:55
137
原创 angular 文件夹的用途
文件夹、文件用途assets：图片，插件enviroments: 生产环境和实战方式不一致时，可以将变量或地址进行配置，也可以自己新建index.html: 这个是别人访问你的网站是看到的主页面的HTML文件。大多数情况下你都不用编辑它。在构建应用时。CLI会自动把所有的js和css文件添加进去。所以你不需要添加<script>或<link>标签e2e: 端...
2019-08-01 16:15:19
862
原创 angular管道
管道内置管道date管道名字,参数：'MM/dd/yy'，birthday属性名字{{birthday|date:'MM/dd/yy'}}可以同时有多个管道（date日期管道，uppercase大写管道）{{birthday|date|uppercase}}内置管道click事件<div>{{birthday|date:format|uppercase...
2019-08-01 16:09:50
392
原创 this指向
在浏览器环境中this指向window，在node环境中this指向{}，在函数中调用，直接调用指向window，new一个构造函数，指向新创建的实例，对象调用指向对象，call，apply，bind调用指向第一个参数。箭头函数没有this指向，箭头函数里的this调用的是执行上下文的this，就是箭头函数这个函数定义的位置。
2025-07-30 17:29:57
223
转载 webpack体积分析优化
所以我们思路是将比较大的包 在打包的时候剔除在外（externals） 流程如下。如果项目中打包的体积过大的话，首先可能会享到路由懒加载，分包，但是终究效果不是很明显。这是 执行 npm run build 后查看 包体积。那问题来了，webpack是如何做到对于高版本使用小包，低版本使用大包的呢？是es6的语法，高版本的浏览器才会使用，低版本会直接执行到 下面的。对于官方而且高版本的浏览器在支持es6语法的情况下会自动忽略加载。如果想校验是否区分高低版本的话，可以通过以下来查看。
2025-07-29 18:54:23
96
原创 防抖理解深入理解
一段时间内触发多次，重新计时，只会执行最后一次，比如说10秒钟之内，1秒钟调用一次就会清除时间，重新记时，最后一次调用没有后续操作了就会执行完最后一次。举例：有人进入电梯就会等待三秒执行，三秒内有人进入就会重新计时，直到最后一次没人人进入。
2025-07-29 17:58:48
206
原创 为什么需要虚拟dom
js数据改变直接生成真实dom，虚拟dom对比并不会提升效率，vue和react框架变量的改变没办法和页面一一对应，所以才不得不引入虚拟dom，减少真实dom的操作。
2025-07-29 15:46:46
144
原创 首页白屏解决
如果大屏同时要渲染100个组件，就会堵塞白屏，这时候用defer方法，时间针的意思defer(1),就是第一帧渲染第一个组件，defer(2),就是第2帧渲染第2个组件，这样用户感知上就不会察觉到堵塞。
2025-07-29 15:12:28
117
原创 promise面试题
总结：p0,p1加入微任务，p0执行，p4加入微任务，p1执行，p2加入微任务，p4执行，p4执行完p4的.then加入微任务，p2执行，p3加入微任务，p4.then执行，pres加入微任务，p3执行，p5加入微任务，p4执行，p6加入微任务，p5执行，p6执行。执行完p0，状态变成fulfilled状态，pres进入微任务队列,后面就是5，进入微队列6进入微队列。p4.then执行，p4.then执行返回的promise放进微队列，所以就在2后面了。0,先进入微队列，1再进入微队列。
2025-07-29 14:32:23
176
原创 浏览器消息通知案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>H5的Notification-Web的桌面通知功能</title> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js" type='text/javascript'><...
2022-04-19 16:26:48
1509
转载 自定义指令集合
超实用：Vue 自定义指令合集前端大全今天↓推荐关注↓大前端技术之路分享Web前端，Node.js、React Native等大前端技术栈精选14篇原创内容公众号在Vue2.0中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通DOM元素进行底层操作，这时候就会用到自定义指令。你可以将一些css样式抽象到指令中，也可以将一些js操作放到指令中去执行。就使用上来说，指令不用像组件一样需要引入和注册，注册后使用非常简洁方便。对于在项...
2021-07-05 15:34:06
588
原创 let 与 const 与 var
1.var声明的变量会挂载在window上，而let和const声明的变量不会：var a = 100;console.log(a,window.a); // 100 100let b = 10;console.log(b,window.b); // 10 undefinedconst c = 1;console.log(c,window.c); // 1 undefined2.var声明变量存在变量提升，let和const不存在变量提升console.log(a);...
2020-09-15 18:06:01
186
转载 深入理解vue中的slot与slot-scope
深入理解vue中的slot与slot-scope转载地址：https://segmentfault.com/a/1190000012996217转载作者/云荒杯倾转载的作者云荒杯倾，写的很好呢，非常容易理解，作者棒棒的！更新于 2018-09-08约 11 分钟写在前面vue中关于插槽的文档说明很短，语言又写的很凝练，再加上其和methods，data，compute...
2020-03-31 17:32:07
176
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人