JavaScript
文章平均质量分 69
lvxinaidou
这个作者很懒,什么都没留下…
展开
-
取出中括号里面的字符串
原创 2022-02-09 19:34:47 · 549 阅读 · 0 评论 -
纯前端下载表格多sheet
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title></head><body> <script src="js/xlsx.min.js"></script> <script src="js/xlsx.full.min.js"></script> <原创 2022-01-27 11:27:44 · 1134 阅读 · 0 评论 -
学习 RxJS 操作符
学习 RxJS 操作符( Learn RxJS中文版)原创 2022-01-05 14:37:39 · 899 阅读 · 0 评论 -
table-rowspan
import { Component, OnInit } from '@angular/core';import { NzMessageService } from 'ng-zorro-antd/message';import { WelcomeService } from './services/welcome.service';import * as _ from 'lodash';import { LoadingService } from 'src/app/core/loading/l原创 2022-01-03 21:38:10 · 1037 阅读 · 0 评论 -
HTTP请求
设置后端地址已经静态资源地址export const environment = { production: false, BASE_URL: 'http://10.61.177.108:8080', ASSETS_URL: '../assets/jsons'};设置请求的接口地址export class WelcomeConstant { public static REG_FINGING_DETAILS = 'reg-fing-details.json';}.原创 2021-12-19 10:25:52 · 178 阅读 · 0 评论 -
Angular 8 组件的生命周期-AfterContent
Angular 8 组件的生命周期-AfterContent1.响应被投影内容的变更2.学习地址1.响应被投影内容的变更内容投影是从组件外部导入 HTML 内容,并把它插入在组件模板中指定位置上的一种途径。 可以在目标中通过查找下列结构来认出内容投影。这个 AfterContent 例子探索了 AfterContentInit() 和 AfterContentChecked() 钩子。Angular 会在把外部内容投影进该组件时调用它们。使用 AfterContent 钩子AfterConten原创 2021-12-14 21:18:51 · 720 阅读 · 0 评论 -
Angular 8 组件的生命周期-AfterView
Angular 8 组件的生命周期-AfterView1.响应视图的变更2.学习地址:1.响应视图的变更当 Angular 在变更检测期间遍历视图树时,需要确保子组件中的某个变更不会尝试更改其父组件中的属性。因为单向数据流的工作原理就是这样的,这样的更改将无法正常渲染。如果你需要做一个与预期数据流反方向的修改,就必须触发一个新的变更检测周期,以允许渲染这种变更。这些例子说明了如何安全地做出这些改变。AfterView 例子展示了 AfterViewInit() 和 AfterViewChecked原创 2021-12-14 20:52:57 · 1034 阅读 · 0 评论 -
Angular 8 组件的生命周期-ngOnChanges
Angular 8 组件的生命周期-ngOnChanges1. 使用变更检测钩子2.学习地址:1. 使用变更检测钩子一旦检测到该组件或指令的输入属性发生了变化,Angular 就会调用它的 ngOnChanges() 方法。 这个 onChanges 范例通过监控 OnChanges() 钩子演示了这一点。ngOnChanges() 方法获取了一个对象,它把每个发生变化的属性名都映射到了一个SimpleChange对象, 该对象中有属性的当前值和前一个值。这个钩子会在这些发生了变化的属性上进行迭代,原创 2021-12-13 21:33:29 · 3411 阅读 · 0 评论 -
Angular 8 组件的生命周期-指令的生命周期
Angular指令的生命周期1. 使用指令来监视 DOM2. 同时使用组件和指令的钩子3. 学习地址1. 使用指令来监视 DOM可以深入了解你无法直接修改的 DOM 对象。你无法触及内置 的实现,也无法修改第三方组件,但是可以用指令来监视这些元素。你可以把这个侦探指令写到任何内置元素或组件元素上,以观察它何时被初始化和销毁。app.module.ts表单要加入FormsModule, 引入自定义指令SpyDirectiveimport { NgModule } from '@angular/c原创 2021-12-12 20:06:02 · 450 阅读 · 0 评论 -
微信小程序-自定义组件
自定义组件文章目录自定义组件1、组件的创建与引用1.1、创建组件1.2、引用组件1.3、局部引用组件1.4、全局引用组件1.5、全局引用 VS 局部引用1.6、组件和页面的区别2、 样式2.1、组件样式隔离2.2、组件样式隔离的注意点2.3、修改组件的样式隔离选项2.4、styleIsolation 的可选值3、数据、方法和属性3.1、data 数据3.2、 methods 方法3.3、 properties 属性3.4、data 和 properties 的区别3.5、使用 setData 修改 pro转载 2021-06-19 17:55:00 · 573 阅读 · 0 评论 -
微信小程序-视图与逻辑
视图与逻辑文章目录视图与逻辑1、页面导航1.1、什么是页面导航1.2、小程序中实现页面导航的两种方式1.3、声明式导航1.3.1、导航到 tabBar 页面1.3.2、导航到非 tabBar 页面1.3.3、 后退导航1.4、编程式导航1.4.1、导航到 tabBar 页面1.4.2、导航到非 tabBar 页面1.4.3、后退导航1.5、导航传参1.5.1、 声明式导航传参1.5.2、编程式导航传参1.5.3、 在 onLoad 中接收导航参数2、页面事件2.1、下拉刷新事件2.1.1、什么是下拉刷新2转载 2021-06-19 16:21:40 · 412 阅读 · 0 评论 -
微信小程序-模板与配置
模板与配置文章目录模板与配置1、WXML模板语法1.1、 数据绑定1.1.1、数据绑定的基本原则1.1.2、在 data 中定义页面的数据1.1.3、Mustache 语法的格式1.1.4、Mustache 语法的应用场景1.1.5、动态绑定内容1.1.6、动态绑定属性1.1.7、 三元运算1.1.8、算数运算1.2、事件绑定1.2.1、什么是事件1.2.2、小程序中常用的事件1.2.3、 事件对象的属性列表1.2.4、target 和 currentTarget 的区别1.2.5、bindtap 的语法原创 2021-06-19 14:37:16 · 1080 阅读 · 0 评论 -
Vue基础使用
Vue基础1. Vue概述2. Vue基本使用2.1 传统开发模式对比2.2 Vue.js之HelloWorld基本步骤2.3 Vue.js之HelloWorld细节分析2.4 Vue.js之HelloWorld实例3. Vue模板语法3.1 模板语法概述3.2 指令3.3 双向数据绑定指令3.4 事件绑定3.5 属性绑定3.6 样式绑定3.7 分支循环结构4. 基础案例5. Vue常用特性5.1 常用特性概览5.2 表单操作5.3 自定义指令5.4 计算属性5.5 侦听器5.6 过滤器5.7 生命周期6.转载 2021-05-29 11:17:04 · 107 阅读 · 0 评论 -
Angular8 *NgIf,*NgFor,*NgSwitch,NgStyle,NgClass用法
Angular8内置指令使用一、ngFor二、ngIf三、ngSwitch四、 ngStyle五、ngClass一、ngFor二、ngIf三、ngSwitch四、 ngStyle五、ngClass原创 2020-06-11 18:08:46 · 1819 阅读 · 0 评论 -
TypeScript前端数据结构管理
TypeScript前端数据结构管理一、const1.1定义1.2使用二、class2.1定义2.2使用三、 enum3.1定义3.2使用四、Interface4.1定义4.2使用五、效果说明:以一个学生为对象例子。一、const1.1定义单个常量export const STUDENT_NAME = 'lvxin';多个静态值(常量)export class StudentConstant { public static id = 1; public static deta原创 2020-06-11 17:02:24 · 296 阅读 · 0 评论 -
Angular8 路由使用Router
这里写目录标题一级目录二级目录三级目录一级目录二级目录三级目录原创 2020-06-10 11:51:18 · 1002 阅读 · 0 评论 -
Angular8管道使用 Pipe
这里写目录标题一级目录二级目录三级目录一级目录二级目录三级目录原创 2020-06-10 09:46:16 · 1910 阅读 · 0 评论 -
Angular8 拦截器 HttpInterceptor使用
这里写目录标题一级目录二级目录三级目录学习地址:一级目录二级目录三级目录学习地址:拦截器补全请求地址操作HttpResponse返回的status状态码拦截器给请求设置token拦截器官方文档原创 2020-06-04 14:37:42 · 2620 阅读 · 0 评论 -
Angular8 路由捍卫使用
这里写目录标题一级目录二级目录三级目录一级目录二级目录三级目录原创 2020-06-04 14:06:24 · 584 阅读 · 0 评论 -
angular8 路由策略 LocationStrategy
angular8 路由策略 LocationStrategy一、什么是路由二、 前端路由2.1、hash实现2.2、HTML5实现2.3、Aangular8路由策略实现三、优点四、总结五、学习地址一、什么是路由假如我们有一台提供 Web 服务的服务器的网络地址是:127.0.0.1(localhost),而该 Web 服务又提供了三个可供用户访问的页面,其页面 URI 分别是:http://127.0.0.1/login/loginhttp://127.0.0.1/plan/plan-homeht原创 2020-06-04 13:24:41 · 6276 阅读 · 0 评论 -
Angular8 主题色切换(封装成Directive)
Angular8 主题色切换一、概述二、前景知识2.1、SCSS使用(var --)2.2、设置css属性dom.setProperty('background-color':'yellow')2.3、Angular8 Directive使用2.4、subScription,ElementRef,localStroage三、文件目录四、实例展示3.1、app.component3.2、nav.component3.3、core/themes/3.4、切换主题效果图五、项目地址六、学习地址一、概述切换主题原创 2020-06-02 18:52:44 · 914 阅读 · 0 评论 -
Angular中ngx-echarts的使用
1.安装npm install echarts --savenpm install ngx-echarts --save2.引入模块2-1.angular.json中引入echarts.js文件"scripts": [ "node_modules/echarts/dist/echarts.js" ]2-2.当前组件所在的根模块导入NgxEchartsModule模块...原创 2020-02-10 10:45:03 · 2913 阅读 · 0 评论 -
Babel 7的使用和说明
前端代码兼容Chrome 44,Babel 7的使用和说明问题目前公司多数测试同感云平台的浏览器一般是Chorme 77,现遇到特殊情况,必须要在Chorme 44上运行平台,因为浏览器版本低,会报错:网上大致查看了一下错误原因,是es6语法出错,可能因为Chorme 44版本太低,不支持es6的语法。奇怪的一点,之前已经用过babel-loader模块转换过代码,但还存在一兼容问...原创 2019-10-25 12:41:05 · 583 阅读 · 0 评论 -
自定义单选按钮
@自定义单选按钮<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css3美化单选按钮</title> <style> /*隐藏input*/ label.bui-ra...原创 2019-08-13 15:28:10 · 274 阅读 · 0 评论 -
自定义的复选框checkbox
fontawesome自定义的复选框checkbox<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>checkbox</title> <script src="https://cdn.bootcss.com/jquery/3.3....原创 2019-07-26 10:23:23 · 223 阅读 · 0 评论 -
apply()和call()用法和区别
@apply()和call()用法和区别1.定义apply:调用一个方法,用另一个对象替换当前对象,B.apply(A, 数组);即A对象应用B对象的方法,A为当前对象,B为新的对象。call:调用一个方法,用另一个对象替换当前对象,B.call(A, 参数列表);即A对象应用B对象的方法,A为当前对象,B为新的对象。2.语法JavaScript中的每一个Function对象都有一个ap...原创 2019-07-22 13:11:41 · 130 阅读 · 0 评论 -
js常用数组方法
js常用数组方法原创 2019-07-31 10:16:04 · 146 阅读 · 0 评论