自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

prayer的博客

欢迎大佬们指正

  • 博客(41)
  • 收藏
  • 关注

原创 ng 命令解析之library+application(构建自己的lib库)

模块化开发,是每个开发人员都要了解的一种方式,它的优点实在是太多了,这里就不一一阐述了,接下来将一步步带领大家创建自己的lib库 创建lib库 一般来说可以直接在新项目中直接新增lib库 ng g library libraryname --prefix prefix,--prefix 选项的意思是库前缀名,例如 nz-zorro 的前缀是nz,为的是方便管理,也可以不指定,会默认前缀:lib (主程序的前缀是app) 我们能这里创建一个空的项目,就是不会包含src目录的...

2020-10-29 17:33:47 1331 1

原创 ng 命令解析之webWorker(实现多线程)

ng g webWorker webWorkerName 用于创建一个Worker 线程,不知道Worker的同学可以看看阮一峰老师的解释先创建一个webWorker/// <reference lib="webworker" />//监听事件addEventListener('message', ({ data }) => { const response = `worker response to ${data.type}`; // 回应事件 pos...

2020-10-29 14:14:40 626

原创 ng 命令解析之interceptor(请求拦截)

ng g interceptor interceptorName 用于创建一个http请求拦截器,用于请求前的拦截(token添加),响应后的拦截(特殊响应处理)等要实现拦截器,就要实现一个实现了 HttpInterceptor 接口中的 intercept() 方法的类。这里是一个什么也不做的空白拦截器,它只会不做任何修改的传递这个请求。(intercept 方法会把请求转换成一个最终返回 HTTP 响应体的 Observable)//ng g interceptor intercep..

2020-10-29 13:39:46 1034

原创 ng 命令解析之guard(各种路由守卫推倒表)

1.ng g guard guardName 是创建一个路由守卫,用于路由拦截,拦截的方式各种各样,比如 是否允许路由导航到的模块加载,加载前的数据获取,加载后的界面渲染,离开前的数据保存等CanLoad 用来处理异步导航到某特性模块(是否允许加载模块,仅适用于自定义模块挂载在主路由上)// user-canload.guard.tsimport { Injectable } from '@angular/core';import { CanLoad, Route, UrlSegment..

2020-10-28 17:55:36 941

原创 ng 命令解析之component,module

1.ng g component componentName 用于创建一个组件,可以在页面中担当特定可重复的功能组件,也可以挂载在路由上,充当页面展示,这里就不详细介绍使用方法了2.ng g module moduleName 用于创建一个自定义模块,当项目过于庞大的时候就可以考虑使用module,把每个分支功能都做成一个module方便开发和管理,自定义的module可以对外暴露指定组件,也可以直接挂载在主路由上,实现路由懒加载//此处创建一个user自定义模块,附带一个路由配置文件,..

2020-10-28 16:25:15 1190

原创 ng 命令解析之directive,pipe和service

1. ng g service servicename 创建一个服务,可以在多个组件里被调用,且数据保持,于是这个服务就可以用来进行一个特定方法的封装,比如socket,http又或者作为一个传递数据的BUS使用// store.service.tsimport { Injectable } from '@angular/core';@Injectable({ providedIn: 'root'})export class StoreService { constructor()

2020-10-25 22:23:34 421

原创 ng 命令解析之class , interface 和 enum

1.ng g class className 是创建一个ts文件,这个文件会对外export一个类,在其他ts页面可引入这个类,作为数据类型限定等操作ng g class class/person //person.tsexport class Person { name:string; age:number;}//example.tsimport { Person } from './class/person'public personList:Arr.

2020-10-25 19:40:37 515

原创 angular ^10.1.6 版本的国际化(i18n)配置

看了其他博主写的文章,总结出来适合angular 10.1.6版本的使用方式,仅供参考1.下载ngx-translate的依赖库//^13.0.0npm install @ngx-translate/core --save //^6.0.0npm install @ngx-translate/http-loader --save2.在app.module.ts中配置,import { BrowserModule } from '@angular/platform-brow

2020-10-25 18:57:34 583

原创 adb devices不显示设备 之 绝望理由

背景:win10 平台使用Andriod Studio 安装sdk: Andriod 12L,一切正常后,真机HONOR 50开启usb调试后,pc端执行adb devices,没有显示连入的真机。,选了之后,授权弹窗就出来了,adb命令也有数据了,啊啊啊啊啊啊啊,太tm难受了。总结一些问题,但是还是没能解决,后来看了多个博主的安装经历,我发现我好像少了一步。,在开启手机usb调试后,手机端会弹出一个带有RSA密钥指纹的授权请求,类似这样。一开始我按照网上可能出现的问题,都排查了下,例如这个。

2024-02-20 15:31:39 393

原创 美团2024届秋招笔试第一场编程真题(js版本)

美团2024届秋招笔试第一场编程真题(js版本)

2024-01-12 17:28:09 622 1

原创 图标库使用二(批量svg)

vue自定义svg图标使用指南

2022-12-28 10:30:53 701 1

原创 图标库使用一(vue-fontawesome)

图标库vue-fontawesome的使用方法

2022-12-28 10:20:38 1394

原创 Property ‘fullPath‘ does not exist on type ‘Ref<RouteLocationNormalizedLoaded>‘

Property 'fullPath' does not exist on type 'Ref'

2022-06-14 15:43:08 1524

原创 reduxToolkit 之 Matching Utilities 使用引导

Redux Toolkit 提供了许多action匹配工具,常被builder.addMatcher用于筛选符合操作的actionGeneral Purpose(一般匹配工具):isAllOf: returns true whenallconditions are met 全部匹配,返回true 功能类似 every isAnyOf: returns true whenat least one ofthe conditions are met 任一匹配,...

2021-04-26 15:10:22 260

原创 Invalid hook call. Hooks can only be called inside of the body of a function component.

按照Redux Toolkit 模板样例使用redux总是报错,报错如下:解决方法: 删除node_module文件夹重新安装依赖

2021-04-15 15:32:22 633

原创 JavaScript与递归(尾递归)

递归是将问题分成基线条件(结束递归条件)和递归条件(继续使用递归条件)我们来看一个例子: 一个比较著名的例子,就是计算 Fibonacci 数列,又称黄金分割数列、因数学家莱昂纳多·斐波那契(Leonardoda Fibonacci)以兔子繁殖为例子而引入,故又称为“兔子数列”,指的是这样一个数列:0、1、1、2、3、5、8、13、21、34、……在数学上,斐波那契数列以如下被以递推的方法定义:F(0)=0,F(1)=1, F(n)=F(n - 1)+F(n - 2)(n ≥ 2,n ∈ N*).

2020-11-05 15:24:16 377

原创 JavaScript与选择排序

选择排序: 每次遍历列表,选出播放量最大的,放入另一个列表假设你的计算机存储了很多乐曲。对于每个乐队,你都记录了其作品被 播放的次数。你要将这个列表按播放次数从多到少的顺序排列,从而将你喜欢的乐队 排序。该如何做呢?/*** 选择排序 O(n^2)*/const list = [ {name: "RADIOHEAO",count:156}, {name: "THE BLACK KEYS",count:35}, {name: "NEUTRAL MILK HOTEL",co.

2020-11-05 14:45:48 154

原创 JavaScript与Dijkstra 最短路算法(两种实现)

阅读前提: 了解Dijkstra算法的逻辑思想前言:Dijkstra算法通常用来计算单向图两个顶点之间的最短距离,需求分为:需要追踪路径 和 不需要追踪路径,本次内容将分享两种需求的简单实现1.不需要追踪路径(实现思路:邻接矩阵)//邻接矩阵const matrix= [ [0, 9, 2, Infinity, 6], [9, 0, 3, Infinity, Infinity], [2, 3, 0, 5, Infinity], [Infinity, Infinit...

2020-11-05 11:51:34 884

原创 Angular 报错More than one module matches

More than one module matches. Use the skip-import option to skip importing the component into the closest module or use the module option to specify a module.因为项目中有自定义module,和主程序module ,命令不知道给哪个模块安装组件,需要手动指定模块ng g component componentName --module=模..

2020-10-29 17:40:46 693

原创 angular webWorker 路径错误

代码如下界面如下:原因到底是什么,我也不知道,但是我找到一个解决方式:this.worker=newWorker('./webworker/count.worker',{type:'module'});一般来说,如果不指定type的值,是默认classic的,在一般项目中classic不会报错,而在angular项目中貌似只能用module,具体是什么原因,我还在查询中,如果有知道原因的大佬,可以在评论区留言一下,谢谢啦...

2020-10-29 14:47:09 428

原创 h5 video方法,事件,属性详解

闲下来的的时间里,我一直总结之前学习过的知识,今天到video,发现对它还是不够熟悉,于是重新学习一遍。举个例子:&lt;video id="video1" width="380" style="margin-top:15px;"&gt; &lt;source src="video/movie.ogg" type="video/ogg"/&gt;

2018-08-07 17:44:09 21582

原创 正则练习题

原题地址:https://www.zybuluo.com/Zjmainstay/note/709093正则检测: https://regex101.com 1. 分组提取/非捕获组分组,是正则里一个非常重要的概念,我们需要针对某个区域提取数据,往往需要依赖分组。而分组,其实就是正则里()括住的部分。(1.1)分组提取需求:在分组1中匹配meta中author属性的值源串...

2018-08-06 17:28:33 1202

原创 vue加载显示{{xxx}}的解决方法

一般vue.js文件放在最后,由于浏览器是从头到尾的渲染机制,在没有读取到识别符对应的js控制语句就会直接显示{{xxx}}这个问题可以用vue的一个特点解决,就是Vue会自动屏蔽掉自定义属性我们可以为对应的dom节点添加一个自定义属性,比如 dom-hidden(官方:v-cloak)然后css定义 :    [dom-hidden]{ display:none;}这个属性在vu...

2018-07-28 19:12:55 9343

原创 原生ajax的封装之旅

(ps:一直使用的时jquery封装好的ajax,没有对此深究过,直到看到了一些面试题,才发现对此一无所知。)参考文档:https://segmentfault.com/a/1190000004322487简单使用://get var ajax = new XMLHttpRequest(); ajax.open('get','./1.php?name=233'); ...

2018-07-22 17:30:07 370

原创 js高级技巧总结之高级函数和防篡改对象

高级函数1.安全的类型检测        谈到类型检测,可能大家首先想到的就是typeof 或者 instanceof (检测数组Array.isArray(arr))等这些方式,但是这些方法都有自己的局限性,比如说Safari(直至第四版)对正则使用typeof会返回function,instanceof必须要在同一个作用域下,还有现在浏览器开始支持原生JSON对象了(Douglas...

2018-07-17 16:00:24 540

原创 企鹅FM接口使用笔记(有声小说)

调用方法:  GET https://api.imjad.cn/qqfm/v1/参数说明以及其他请移步 (https://api.imjad.cn/qqfm.md),这里只详细介绍获取有声小说部分有声小说分类对应ID:以全部专辑(39092)为栗子1.获取该分类对应的小说列表(参数:type=album 获取指定类型ID的集合,page_size=20代表一页获取的数据条数,page=1代表获取的...

2018-06-21 13:39:35 4483 9

原创 Vue兄弟组件传值 ------ bus 中央事件总线

之前了解到了父组件传值给子组件(props),子组件传值给父组件($emit),对于兄弟组件间传值是通过他们的父组件作为介质传送的,相当麻烦,现在用bus(一个空的vue对象)作为介质传值更加方便。第一步:在assert文件夹下创建一个eventBus.js文件第二步:在components文件夹下创建一个文件,用来传递数据(触发自定义函数)第三步:在components文件夹下创建一个文件,用来...

2018-06-06 14:47:25 6446

原创 Vue深入之js文件全局声明和基础组件的全局注册

前言:有些时候,部分基础的js和vue组件会在不同的页面进行使用,但是每次只是用很少一部分,甚至只用一次,最后导致每个页面里面都会有很长一串的js或者基础组件的长列表,尤其在基础组件很多的时候,会让你头痛万分。下面将介绍如何进行全局注册(都是基于vue-cli)1.js文件全局注册    例如:把一个名为store.js的文件放在和main.js的同级目录下进行操作,先引入,再注册        ...

2018-05-27 14:19:55 3618 2

原创 vue+vue-router 打包后遇到的一系问题

写完项目( vue-cli )直接 npm run build 之后,生成了一个dist 文件夹,里面有一个index.html和一个static文件夹,把dist文件里的文件提出来放在我的wamp的www目录下,然后访问127.0.0.1/dist/,发现如下问题1.访问index.html文件没有内容,检查发现是因为index文件里的css和js路径有错 解决方法:修改源码config文件夹下...

2018-05-20 14:46:51 4780

原创 JQuery总结五:Ajax

基础-Ajax应用1.基础用法$(selector).load(URL,data,callback);url: 加载数据的地址data: 传向url的参数callback: 回执函数 function(responseTxt,statusTxt,xhr) responseTxt:加载 内容 ...

2018-04-11 08:54:28 212

原创 JQuery总结四:动画篇

基础-动画篇1.jQuery中隐藏元素的hide方法$elem.hide()  //直接隐藏$elem.hide("fast | slow")    //   200/600ms动画隐藏$elem.hide(3000); 3s动画$elem.hide( 3000,function() {                    alert('执行3000ms动画完毕');              ...

2018-04-10 20:48:52 269

原创 JQuery总结三:事件篇

基础-事件篇1.jQuery鼠标事件之click与dbclick事件第一种:$("ele").click(function(){    alert('触发指定事件')});$("ele").click() //手动指定触发事件第二种:$('p').click(function(e) {            alert(e.target.textContent)        });第三种:$("...

2018-04-10 20:47:37 246

原创 JQuery总结二:样式篇

基础-样式篇1.引入&lt;!DOCTYPE HTML&gt;&lt;html&gt;&lt;head&gt;    &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;    &lt;!-- 开发版 --&gt;    &lt;script type="text/javascr

2018-04-10 20:45:05 228

原创 JQuery总结一:DOM篇

基础-DOM篇1.节点创建于属性的处理var $body = $('body');$body.on('click', function() { //通过jQuery生成div元素节点 var div = $("&lt;div class='right'&gt;&lt;div class='aaron'&gt;动态创建DIV元素节点&lt;/div&gt;&lt;/...

2018-04-10 20:42:04 224

原创 css3:animation实现时间轴动画

1.效果预览2.实现步骤建立时间轴的整个div结构 外层盒子 动画时间轴 节点信息 初识计算机 2015-09

2018-01-13 17:00:22 4150

原创 Mysql Workbench 创建函数总是提示语法错误

用Mysql Workbench进行mysql函数编写时,总是错误,报错信息说时语法错误,但是别人用navicat就可以运行,查了好久知道要重置结束符来解决这个问题一般这样就可以运行:create function get_choose_number_fn(sno char(20)) returns intreads sql databegin declare rs int; s

2017-12-05 09:27:56 5092

原创 c#小程序——画一棵树(v1与v2)

v1:一棵普通的数using System;using System.Drawing;//支持基本的 GDI+ 图形功能using System.Collections;using System.ComponentModel;//实现组件和控件运行时和设计时行为using System.Windows.Forms;using System.Data;public class For

2017-07-12 20:10:41 1324

原创 c语言实现文件查找

最近学到操作系统的文件管理,研究了一下文件查询,代码如下1.完整版(老师给出的示例代码)#include "windows.h"#include "stdio.h"int num=0;void find(char *path,char *name){ char szFind[MAX_PATH],szFile[MAX_PATH]; WIN32_FIND_DATA fd

2017-06-08 08:28:05 11353 1

原创 c语言实现fcfs,rr_1,spn,srt4种调度算法(无数据结构)

先科普一下四种算法的含义(个人理解):FCFS:非剥夺式,意思很明显,先到达就先执行RR_1:轮转调度算法,时间片为1,在当前时间点或之前到达的,按照顺序一个程序执行一次SPN:最短进程优先,非剥夺式,当前到达的进程中服务时间最短的优先执行SRT:剥夺式,最短剩余服务时间优先,当前时间点,选择最短剩余服务时间的进程执行这里以5个进程为例:(进程名:到达时间:服务时间

2017-06-04 21:07:48 6488

原创 ISCC 2017 writeup(部分)

问题描述:普通的DISCO我们普通的摇~~~~附件是一个wav的音频开始以为是音频隐写,结果好像错了,然后百度:wav ctf 还真让我找到了另外一种思路:波形谱转换为二进制这里就要用到一样工具了:Audacity用工具打开文件后,放大波形谱,果不其然,有东西,23333开始我以为上面一小横岗代表1,下面则代表0,然后解出来是乱码(ORZ,我也很绝望呀)后来我发现很

2017-05-25 12:07:02 4331

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除