- 博客(22)
- 收藏
- 关注
RSS订阅
转载 Promise
1. promise 定义Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了 Promise 对象。所谓 Promise ，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。Promise 对象有
2020-07-22 14:57:34
233
原创 js中的工厂函数和构造函数
意思就是当我调用这个函数，实际上是先利用类创建了一个对象，然后返回这个对象。由于Javascript本身不是严格的面向对象的语言（不包含类），实际上来说，Javascript并没有严格的“工厂函数”，但是在Javascript中，我们能利用函数模拟类。不同于其它的主流编程语言，JavaScript的构造函数并不是作为类的一个特定方法存在的；当任意一个普通函数用于创建一类对象时，它就被称作构造函数，或构造器。它像工厂一样，“生产”出来的函数都是“标准件”（拥有同样的属性。，就是指这些内建函数都是。...
2022-07-30 11:48:24
445
1
原创 es6 filter和find的区别
const list = [{‘name’:‘1’,index:1},{‘name’:‘2’},{‘name’:‘1’}]let list2 = list.find(i=>i.name===‘1’)let list3 = list.filter(i=>i.name===‘1’)console.log(list); [ { name: ‘1’, index: 1 }, { name: ‘2’ }, { name: ‘1’ } ]console.log(list2); { name: ‘1’
2021-05-10 10:45:29
226
原创 VUE组件之间的通信
1.父组件向子组件传值//App.vue父组件<template> <div id="app"> <users v-bind:users="users"></users>//前者自定义名称便于子组件调用，后者要传递数据名 </div></template><script>import Users from "./components/Users"export default { name:
2020-08-11 19:31:37
93
转载 深入理解async和await
1. async 和 await 在干什么?任意一个名称都是有意义的，先从字面意思来理解。async 是“异步”的简写，而 await 可以认为是 async wait 的简写。所以应该很好理解 async 用于申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成。1.1. async 起什么作用?这个问题的关键在于，async 函数是怎么处理它的返回值的！我们当然希望它能直接通过 return 语句返回我们想要的值，但是如果真是这样，似乎就没 await 什么
2020-07-23 15:51:46
4653
1
转载 angular 8 ViewChild和ViewChildren
https://www.techiediaries.com/angular-dom-queries-viewchild/
2019-11-13 17:37:17
718
转载 React 报错"Cannot read property 'setState' of undefined"
App.jsimport React, { Component } from 'react';import './App.css';class App extends Component { constructor(props){ super(props); this.state = { num: 90 }...
2019-10-08 14:57:10
474
原创 react
1.安装react脚手架新建项目并运行==>1. npm install -g create-react-app==>2. create-react-app start-app==>3. cd start-app==>4. npm start2.如何安装并使用yarn==>1.macOSbrew install yarn==...
2019-10-08 14:12:55
72
原创 ng http-client-interceptor
新建httpconfig.interceptor.ts文件import {Injectable} from '@angular/core';import {Observable, throwError} from 'rxjs';import 'rxjs/add/operator/do';import {Router} from '@angular/router';import {S...
2019-07-25 11:04:09
160
转载 ng 内置指令
内置指令，分为属性型指令和机构型指令内置属性型指令属性型指令通常会监听和修改其他html元素或组件的行为、元素属性（Attribute）、DOM属性（Property）。几个常见的属性型指令：NgClass 添加或移除一组css类 NgStyle 添加或移除一组css样式 NgModle 双向绑定到html表单元素处理单个的类时，可以使用[class.class-name]，...
2019-07-24 11:28:50
285
转载 ng 模板语法
html是angular模板的语言。几乎所有的html语法都是有效的模板语法。需要注意两点<script>元素，被禁用了，以阻止脚本注入的风险。 <html><body><base>没有任何作用。插值表达式在angular中，使用双花括号{{}}来表达插值表达式，插值表达式可以把计算后的字符串插入到html元素标签内或对元素的属性进行...
2019-07-24 10:58:18
442
转载 子路由模块
目前为止，我们的所有组件都是在app下面，并以app.module.ts为壳做加载。对于小应用是不受影响的，但是一旦需求复杂，组件变多的时候维护起来很困难，所以我们需要创建子模块来管理我们划分的子业务。在app文件夹下面创建子模块：hero 1 ng generate module hero 可以看到创建了文件夹app/hero，并...
2019-07-24 10:46:23
232
转载 ng 路由器使用
路由器使用浏览器的history.pushState进行导航，正因为有它，我们才可以按照期望的样子显示应用内部的url路径。这种风格也就是“html5风格url”。我们必须往本应用的index.html中添加一个<base href>元素，这样pushState才能正常工作。也就是告诉浏览器，以当前页面为应用的基底。比如，我们目前的app目录是应用的根目录，可以在index.ht...
2019-07-24 10:25:36
738
转载 n'g架构解读
用angular扩展语法编写html模板，用组件类管理这些模板，用服务添加应用逻辑，用模块打包发布组件和服务模块angular是模块化的每个angular应用至少有一个模块（根模块），习惯上命名为AppModule。一些小型应用里面可能只会有一个根模块，大多数应用里会有多个特性模块，每个特性模块都是一个内聚的代码块，专注于某个应用领域、工作流或紧密相关的功能。angular模...
2019-07-24 10:04:31
406
转载 JavaScript数组
push方法push方法将元素添加到数组的末尾。可以一次添加多个 123 var arr = [0];arr.push(3);arr.push(1,2,3,4);//(5) [0, 1, 2, 3, 4] pop方法pop方法删除数组的最后一个元素 1 arr.pop();//(6) [-...
2019-07-23 17:13:28
65
转载 angular多语言配置
angular的国际化方案，采用ngx-translate来实现。安装模块： 1 npm install @ngx-translate/core --save 在根模块中导入： 1234567891011121314151617 // other moduleimp...
2019-06-17 10:56:33
1678
转载 ng 使用cli生成自定义文件、组件
不得不说，和传统的复制黏贴来创建组件的方法相比，使用angular-cli的脚手架功能来创建模块、组件显得非常高效，不仅仅有了创建了文件，还包含了一些必须的代码，同时也将组件导入了最近的模块，一些重复性工作就使用cli可以节省掉。angular提供了丰富的文件类型，但是总归是有些我们自己的项目需要，我们需要创建自定义后缀的组件，这时候就不得不舍弃cli了，那么能不能使用自定义的方式来达到脚手架创建...
2019-06-13 16:05:46
1048
转载 webstorm 配置scss
webstorm 配置scss 1.安装ruby 2.安装好ruby后安装scss 3.scss安装成功后配置webstorm里的scss –no-cache –update FileNameFileName:FileParentDirFileParentDir\css$FileNameWithoutExtension.css–styleexpanded.css –style e
2017-09-21 10:49:22
319
原创 vue 安装脚手架并运行
vue 安装脚手架并运行 1.npm install vue-cli -g 全局安装vue-cli 脚手架（可以用vue –version 查看是否安装过） 2.生成项目模板 vue init <模板名称> 本地文件夹名称（当前目录下边新建一个新的文件夹） 3.进入生成的目录里面 cnpm install/npm install 4.npm run dev 就OK了
2017-09-19 15:08:09
787
转载 vue中的选购商品进行判断
vue中的选购商品进行判断 1.html<div id="app"> <div class="item"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/28963/backpack.jpg" width="235" height="300"/> <div class="quantity"> <butt
2017-09-18 11:38:25
463
翻译 vue如何删除一条循环的数据
vue如何删除一条循环的数据1.如果是vue1.0这样写：<ol> <li v-for="todo in todos" @click="delete($index)"> {{todo.label}} </li></ol>methods:{ delete:function(index){ this.todos.splice(index,1
2017-09-13 16:03:48
1623
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人