夏迎春-优快云博客

原创 ReactJs 高级特性

v-show：是利用css的display属性去控制元素的显示和隐藏，其DOM是真实存在的。v-if：是根据所传的属性值或者表达式结果为true或false去决定渲染或者销毁元素。性能上，如果数据是静态数据，不会发生改变，就可以用v-show提高性能，减少dom的操作。注意：v-if 和 v-for不能在同个元素上同时使用，因为v-for优先级比较高，会优先执行，每循环一次，v-if 要重新去计算一次，很费性能。官方也不推荐，语法会报错。...

2020-10-09 15:57:20 147

原创 Vue.js computed和watch的区别

computed：监听data数据的变化去执行回调函数里的内容，重新计算并返回新的值。watch：监听data的变化，根据变化做出相应操作。watch在监听值类型的属性时，可以拿到变化前后变化后的属性值。监听引用类型的属性时，需要设置deep：true 深度监听，才能监听到内部数据的变化。监听引用类型的属性时拿不到改变之前的值，因为引用类型的引用地址是一样的。...

2020-10-09 15:47:37 171

原创 angular2+ 实现拖拽排序功能

第一步：安装依赖包npm i ng2-dragula -D第二步：在模块文件中配置注入器的地方注入 ng2-dragulaimport {DragulaModule} from 'ng2-dragula';@NgModule({ declarations: [ ], imports: [ DragulaModule.forRoot() ], providers: [ {provide: NZ_I18N, useValue: zh_CN}, ]})

2020-05-28 10:51:12 1238 1

原创 ERROR Error: Uncaught (in promise): Error: StaticInjectorError[n -> n]:

在一次ng项目升级依赖版本的过程中，开发环境没有出现问题，在打包到生产环境的时候，出现了一个看不懂的问题，报的是静态注入错误，但是也没说明是哪个模块的静态注入有问题，搜了度娘和谷歌半天愣是没搜到答案，最后通过降低@angular/cli版本（出问题的版本是7.1.4）至~6.2.8，问题得到了解决。1.首先要把全局的@angular/cli版本卸载：npm uninstall -g ang...

2019-01-09 11:26:13 1738 4

转载 fatal: unable to access '': OpenSSL SSL_connect: SSL_ERROR_SYSCALL in connection to github.com:443

克隆GitHub项目时报错，fatal: unable to access ‘’: OpenSSL SSL_connect: SSL_ERROR_SYSCALL in connection to github.com:443解决办法：env GIT_SSL_NO_VERIFY=true git clone …

2018-12-14 14:09:46 2641

原创 angular4+ 路由守卫

1.在src/app目录下创建文件夹guard 新建个文件login.guard.ts 内容： import { Injectable, Inject } from "@angular/core"; import { DOCUMENT } from "@angular/common"; import { CanActivate, ActivatedRouteSnapshot, ...

2018-10-11 15:28:50 457

原创模拟原生移动web提示框

第一种：window.alert = function(name){ var iframe = document.createElement("IFRAME"); iframe.style.display="none"; iframe.setAttribute("src", 'data:text/plain'); document....

2018-10-11 11:36:05 237

原创 angular4+ 引用外部js文件，使用第三方js插件

angular4+ 引用外部js文件，使用第三方js插件1.在tsconfig.json文件里找到compilerOptions属性，在属性里面加个 “allowJs”: true。2.将你的外部js文件放到assets文件夹里，找到 angular.json文件，找到scripts配置js文件路径。3.在src目录下新建个文件typings.d.ts，内容如下：declare var ...

2018-10-11 11:08:23 9218 3

原创 indexOf 问题

反复看了JavaScript高级编程第三版，第五章引用类型里的位置方法：indexOf。里面有个栗子：var person = {name : “Nicholas”}; var people = [{name :”Nicholas”}];var morePeople = [person];alert(people.indexOf(person));//输出为-1， alert(m...

2018-09-17 16:46:44 454

原创 Angular6 配置项目开发环境，测试环境，生产环境

搜过很多文章说的都是关于Angular4的配置，后面自己又找了许多资料，最后总结了Angular6 如何配置开发环境，测试环境，生产环境： 1、在environments文件夹里新建三个文件： //生产环境 environment.prod.ts： **export const environment = { production: true, url : ‘http://x...

2018-09-14 17:53:52 2297

原创 angular4 使用HttpClient拦截器检查token失效，返回登录页面

1、首先创建一个拦截器服务：InterceptorService.ts 2、在app.module.ts文件里引入拦截器 import {InterceptorService} from ‘./InterceptorService’; import {HTTP_INTERCEPTORS, HttpClientModule} from ‘@angular/common/http’; 接着在提...

2018-09-14 17:38:04 3828

wsqwsq1596的博客